summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorJJ2024-09-30 09:24:56 +0000
committerJJ2024-09-30 09:25:42 +0000
commit5da7d8b75c016eec5b9a6b860414704a7beaa670 (patch)
tree9d2492860feb7cd29d30af2d7e6c1a2c34f6253c
parent6b711ffacf74555dd4a11cbd2c3bc4fee4df2152 (diff)
style links page
-rw-r--r--css/style.css8
-rw-r--r--css/wiki.css8
-rw-r--r--links.md142
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>