summaryrefslogtreecommitdiffstats
path: root/wk.fo/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'wk.fo/index.html')
-rw-r--r--wk.fo/index.html16
1 files changed, 12 insertions, 4 deletions
diff --git a/wk.fo/index.html b/wk.fo/index.html
index c79d706..fbb74cb 100644
--- a/wk.fo/index.html
+++ b/wk.fo/index.html
@@ -2,6 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
+<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1IDUiPjxyZWN0IHg9IjEiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyIiB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMCIgeT0iMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjEiIHk9IjIiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyIiB5PSIyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PC9zdmc+">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>wk.fo</title>
<style>
@@ -14,22 +15,25 @@ main, header, footer { max-width: 800px; margin-inline: auto; padding: 0 2rem; }
h1, header, footer { text-align: center; }
main { text-align: justify; }
p, h2, h3, h4 { margin: 1em 0 0 0; }
-pre { margin: 1em 0; }
-pre code { border: thin solid; padding: 1em; display: block; text-align: start; overflow-x: scroll; }
+ol { margin: 0.5em 0 0 0; }
table { margin: auto; border-collapse: collapse; }
th, td { border: 1px solid; padding: 0.3em 0.8em; }
+pre { margin: 1em 0; }
+pre code { border: thin solid; padding: 1em; display: block; text-align: start; overflow-x: scroll; }
code { font-size: 85%; }
+hr { border: none; border-top: thin solid; margin: 1.25rem 0; }
header { margin-bottom: 1em; }
footer { margin-top: 3em; }
a { color: inherit; }
@media (max-width: 600px) { body { font-size: 0.9em; } h1 { font-size: 1.8em; } }
@media (max-width: 400px) { body { font-size: 0.8em; } h1 { font-size: 1.6em; } }
@media (prefers-color-scheme: dark) { html { filter: invert(1); } img { filter: invert(1); } }
+
</style>
</head>
<body>
<header>
-<h1>wk.fo</h1>
+<h1><a href="https://gumx.cc">gumx</a> / wk.fo</h1>
</header>
<main>
<p>File sharing, IRC bouncer, and VPN for friends. All services require an invitation.</p>
@@ -51,16 +55,20 @@ a { color: inherit; }
<p>A config file is provided to you on invite. Import it into any WireGuard client.</p>
<h2>access</h2>
<p>Contact <a href="mailto:hi@gumx.cc">hi@gumx.cc</a>.</p>
+
</main>
<footer>
<hr>
-<a href="https://gumx.cc">gumx.cc</a> /
+<a href="https://twt.gumx.cc">twt</a> /
<a href="https://git.gumx.cc">git</a> /
<a href="https://mail.gumx.cc">mail</a> /
<a href="https://irc.gumx.cc">irc</a> /
+<a href="https://files.gumx.cc">files</a> /
<a href="https://vpn.gumx.cc">vpn</a> /
<a href="https://pgp.gumx.cc">pgp</a> /
+<a href="https://demo.gumx.cc">demo</a> /
<a href="https://wk.fo">wk.fo</a>
</footer>
+
</body>
</html>