55 lines
2.3 KiB
HTML
55 lines
2.3 KiB
HTML
|
<!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>
|