Wob stuff

master
Dustin Swan 4 years ago
parent 7a1487e6cb
commit 6ca5222580

@ -0,0 +1,91 @@
<!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;
}
li span {
display: inline-block;
text-align: center;
width: 16px;
}
</style>
</head>
<body>
<div class="container">
<h3>Home</h3>
<ul id="bookmarks"></ul>
</div>
<script>
const list = [
{ title: 'Fastmail', link: 'https://fastmail.com' },
{ title: 'Tiny Tiny RSS', link: 'https://tt-rss.dustinswan.com' },
{ title: 'Mastodon', link: 'https://mastodon.social' },
{ title: 'Tweetdeck', link: 'https://tweetdeck.twitter.com' },
{ title: 'Pocket', link: 'https://getpocket.com' },
{ title: 'Instagram', link: 'https://instagram.com' },
{ title: 'Youtube', link: 'https://youtube.com' },
{ title: 'Reddit', link: 'https://reddit.com' },
{ title: 'Dark Sky', link: 'https://darksky.net' },
{ title: 'Hacker News', link: 'https://news.ycombinator.com' },
{ title: 'NHK Easy', link: 'https://www3.nhk.or.jp/news/easy' },
{ title: 'Le Monde', link: 'https://lemonde.fr' },
{ title: 'Spiegel', link: 'https://spiegel.de' },
{ title: 'Wanikani', link: 'https://wanikani.com' },
{ title: 'Bunpro', link: 'https://bunpro.jp' },
{ title: 'Duolingo', link: 'https://duolingo.com' },
{ title: 'Memrise', link: 'https://memrise.com' },
{ title: 'Anki', link: 'https://ankiweb.net' },
{ title: 'Japanese conjugation game', link: 'https://bibby.github.io/conjugator' },
{ title: 'LCWO', link: 'https://lcwo.net' },
{ title: 'Ham Study', link: 'https://hamstudy.org' },
{ title: 'Project Euler', link: 'https://projecteuler.net' },
{ title: 'Khan Academy', link: 'https://khanacademy.org' },
];
const CHAR_OFFSET = 97;
const liTemplate = (e, i) => `<li>[${String.fromCharCode(i + CHAR_OFFSET)}] <a href="${e.link}" target="_blank">${e.title}</a></li>`;
const lis = list.map(liTemplate).join('');
document.getElementById('bookmarks').insertAdjacentHTML('beforeend', lis);
document.addEventListener('keydown', e => {
const idx = e.key.charCodeAt(e) - CHAR_OFFSET;
list[idx] && !e.ctrlKey && !e.altKey && !e.metaKey && window.open(list[idx].link);
});
</script>
</body>
</html>

@ -52,14 +52,16 @@
<p>I write code at <a href="https://visionable.com">Visionable</a>.</p> <p>I write code at <a href="https://visionable.com">Visionable</a>.</p>
<h4>Elsewhere</h4> <h4>Locations</h4>
<ul> <ul>
<li title="Email"><span></span> <a href="mailto:dustin@dustinswan.com">dustin@dustinswan.com</a></li> <li title="Email"><span></span> <a href="mailto:dustin@dustinswan.com">dustin@dustinswan.com</a></li>
<li title="Web"><span>ʬ</span> <a href="https://dustinswan.com">dustinswan.com</a></li>
<li title="Gemini"><span>Ѧ</span> <a href="gemini://gemini.dustinswan.com">gemini.dustinswan.com</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="PGP"><span></span> <a href="https://pgp.key-server.io/pks/lookup?op=get&fingerprint=on&search=0xAB49BD6B2B3A6377">0xab49bd6b2b3a6377</a></li>
<li title="Mastodon"><span>ɱ</span> <a href="https://mastodon.social/@dustinswan">mastodon.social/@dustinswan</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> <li title="Twitter"><span>@</span> <a href="https://twitter.com/dustinswan">twitter.com/dustinswan</a></li>
<li title="Instagram"><span></span> <a href="http://instagram.com/dustinswan">instagram.com/dustinswan</a></li> <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="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="Goodreads"><span>ɡ</span> <a href="http://goodreads.com/dustinswan">goodreads.com/dustinswan</a></li>
<li title="IRC"><span></span> sw4n</li> <li title="IRC"><span></span> sw4n</li>
@ -73,7 +75,7 @@
<li><span>λ</span> strong types, pure functions, &amp;c.</li> <li><span>λ</span> strong types, pure functions, &amp;c.</li>
<li><span></span> plain text, Emacs, org-mode, NixOS, &amp;c.</li> <li><span></span> plain text, Emacs, org-mode, NixOS, &amp;c.</li>
<li><span></span> minimalism; low-power, low-waste, low-car, &amp;c.</li> <li><span></span> minimalism; low-power, low-waste, low-car, &amp;c.</li>
<li><span></span> piano, languages, climbing, travel, saving, motorcycles, bicycles, books, chess, speedcubing, sailing, making lists, &amp;c.</li> <li><span></span> piano, languages, climbing, travel, saving, motorcycles, bicycles, books, chess, speedcubing, sailing, making lists, &amp;c.</li>
</ul> </ul>
<h4>Gift ideas</h4> <h4>Gift ideas</h4>

Loading…
Cancel
Save