add CROCODILE CALCITE

blog/about.md

@@ -44,6 +44,10 @@ Friend me on [Project Euler](https://projecteuler.net/friends)! My code is `1997
 * Bench press: 90kg (3RM).
 * Nigh-omniscient knowledge of and concern for English grammar.
 
+## Browser tabs
+
+<!--SSI:tab_history-->
+
 ::: buttons
 
 :::

experiments/free-will/app.css

@@ -0,0 +1 @@
+.buttons.svelte-e31mm4.svelte-e31mm4{display:flex}.buttons.svelte-e31mm4 button.svelte-e31mm4{border:1px solid black;border-radius:0;padding:.2em;font-size:1.2em;flex-grow:1;margin-left:-1px}#app.svelte-e31mm4.svelte-e31mm4{min-height:20em}table.svelte-e31mm4.svelte-e31mm4{border-collapse:collapse}table.svelte-e31mm4 td.svelte-e31mm4{width:1rem;height:1rem;text-align:center}table.svelte-e31mm4 td.s1.svelte-e31mm4{background:#000;color:#fff}table.svelte-e31mm4 td.s0.svelte-e31mm4{background:#fff;color:#000}table.svelte-e31mm4 td.label.svelte-e31mm4{text-align:right;padding-right:.5em;white-space:nowrap}table.accuracy.svelte-e31mm4.svelte-e31mm4{margin-top:1em}table.accuracy.svelte-e31mm4 th.svelte-e31mm4,table.accuracy.svelte-e31mm4 td.svelte-e31mm4{width:auto;height:auto;padding:.15em .75em;text-align:left}table.accuracy.svelte-e31mm4 th.svelte-e31mm4{border-bottom:1px solid black}

experiments/free-will/index.html

@@ -0,0 +1,6 @@
+---
+title: Free Will Tester
+slug: oracle
+description: How bound are you to the habits of the past? Find out with this test.
+---
+<link rel="stylesheet" href="app.css"><div id="app"></div><script src="app.js"></script>

src/global.json

@@ -116,7 +116,7 @@
         ["aacs.png", "https://en.wikipedia.org/wiki/Illegal_number"],
         ["dhmo.gif", "https://www.dhmo.org/"],
         ["kiwix.gif", "https://a.osmarks.net"],
-        ["philpxa.gif", "https://philpax.me/"]
+        ["philpax.png", "https://philpax.me/"]
     ],
     "mycorrhiza": "https://docs.osmarks.net",
     "tagColors": {

src/style.sass

@@ -10,6 +10,8 @@ $navbar-width: 20rem
     // worth considering: #d9facc?
     --box-bg: #fff
     --box-border: #000
+    --text: #000
+    --background: #fff
     // xkcd bluegreen
     --link: #048600
     --visited-link: #006e2b
@@ -101,6 +103,7 @@ nav
         display: flex
         align-items: center
         font-style: italic
+        color: var(--text)
 
     a, img, picture
         margin-right: 0.5em
@@ -121,6 +124,8 @@ h1, h2, h3, h4, h5, h6
         color: inherit !important
         text-decoration: none !important
 
+    text-shadow: 0.06em 0.06em var(--stripe)
+
 summary h1, summary h2
     display: inline
 
@@ -163,7 +168,7 @@ ul
 
 button, select, input, textarea, .textarea
     border-radius: 0 !important
-    border: 1px solid gray
+    border: 1px solid var(--box-border)
     box-shadow: none !important
 
 .achievements
@@ -218,7 +223,7 @@ button, select, input, textarea, .textarea
 
 blockquote
     padding-left: 0.6rem
-    border-left: 6px solid black
+    border-left: 6px solid var(--text)
     margin-left: 0.2rem
 
 .wider, pre
@@ -312,35 +317,28 @@ $hl-border: 3px
     border-bottom: solid $hl-border var(--box-border)
     margin-top: -$hl-border
 
+body
+    background: var(--background)
+    color: var(--text)
+
 @media (prefers-color-scheme: dark)
-    body
-        background: black
-        color: white
-
-    nav
-        background: #000
-
     .achievement
         color: black
 
     :root
         --box-bg: #000
         --box-border: #888
+        --text: #fff
+        --background: #000
         // bright teal
         --link: #6fff6c
         --visited-link: #60e394
         --block-lightness: 20%
         --overlay-opacity: 0.5
 
-    nav .logocont
-        color: white
-
-    blockquote
-        border-left: 6px solid white
-
     button, select, input, textarea, .textarea
         background: #333
-        color: white
+        color: var(--text)
 
     .imbox
         img, picture
@@ -494,8 +492,8 @@ textarea.squiggle
     .cite-this-post
         display: none
 
-    img
-        max-width: 60% !important
+    .caption
+        max-width: 80%
 
     nav
         display: none