diff --git a/public/webfinger.html b/public/webfinger.html
new file mode 100644
index 0000000..de4c891
--- /dev/null
+++ b/public/webfinger.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="referrer" content="no-referrer">
+        <link rel="icon" href="avatar.svg" type="image/svg+xml;charset=UTF-8">
+        <link rel="stylesheet" href="style/index.css" type="text/css;charset=UTF-8">
+        <title>nwex.de/webfinger</title>
+    </head>
+    <body>
+        <h1>WebFinger</h1>
+
+        <main>
+            <a href="https://webfinger.net/">WebFinger</a> is a really cool internet protocol that allows retrieving of user information. You might
+            know it from using Mastodon as it's used for looking up users there.
+        </main>
+        <section>
+            <h3>Fun with Mastodon handles</h3>
+
+            <p>
+                As mentioned above Mastodon uses WebFinger to resolve users. This can be used as a simple redirection mechanism, described
+                more in depth (and for interested readers who want to set this up themselves) on
+                <a href="https://blog.maartenballiauw.be/post/2022/11/05/mastodon-own-donain-without-hosting-server.html">Maarten Balliauw's blog</a>.
+            </p>
+
+            <p>
+                Below is a list of Mastodon handles you can use as aliases for my main account
+                <a href="https://chaos.social/@networkException">@networkexception@chaos.social</a>:
+            </p>
+
+            <ul>
+                <li><a href="https://nwex.de/.well-known/webfinger">@me@nwex.de</a></li>
+                <li><a href="https://nwex.dev/.well-known/webfinger">@me@nwex.dev</a></li>
+                <li><a href="https://networkexception.envs.net/.well-known/webfinger">@me@networkexception.envs.net</a></li>
+            </ul>
+        </section>
+
+        <script type="module">
+            import { tokenize, normalizeNewlines, highlight } from './script/html.js';
+            import { render } from './script/view.js';
+            import { Inspector } from './script/html/inspector.js';
+
+            const response = await fetch(window.location.href);
+            const text = await response.text();
+
+            window.tokens = tokenize(normalizeNewlines(text));
+            window.spans = highlight(tokens);
+
+            const inspector = new Inspector();
+
+            render(text, spans, inspector);
+        </script>
+    </body>
+</html>
