You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

82 lines
3.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
@font-face {
font-family: Iosevka;
src: url("iosevka-fixed-regular.woff2") format("woff2");
}
body {
font-family: Iosevka, monospace;
background: #eceff4;
color: #2e3440;
}
.container {
margin: 0 auto;
max-width: 600px;
}
a {
color: #5e81ac;
text-decoration: none;
}
@media (prefers-color-scheme: dark) {
body {
background: #2e3440;
color: #eceff4;
}
a {
color: #81a1c1;
}
}
ul {
list-style-type: none;
padding: 0;
}
hr {
color: #eee;
}
ul.nowrap li {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
li span {
display: inline-block;
text-align: center;
width: 16px;
}
small {
text-transform: uppercase;
}
</style>
</head>
<body>
<div class="container">
<ul class="nowrap">
<li title="Email"><span></span> <a href="mailto:dustin@dustinswan.com">dustin@dustinswan.com</a></li>
4 years ago
<li title="Matrix"><span></span> <a href="https://matrix.to/#/@dustinswan:matrix.org">@dustinswan:matrix.org</a></li>
<li title="Mastodon"><span>ɱ</span> <a href="https://mastodon.social/@dustinswan">mastodon.social/@dustinswan</a></li>
<li title="Twitter"><span>@</span> <a href="https://twitter.com/dustinswan">twitter.com/dustinswan</a></li>
4 years ago
<li title="Instagram"><span></span> <a href="http://instagram.com/dustinswan">instagram.com/dustinswan</a></li>
<li title="Git"><span></span> <a href="http://git.dustinswan.com">git.dustinswan.com</a></li>
<li title="Goodreads"><span>ɡ</span> <a href="http://goodreads.com/dustinswan">goodreads.com/dustinswan</a></li>
<li title="PGP"><span></span> <a href="https://pgp.key-server.io/pks/lookup?op=get&fingerprint=on&search=0xAB49BD6B2B3A6377">0xab49bd6b2b3a6377</a></li>
<li title="Age"><span></span> age1xjdawx2yryj2kcw6s7y37rff05052v9v77647p244c4vey6k3dqs2cvarx</li>
<li title="Bitcoin"><span></span> 3H4RCegKc67mysLax7u2w2FThCpP8xJZeo</li>
<li title="IRC"><span></span> sw4n</li>
<li title="Ham"><span>Ω</span> KD2PWP</li>
</ul>
4 years ago
<ul class="nowrap">
<li title="Web"><span>ʬ</span> <a href="https://dustinswan.com">https://dustinswan.com</a></li>
<li title="Ethereum"><span></span> <a href="https://dustinswan.eth">dustinswan.eth</a> <small>[<a href="https://app.ens.domains/name/dustinswan.eth">proxy</a>]</small></li>
<li title="Gemini"><span>Ѧ</span> <a href="gemini://dustinswan.com">gemini://dustinswan.com</a> <small>[<a href="https://proxy.vulpes.one/gemini/dustinswan.com">proxy</a>]</small></li>
4 years ago
</ul>
</div>
</body>
</html>