style links page

3 files changed, 108 insertions, 50 deletions

diff --git a/css/style.css b/css/style.css
index 4f891f2..4e66b5f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -68,6 +68,14 @@ nav a:hover {
 	font-size: 1.15em;
 }
 
+:is(p, h1, h2, h3, h4, h5, h6):has(+ ol, + ul) {
+	margin-bottom: 0;
+}
+
+:is(p, h1, h2, h3, h4, h5, h6) + :is(ol, ul) {
+	margin-top: 0
+}
+
 ul {
 	list-style: square;
 }
diff --git a/css/wiki.css b/css/wiki.css
index e38eacb..934d1ae 100644
--- a/css/wiki.css
+++ b/css/wiki.css
@@ -1,11 +1,3 @@
-p:has(+ ol, + ul) {
-	margin-bottom: 0;
-}
-
-p + ol, p + ul {
-	margin-top: 0
-}
-
 li > p:first-child {
 	margin: 0;
 }
diff --git a/links.md b/links.md
index 30fef8d..501d980 100644
--- a/links.md
+++ b/links.md
@@ -3,13 +3,49 @@ layout: main
 title: my link garden
 ---
 
+<style>
+tag { font-size: 0.75em; padding: 0px 4px; }
+
+input { display: none; }
+#content-1, #content-2, #content-3, #content-4 { display: none; }
+#tabs { display: flex; flex-direction: row; }
+#tabs label h2 { margin: 0 1em 0 0; }
+
+#input-1:checked ~ #content-1,
+#input-2:checked ~ #content-2,
+#input-3:checked ~ #content-3,
+#input-4:checked ~ #content-4
+{ display: block; }
+
+#tab-1 h2, #tab-2 h2, #tab-3 h2, #tab-4 h2
+{ font-weight: normal; cursor: pointer; }
+
+#input-1:checked ~ #tabs #tab-1 h2,
+#input-2:checked ~ #tabs #tab-2 h2,
+#input-3:checked ~ #tabs #tab-3 h2,
+#input-4:checked ~ #tabs #tab-4 h2
+{ font-weight: bold; }
+</style>
+
 # a collection of links
 
-I have a little over four thousand bookmarks locally, categorized and growing. Here are some interesting ones.
+I have a little over four thousand bookmarks locally, categorized and growing.\
+Here are some interesting ones.
+
+<input name="group" type="radio" id="input-1" checked />
+<input name="group" type="radio" id="input-2" />
+<input name="group" type="radio" id="input-3" />
+<input name="group" type="radio" id="input-4" />
+<nav id="tabs">
+  <label id="tab-1" for="input-1"><h2 id="humans">Humans</h2></label>
+  <label id="tab-2" for="input-2"><h2 id="information">Information</h2></label>
+  <label id="tab-3" for="input-3"><h2 id="software">Software</h2></label>
+  <label id="tab-4" for="input-4"><h2 id="media">Media</h2></label>
+</nav>
 
-## Humans
+<div id="content-1">
 
-### Friends!!
+### friends on the web
 * [morgan](https://morganarnold.net)
 * [elli](https://elliberes.me/)
 * [riley](https://audiovalentine.com)
@@ -18,24 +54,13 @@ I have a little over four thousand bookmarks locally, categorized and growing. H
 * [xal](https://xal.systems/)
 * [mlechu](https://mlechu.com/)
 * [liam](https://www.crim.ist/)
+* [paulette](https://koronkevi.ch/)
+* [markus](https://markusde.ca/)
 * [rose](https://ikl.sh/)
 * [haskal](https://tilde.town/~haskal/)
+* (if i'm missing you, send me your site!!)
 
-### Blogs
-* [GioCities](https://blog.giovanh.com/)
-* [Cadence's Weblog](https://cadence.moe/blog)
-* [Faultlore](https://faultlore.com/blah/)
-* [Artificial Truth](https://dustri.org/b/)
-* [Terminally Undead](https://countvajhula.com/)
-* [brr.fyi](https://brr.fyi/)
-* [Aphyr's Blog](https://aphyr.com/posts)
-* [Lea Verou's Blog](https://lea.verou.me/blog/)
-* [Josh W. Comeau](https://www.joshwcomeau.com/)
-* [The n-Category Cafe](https://golem.ph.utexas.edu/category/)
-* [Without Boats](https://without.boats/)
-* [baby steps](https://smallcultfollowing.com/babysteps/blog/)
-
-### Sites
+### cool personal sites
 * [gwern.net](https://gwern.net/)
 * [oleg kiselyov](https://okmij.org/ftp/)
 * [stanleylieber.com](http://stanleylieber.com/)
@@ -53,7 +78,21 @@ I have a little over four thousand bookmarks locally, categorized and growing. H
 * [at.org](https://at.org)
 * [h](http://hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh.website/)
 
-### Links
+### blogs in my rss feed
+* [GioCities](https://blog.giovanh.com/)
+* [Cadence's Weblog](https://cadence.moe/blog)
+* [Faultlore](https://faultlore.com/blah/)
+* [Artificial Truth](https://dustri.org/b/)
+* [Terminally Undead](https://countvajhula.com/)
+* [brr.fyi](https://brr.fyi/)
+* [Aphyr's Blog](https://aphyr.com/posts)
+* [Lea Verou's Blog](https://lea.verou.me/blog/)
+* [Josh W. Comeau](https://www.joshwcomeau.com/)
+* [The n-Category Cafe](https://golem.ph.utexas.edu/category/)
+* [Without Boats](https://without.boats/)
+* [baby steps](https://smallcultfollowing.com/babysteps/blog/)
+
+### more lists of links
 * [merveilles webring](https://webring.xxiivv.com/) ([search](https://lieu.cblgh.org/))
 * [bucketfish webring](https://webring.bucketfish.me/)
 * [george webring](https://george.gh0.pw/)
@@ -61,15 +100,12 @@ I have a little over four thousand bookmarks locally, categorized and growing. H
 * [marginalia bookmarks](https://www.marginalia.nu/links/bookmarks/)
 * [nchrs bookmarks](https://nchrs.xyz/bookmarks.html)
 
-### Articles
-* [In defense of inclusionism](https://gwern.net/inclusionism)
-* [How can you not be romantic about programming?](https://thorstenball.com/blog/2020/09/08/how-can-you-not-be-romantic-about-programming/)
-* [Learn more programming languages, even if you won't use them](https://thorstenball.com/blog/2019/04/09/learn-more-programming-languages/)
-* [Publish on your Own Site, Syndicate Elsewhere](https://indieweb.org/POSSE)
 
-## Knowledge
 
-### Books
+</div>
+<div id="content-2">
+
+### books
 * [Internet Archive](https://archive.org/) - the digital library of the internet age
 * [Wayback Machine](https://web.archive.org/) - archeology of the internet
 * [Project Gutenberg](https://www.gutenberg.org/) - public domain ebooks
@@ -77,51 +113,53 @@ I have a little over four thousand bookmarks locally, categorized and growing. H
 * [Library Genesis](https://gen.lib.rus.ec/) - the modern library of alexandria
 * [Anna's Archive](https://annas-archive.org/) - preserving humanity's written heritage
 
-### Papers
+### papers
 * [Sci-Hub](https://sci-hub.se/) - public access research
 * [arXiv](https://arxiv.org/) - public domain research
 
-### Education
+### education
 * [Khan Academy](https://www.khanacademy.org/) - a free and online K-12 curriculum
 * [3Blue1Brown](https://www.youtube.com/@3blue1brown) - visualized mathematics
 
-### Wikis
+### wikis
 * [Wikipedia](https://www.wikipedia.org/) - the free encyclopedia
 * [Wiktionary](https://www.wiktionary.org/) - the free dictionary
 * [Moby Thesaurus](https://moby-thesaurus.org/) - the most comprehensive english-language thesaurus
 * [TVTropes](https://tvtropes.org/) - the pop-culture tropes wiki
 * [Bulbapedia](https://bulbapedia.bulbagarden.net/) - the wiki for all things pokémon
 
-### Mathematics
+### mathematics
 * [NLab](https://ncatlab.org/nlab/show/HomePage) - type theory, category theory, and homotopy theory
 * [1Lab](https://1lab.dev/) - cubical methods in homotopy type theory
 * [The Stacks project](https://stacks.math.columbia.edu/) - a reference work on algebraic geometry
 * [an infinitely large napkin](https://web.evanchen.cc/napkin.html)
 
-### Linguistics
+### linguistics
 * [Glottolog](https://glottolog.org/)
 * [Lingbuzz](https://lingbuzz.net/)
 
-## Software
 
-### Standards
-* [Wasm](https://webassembly.org/) - an abstract stack machine for safe, cross-platform, cross-language code
-* [ActivityPub](https://activitypub.rocks/)
-* [Messaging Layer Security](https://messaginglayersecurity.rocks/)
+</div>
+<div id="content-3">
+
+### protocols
+* [ActivityPub](https://activitypub.rocks/) [[W3](https://www.w3.org/TR/activitypub/)] - a decentralized social networking standard
+* [Messaging Layer Security](https://messaginglayersecurity.rocks/) [[RFC9420](https://datatracker.ietf.org/doc/rfc9420/)] - a security layer standard for group chat encryption
 
-### Formats
+### formats
+* [Wasm](https://webassembly.org/) - an abstract stack machine for safe, cross-platform, cross-language code
+* [Uxn](https://100r.co/site/uxn.html) - an aesthetic virtual machine and computing stack
 * [Quite OK Image](https://qoiformat.org) - a dead simple lossless image format
 * [Quite OK Audio](https://qoaformat.org) - a dead simple lossy audio format
-* [Uxn](https://100r.co/site/uxn.html) - an aesthetic virtual machine and computing stack
 
-### CTF
+### ctf
 * [godbolt](https://godbolt.org/) - compiler explorer
 * [dogbolt](https://dogbolt.org/) - decompiler explorer
 * [webhook.site](https://webhook.site) - inspect incoming http requests
 * [CyberChef](https://gchq.github.io/CyberChef/) - a cipher cookbook
 * [AperiSolve](https://aperisolve.com/) - automated stego solving
 
-### Utilities
+### utilities
 * [icanhazip.com](https://icanhazip.com/) ([ipv4](https://ipv4.icanhazip.com/), [ipv6](https://ipv6.icanhazip.com/)) - your ip address. nothing else.
 * [canyouseeme.org](https://canyouseeme.org/) - open port check tool
 * [curlconverter.com](https://curlconverter.com/) - convert curl commands to python etc
@@ -129,11 +167,31 @@ I have a little over four thousand bookmarks locally, categorized and growing. H
 * [integer.exposed](https://integer.exposed/) - visualizing bit patterns
 * [remove.bg](https://www.remove.bg/) - image background removal
 * [unscreen.com](https://www.unscreen.com/) - video background removal
+* [waifu2x](https://waifu2x.udp.jp/) - anime-style art upscaling
 
-## Media
+### apps
+* [photopea.com](https://www.photopea.com/) - photoshop in the browser
+* [wavacity.com](https://wavacity.com/) - audacity in the browser
+* [jspaint.app](https://jspaint.app/) - mspaint in the browser
+* [graphite.rs](https://editor.graphite.rs/) - raster/vector graphics editor
+* [svg-path-editor](https://yqnn.github.io/svg-path-editor/) - svg editor
+* [q.uiver.app](https://q.uiver.app/) - diagram editor
+* [letsboard.co](https://letsboard.co/) - collaborative drawing board
 
-### Comics (looking for recommendations!)
+
+</div>
+<div id="content-4">
+
+### various articles and written works
+* [In defense of inclusionism](https://gwern.net/inclusionism)
+* [How can you not be romantic about programming?](https://thorstenball.com/blog/2020/09/08/how-can-you-not-be-romantic-about-programming/)
+* [Learn more programming languages, even if you won't use them](https://thorstenball.com/blog/2019/04/09/learn-more-programming-languages/)
+* [Publish on your Own Site, Syndicate Elsewhere](https://indieweb.org/POSSE)
+
+### comics (looking for recommendations!)
 * [Kill Six Billion Demons](https://killsixbilliondemons.com/) [active]
 * [Homestuck](http://www.mspaintadventures.com/sweetbroandhellajeff/) [complete]
 * [Cool and New Web Comic](https://mspfa.com/?s=14113&p=1) [inactive]
 * [Ava's Demon](https://www.avasdemon.com/) [inactive]
+
+</div>