✨

Makefile

@@ -0,0 +1,11 @@
+SRCS := $(shell find src -name '*.md')
+HTML := $(SRCS:src/%.md=%.html)
+vpath %.md src
+vpath %.html www
+
+html: $(HTML)
+
+%.html: %.md
+	pandoc -f markdown+autolink_bare_uris -t html5 \
+		--standalone \
+		-o www/$@ $<

README.md

@@ -0,0 +1,3 @@
+# list blog
+
+it's a blog that is only lists

commands.ed

@@ -0,0 +1,12 @@
+1d
+/---/a
+content:
+.
+g/^$/d
+g/---/d
+/^content/+,$s/^- /+ <li>/
+$a
+
+.
+,p
+Q

justfile

@@ -0,0 +1,44 @@
+# list all recipes
+default:
+  just --list --unsorted
+
+# build index
+@index:
+  find src -type f -name "*.md" -print0 \
+  | sort -zr \
+  | xargs -r0 sed -nr '/^(date|name|title): /p' \
+  | sed '/^date/{G;}' \
+  | recfmt '* <time>{{{{date}}</time> [{{{{title}}]({{{{name}}.html)|' \
+  | sed 's/|/\n\n/g' \
+  | pandoc \
+      -f markdown+autolink_bare_uris \
+      -t html5 \
+      -s \
+      --include-in-header templates/headerinclude.html \
+      -A templates/footer.html \
+      -M title="a blog that is just a bunch of lists" \
+  > www/index.html
+
+# build htmls
+html:
+  make html
+
+# build rss
+rss:
+  #!/usr/bin/env sh
+  echo "<rss version=\"2.0\"><channel><title>list blog</title>" > www/feed.xml
+  echo "<link>http://tilde.town/~dozens/listblog/index.html</link><description>a blog that is just a bunch of lists</description><atom:link rel=\"self\" type=\"application/rss+xml\" href=\"http://tilde.town/~dozens/listblog/episodes.xml\"/>" >> www/feed.xml
+  for f in `ls src/*.md`; do
+    ed -s $f < commands.ed | recfmt -f templates/template.recfmt | m4 >> www/feed.xml
+  done
+  echo '</channel></rss>' >> www/feed.xml
+
+# make html and rss
+build: index html rss
+
+# upload
+up:
+  rsync -zaP www/ tilde:public_html/listblog
+
+# build and upload
+all: build up

src/00001.md

@@ -0,0 +1,12 @@
+---
+name: 00001
+title: stuff that start with s that i like to do when i spend the afternoon at the gym
+date: 2023-09-21
+---
+
+- skate
+- swim
+- steam
+- sauna
+- soak
+- stretch

src/00002.md

@@ -0,0 +1,9 @@
+---
+name: 00002
+title: how to cheer someone up 
+date: 2023-09-23
+---
+
+- teeter-totter
+- mcdonalds
+- nsync

src/00003.md

@@ -0,0 +1,12 @@
+---
+name: 00003
+title: markup and layout i have used to publish games on itch.io
+date: 2023-09-26
+---
+
+- google docs -> pdf
+- Typst.app
+- groff
+- `pandoc -f markdown -t pdf`
+- scribus
+- inkscape

src/00004.md

@@ -0,0 +1,8 @@
+---
+name: 00004
+title: things that subvert expectations of normalcy if you don't already know the ending
+date: 2023-09-28
+---
+
+- jokes
+- mysteries

src/00005.md

@@ -0,0 +1,14 @@
+---
+name: 00005
+title: things that my elderly dog cannot or will not do any longer that taken as a whole let me know that i will need to put him down soon
+date: 2023-09-30
+---
+
+- walk
+- jump
+- stairs
+- hear
+- see
+- cuddle
+- play
+- have a normal heartbeat

src/00006.md

@@ -0,0 +1,17 @@
+---
+name: 00006
+title: for kindrobot, some good games to sideload on your playdate
+date: 2023-10-06
+---
+
+- woodland: a zelda-like, and probably the best game of the bunch :: <https://thatsmaik.itch.io/woodland>
+
+- crunky: weeeeee jumping! :: <https://carsonk.itch.io/crunky>
+
+- rain blocks: it's tetris! :: <https://zenzoa.itch.io/rainblocks>
+
+- super corporate tax evader: lolol :: <https://osuika.itch.io/super-corporate-tax-evader-playdate>
+
+- root bear: flawless execution of a dead simple concept. great art. :: <https://alexsussy.itch.io/root-bear>
+
+- upward: a platformer where the ONLY thing you can do is jump straight up :: <https://danb91.itch.io/upward-for-playdate>

src/00007.md

@@ -0,0 +1,13 @@
+---
+name: 00007
+title: every studio i have ever taught yoga at has ended up closing
+date: 2023-10-10
+---
+
+- the studio i did my teacher training at closed down and became a core power
+
+- that one weird tiny barre / yoga studio a friend / colleague of mine helped manage that one time for what felt like just a couple months
+
+- the small privately owned studio that sold to a local chain, and then the local chain imploded and closed all their locations during the covid lockdowns
+
+- the boutique athletic club by my house closed down, so i started teaching at the location by my office, and then that one closed down too

src/00008.md

@@ -0,0 +1,116 @@
+---
+name: 00008
+title: things that are not coins according to coinstar.com
+date: 2023-10-11
+---
+
+- 1943 US pennies
+- acorns
+- alcohol wipes
+- animal crackers
+- animal or human teeth
+- bandages
+- batteries
+- beads
+- bells
+- belt clips
+- bent coins
+- bolts
+- bottle caps
+- broken glass
+- bullets
+- buttons
+- candy
+- candy wrappers
+- cardboard
+- cat litter
+- chains
+- clay
+- commemorative coins
+- confetti
+- contact lenses
+- cotton balls
+- cotton swabs
+- crayons
+- cuff links
+- damaged coins
+- dirt
+- dirty coins
+- dog food
+- drill bits
+- ear plugs
+- earthworms
+- Eisenhower silver dollars
+- erasers
+- feathers
+- finger nails
+- flash drives
+- foam objects
+- foreign coins
+- fossils
+- french fries
+- fruit snacks
+- glitter
+- gold fish
+- grass
+- guitar picks
+- gum 
+- gum wrappers
+- gummy worms/bears
+- hair clips
+- hay
+- jar lids
+- jewelry
+- key chains
+- keys
+- lint
+- marbles
+- matches
+- miniature dice
+- mints
+- mud
+- nails
+- name tags
+- nuts/bolts
+- paper clips
+- pen caps
+- pencils
+- pills
+- pine cone parts
+- pins
+- pipe cleaners
+- Play-Doh
+- playing cards
+- POGs
+- pop can tabs
+- popsicle sticks
+- quilt squares
+- ribbons
+- rocks
+- rubber bands
+- rubber lid seals
+- sand
+- screw driver bits
+- screws
+- SD cards
+- seeds
+- shells
+- soap
+- soda
+- springs
+- stickers
+- tape
+- tie tacks
+- tire caps
+- tissues
+- tokens
+- tooth picks
+- tree bark
+- twigs/sticks
+- vegetables
+- wall hooks
+- washers
+- watch bands
+- wheat
+- wires
+- yarn

src/00009.md

@@ -0,0 +1,22 @@
+---
+name: 00009
+title: how in the name of heck are you supposed to do all the things in a day
+date: 2023-10-20
+---
+
+- floss
+- stretch
+- physical therapy
+- work out
+- journal
+- gratitude
+- meditate
+- intermittent fasting
+- eat well
+- walk the dog
+- listen to podcast
+- read book
+- do job / earn a living
+- commute???
+- take a nap because wow
+- go to bed on time

src/00010.md

@@ -0,0 +1,10 @@
+---
+name: 00010
+title: recent creative works based on frasier
+date: 2023-10-21
+---
+
+- Our Frasier Remake: a crowdsourced, collaborative art project where more than 130 [artists] from 11 different countries have remade the Seattle Psychiatrist most meta episode... one frame at a time. https://redirect.invidious.io/watch?v=So-JtwVgstU
+
+- Frasier Fantasy: a loving tribute to the show, "Frasier," in turn-based RPG form. Filled with Easter Eggs and callbacks, this is the game for anyone wondering if Eddie ever blinked first. https://edward-la-barbera.itch.io/frasier-fantasy
+

src/00011.md

@@ -0,0 +1,23 @@
+---
+name: 00011
+title: all of my computing devices
+date: 2023-10-23
+---
+
+- macbook pro 15-inch 2018: personal laptop, main driver. i fucking hate this keyboard, and i dislike the touchbar, and i miss having standard usb ports and an hdmi port. i can't believe i've been angry about this computer for five years now..
+
+- pinebook pro 14-inch, 2020: my backup ARM/Linux laptop that i don't use all that much. it's fun for writing, some coding, and messing around with linux and i3.
+
+- freewrite traveler: a small e-ink digital typewriter gifted to me by vilm. kind of a novelty. sometimes i will draft a blog post or email on it.
+
+- nintendo switch: i'm not 100% they count as "computing devices" but i'm going to include handheld consoles here as well. i got the switch for my birthday in 2022 and have been jamming on some legend of zelda: breath of the wild, and some animal crossing.
+
+- playdate: the tiny 1-bit, bright yellow, handcrank, gaming device. the 'a' button got kind of stuck within a week of having it. currently waiting for them to ship a replacement. but it's cute as hell and i love it. it's 99% awesome. i wish it had some networking, and i wish you could load games on it without going through https://play.date. but i love the open development platform, and i love all the nifty weird little games that folks are making for it.
+
+- iphone xs: it's a phone. i don't love phones. in fact, i kind of hate phones. they do not spark joy, and just seem like a necessity. i've had this one for a long time, replaced a broken screen instead of replacing the phone. and i might do that again. (there's a fine crack on the screen along the bottom.) the next phone i buy will likely not be an iphone. i'm just kind of over apple making crappy hardware these days. (see: "macbook pro" above. also see: i teach at a fitness studio, and i need a goddamn headphone jack please!) i'm definitely not interested in buying new. probably ever. and i am interested in hanging onto this one as long as i can mostly out of spite and to protest e-waste and consumerism.
+
+- ipad: i don't even know what year or model. it's a smaller one, and an older one. a hand-me-down after p upgraded. i use it to read pdfs from my digital <abbr title="tabletop roleplaying game">ttrpg</abbr> collection, and that's pretty much it.
+
+- kindle: the basic touch model with a lit screen. an upgrate after i dropped my beloved 4way-No-Touch in water and bricked it. it's pretty great! but my dream reader would be the 4-way-button with a light, no touchscreen. it's too easy to accidentally activate the touchscreen with my large clumsy man hands.
+
+- mnt pocket reform: a tiny computer. it has been slow to ship! i purchased it probably over a year ago, and i still don't have it yet. but i am looking forward to slinging it into a bag or a large pocket and doing some writing/coding on the go. we'll see. the traveler hasn't really gotten me to write on the go that much. but on the other hand, the traveler isn't that super fantastic.

src/00012.md

@@ -0,0 +1,17 @@
+---
+name: 00012
+title: a typical day of screentime
+date: 2023-11-16
+---
+
+- wake up around 7:00, look at phone. helps me stay awake during that period where i'm too tired to get out of bed, but also likely to fall asleep without focusing on something. usually scroll mastodon or discord or whatever blog / article i was last looking at.
+
+- morning personal laptop. 1 - 2 hours of blogging, reading, email, projects, video games. usually at my desk.
+
+- work. 6 - 8 hours on company laptop. bounce between desk and chair.
+
+- early evening: an hour or two on personal laptop ("funtop") on blogging, reading, email, projects, video games.
+
+- late evening: time to unwind. move to couch and turn on tv. use laptop simultaneously for catching up on rss feeds, maybe some light work on projects, maybe some minecraft.
+
+- bedtime. read on kindle (epubs) or ipad (pdf). maybe some light gaming on the playdate.

templates/footer.html

@@ -0,0 +1,5 @@
+  <footer style="margin: 3rem; text-align: center;">
+    <a href="https://tilde.town/~dozens/webring/dozens/index.html?name=lists&dir=prev">👈</a>
+    <a href="https://tilde.town/~dozens/webring/dozens/index.html">☝️</a>
+    <a href="https://tilde.town/~dozens/webring/dozens/index.html?name=lists&dir=next">👉</a>
+  </footer>

templates/headerinclude.html

@@ -0,0 +1,23 @@
+<link rel="alternate" type="application/rss+xml" href="http://tilde.town/~dozens/listblog/feed.xml" title="dozens list blog">
+<style>
+ul {
+  margin: 0;
+  padding: 0;
+}
+li {
+  list-style: none;
+  margin: 2em;
+}
+li p {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+li time {
+  font-size: smaller;
+}
+li a {
+  font-size: larger;
+  text-align: center;
+}
+</style>

templates/template.recfmt

@@ -0,0 +1,13 @@
+<item>
+  <title>{{name}}: {{title}}</title>
+  <link>http://tilde.town/~dozens/listblog/{{name}}.html</link>
+  <guid isPermaLink="false">{{date}} {{name}}</guid>
+  <pubDate>syscmd(`gdate -d {{date}}')</pubDate>
+  <description>
+    <![CDATA[
+changequote(<%,%>)dnl
+{{content}}
+changequote`'dnl
+    ]]>
+  </description>
+</item>

www/00001.html

@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="dcterms.date" content="2023-09-21" />
+  <title>stuff that start with s that i like to do when i spend the afternoon at the gym</title>
+  <style>
+    html {
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 12px;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      html {
+        background-color: white;
+      }
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    svg {
+      height; auto;
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
+      font-size: 85%;
+      margin: 0;
+      hyphens: manual;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<header id="title-block-header">
+<h1 class="title">stuff that start with s that i like to do when i spend
+the afternoon at the gym</h1>
+<p class="date">2023-09-21</p>
+</header>
+<ul>
+<li>skate</li>
+<li>swim</li>
+<li>steam</li>
+<li>sauna</li>
+<li>soak</li>
+<li>stretch</li>
+</ul>
+</body>
+</html>

www/00002.html

@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="dcterms.date" content="2023-09-23" />
+  <title>how to cheer someone up</title>
+  <style>
+    html {
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 12px;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      html {
+        background-color: white;
+      }
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    svg {
+      height; auto;
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
+      font-size: 85%;
+      margin: 0;
+      hyphens: manual;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<header id="title-block-header">
+<h1 class="title">how to cheer someone up</h1>
+<p class="date">2023-09-23</p>
+</header>
+<ul>
+<li>teeter-totter</li>
+<li>mcdonalds</li>
+<li>nsync</li>
+</ul>
+</body>
+</html>

www/00003.html

@@ -0,0 +1,190 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="dcterms.date" content="2023-09-26" />
+  <title>markup and layout i have used to publish games on itch.io</title>
+  <style>
+    html {
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 12px;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      html {
+        background-color: white;
+      }
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    svg {
+      height; auto;
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
+      font-size: 85%;
+      margin: 0;
+      hyphens: manual;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<header id="title-block-header">
+<h1 class="title">markup and layout i have used to publish games on
+itch.io</h1>
+<p class="date">2023-09-26</p>
+</header>
+<ul>
+<li>google docs -&gt; pdf</li>
+<li>Typst.app</li>
+<li>groff</li>
+<li><code>pandoc -f markdown -t pdf</code></li>
+<li>scribus</li>
+<li>inkscape</li>
+</ul>
+</body>
+</html>

www/00004.html

@@ -0,0 +1,186 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="dcterms.date" content="2023-09-28" />
+  <title>things that subvert expectations of normalcy if you don’t already know the ending</title>
+  <style>
+    html {
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 12px;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      html {
+        background-color: white;
+      }
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    svg {
+      height; auto;
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
+      font-size: 85%;
+      margin: 0;
+      hyphens: manual;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<header id="title-block-header">
+<h1 class="title">things that subvert expectations of normalcy if you
+don’t already know the ending</h1>
+<p class="date">2023-09-28</p>
+</header>
+<ul>
+<li>jokes</li>
+<li>mysteries</li>
+</ul>
+</body>
+</html>

www/00005.html

@@ -0,0 +1,193 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="dcterms.date" content="2023-09-30" />
+  <title>things that my elderly dog cannot or will not do any longer that taken as a whole let me know that i will need to put him down soon</title>
+  <style>
+    html {
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 12px;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      html {
+        background-color: white;
+      }
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    svg {
+      height; auto;
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
+      font-size: 85%;
+      margin: 0;
+      hyphens: manual;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<header id="title-block-header">
+<h1 class="title">things that my elderly dog cannot or will not do any
+longer that taken as a whole let me know that i will need to put him
+down soon</h1>
+<p class="date">2023-09-30</p>
+</header>
+<ul>
+<li>walk</li>
+<li>jump</li>
+<li>stairs</li>
+<li>hear</li>
+<li>see</li>
+<li>cuddle</li>
+<li>play</li>
+<li>have a normal heartbeat</li>
+</ul>
+</body>
+</html>

www/00006.html

@@ -0,0 +1,202 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="dcterms.date" content="2023-10-06" />
+  <title>for kindrobot, some good games to sideload on your playdate</title>
+  <style>
+    html {
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 12px;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      html {
+        background-color: white;
+      }
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    svg {
+      height; auto;
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
+      font-size: 85%;
+      margin: 0;
+      hyphens: manual;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<header id="title-block-header">
+<h1 class="title">for kindrobot, some good games to sideload on your
+playdate</h1>
+<p class="date">2023-10-06</p>
+</header>
+<ul>
+<li><p>woodland: a zelda-like, and probably the best game of the bunch
+:: <a href="https://thatsmaik.itch.io/woodland"
+class="uri">https://thatsmaik.itch.io/woodland</a></p></li>
+<li><p>crunky: weeeeee jumping! :: <a
+href="https://carsonk.itch.io/crunky"
+class="uri">https://carsonk.itch.io/crunky</a></p></li>
+<li><p>rain blocks: it’s tetris! :: <a
+href="https://zenzoa.itch.io/rainblocks"
+class="uri">https://zenzoa.itch.io/rainblocks</a></p></li>
+<li><p>super corporate tax evader: lolol :: <a
+href="https://osuika.itch.io/super-corporate-tax-evader-playdate"
+class="uri">https://osuika.itch.io/super-corporate-tax-evader-playdate</a></p></li>
+<li><p>root bear: flawless execution of a dead simple concept. great
+art. :: <a href="https://alexsussy.itch.io/root-bear"
+class="uri">https://alexsussy.itch.io/root-bear</a></p></li>
+<li><p>upward: a platformer where the ONLY thing you can do is jump
+straight up :: <a href="https://danb91.itch.io/upward-for-playdate"
+class="uri">https://danb91.itch.io/upward-for-playdate</a></p></li>
+</ul>
+</body>
+</html>

www/00007.html

@@ -0,0 +1,195 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="dcterms.date" content="2023-10-10" />
+  <title>every studio i have ever taught yoga at has ended up closing</title>
+  <style>
+    html {
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 12px;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      html {
+        background-color: white;
+      }
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    svg {
+      height; auto;
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
+      font-size: 85%;
+      margin: 0;
+      hyphens: manual;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<header id="title-block-header">
+<h1 class="title">every studio i have ever taught yoga at has ended up
+closing</h1>
+<p class="date">2023-10-10</p>
+</header>
+<ul>
+<li><p>the studio i did my teacher training at closed down and became a
+core power</p></li>
+<li><p>that one weird tiny barre / yoga studio a friend / colleague of
+mine helped manage that one time for what felt like just a couple
+months</p></li>
+<li><p>the small privately owned studio that sold to a local chain, and
+then the local chain imploded and closed all their locations during the
+covid lockdowns</p></li>
+<li><p>the boutique athletic club by my house closed down, so i started
+teaching at the location by my office, and then that one closed down
+too</p></li>
+</ul>
+</body>
+</html>

www/00008.html

@@ -0,0 +1,294 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="dcterms.date" content="2023-10-11" />
+  <title>things that are not coins according to coinstar.com</title>
+  <style>
+    html {
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 12px;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      html {
+        background-color: white;
+      }
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    svg {
+      height; auto;
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
+      font-size: 85%;
+      margin: 0;
+      hyphens: manual;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<header id="title-block-header">
+<h1 class="title">things that are not coins according to
+coinstar.com</h1>
+<p class="date">2023-10-11</p>
+</header>
+<ul>
+<li>1943 US pennies</li>
+<li>acorns</li>
+<li>alcohol wipes</li>
+<li>animal crackers</li>
+<li>animal or human teeth</li>
+<li>bandages</li>
+<li>batteries</li>
+<li>beads</li>
+<li>bells</li>
+<li>belt clips</li>
+<li>bent coins</li>
+<li>bolts</li>
+<li>bottle caps</li>
+<li>broken glass</li>
+<li>bullets</li>
+<li>buttons</li>
+<li>candy</li>
+<li>candy wrappers</li>
+<li>cardboard</li>
+<li>cat litter</li>
+<li>chains</li>
+<li>clay</li>
+<li>commemorative coins</li>
+<li>confetti</li>
+<li>contact lenses</li>
+<li>cotton balls</li>
+<li>cotton swabs</li>
+<li>crayons</li>
+<li>cuff links</li>
+<li>damaged coins</li>
+<li>dirt</li>
+<li>dirty coins</li>
+<li>dog food</li>
+<li>drill bits</li>
+<li>ear plugs</li>
+<li>earthworms</li>
+<li>Eisenhower silver dollars</li>
+<li>erasers</li>
+<li>feathers</li>
+<li>finger nails</li>
+<li>flash drives</li>
+<li>foam objects</li>
+<li>foreign coins</li>
+<li>fossils</li>
+<li>french fries</li>
+<li>fruit snacks</li>
+<li>glitter</li>
+<li>gold fish</li>
+<li>grass</li>
+<li>guitar picks</li>
+<li>gum</li>
+<li>gum wrappers</li>
+<li>gummy worms/bears</li>
+<li>hair clips</li>
+<li>hay</li>
+<li>jar lids</li>
+<li>jewelry</li>
+<li>key chains</li>
+<li>keys</li>
+<li>lint</li>
+<li>marbles</li>
+<li>matches</li>
+<li>miniature dice</li>
+<li>mints</li>
+<li>mud</li>
+<li>nails</li>
+<li>name tags</li>
+<li>nuts/bolts</li>
+<li>paper clips</li>
+<li>pen caps</li>
+<li>pencils</li>
+<li>pills</li>
+<li>pine cone parts</li>
+<li>pins</li>
+<li>pipe cleaners</li>
+<li>Play-Doh</li>
+<li>playing cards</li>
+<li>POGs</li>
+<li>pop can tabs</li>
+<li>popsicle sticks</li>
+<li>quilt squares</li>
+<li>ribbons</li>
+<li>rocks</li>
+<li>rubber bands</li>
+<li>rubber lid seals</li>
+<li>sand</li>
+<li>screw driver bits</li>
+<li>screws</li>
+<li>SD cards</li>
+<li>seeds</li>
+<li>shells</li>
+<li>soap</li>
+<li>soda</li>
+<li>springs</li>
+<li>stickers</li>
+<li>tape</li>
+<li>tie tacks</li>
+<li>tire caps</li>
+<li>tissues</li>
+<li>tokens</li>
+<li>tooth picks</li>
+<li>tree bark</li>
+<li>twigs/sticks</li>
+<li>vegetables</li>
+<li>wall hooks</li>
+<li>washers</li>
+<li>watch bands</li>
+<li>wheat</li>
+<li>wires</li>
+<li>yarn</li>
+</ul>
+</body>
+</html>

www/00009.html

@@ -0,0 +1,200 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="dcterms.date" content="2023-10-20" />
+  <title>how in the name of heck are you supposed to do all the things in a day</title>
+  <style>
+    html {
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 12px;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      html {
+        background-color: white;
+      }
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    svg {
+      height; auto;
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
+      font-size: 85%;
+      margin: 0;
+      hyphens: manual;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<header id="title-block-header">
+<h1 class="title">how in the name of heck are you supposed to do all the
+things in a day</h1>
+<p class="date">2023-10-20</p>
+</header>
+<ul>
+<li>floss</li>
+<li>stretch</li>
+<li>physical therapy</li>
+<li>work out</li>
+<li>journal</li>
+<li>gratitude</li>
+<li>meditate</li>
+<li>intermittent fasting</li>
+<li>eat well</li>
+<li>walk the dog</li>
+<li>listen to podcast</li>
+<li>read book</li>
+<li>do job / earn a living</li>
+<li>commute???</li>
+<li>take a nap because wow</li>
+<li>go to bed on time</li>
+</ul>
+</body>
+</html>

www/00010.html

@@ -0,0 +1,193 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="dcterms.date" content="2023-10-21" />
+  <title>recent creative works based on frasier</title>
+  <style>
+    html {
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 12px;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      html {
+        background-color: white;
+      }
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    svg {
+      height; auto;
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
+      font-size: 85%;
+      margin: 0;
+      hyphens: manual;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<header id="title-block-header">
+<h1 class="title">recent creative works based on frasier</h1>
+<p class="date">2023-10-21</p>
+</header>
+<ul>
+<li><p>Our Frasier Remake: a crowdsourced, collaborative art project
+where more than 130 [artists] from 11 different countries have remade
+the Seattle Psychiatrist most meta episode… one frame at a time. <a
+href="https://redirect.invidious.io/watch?v=So-JtwVgstU"
+class="uri">https://redirect.invidious.io/watch?v=So-JtwVgstU</a></p></li>
+<li><p>Frasier Fantasy: a loving tribute to the show, “Frasier,” in
+turn-based RPG form. Filled with Easter Eggs and callbacks, this is the
+game for anyone wondering if Eddie ever blinked first. <a
+href="https://edward-la-barbera.itch.io/frasier-fantasy"
+class="uri">https://edward-la-barbera.itch.io/frasier-fantasy</a></p></li>
+</ul>
+</body>
+</html>

www/00011.html

@@ -0,0 +1,231 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="dcterms.date" content="2023-10-23" />
+  <title>all of my computing devices</title>
+  <style>
+    html {
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 12px;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      html {
+        background-color: white;
+      }
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    svg {
+      height; auto;
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
+      font-size: 85%;
+      margin: 0;
+      hyphens: manual;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<header id="title-block-header">
+<h1 class="title">all of my computing devices</h1>
+<p class="date">2023-10-23</p>
+</header>
+<ul>
+<li><p>macbook pro 15-inch 2018: personal laptop, main driver. i fucking
+hate this keyboard, and i dislike the touchbar, and i miss having
+standard usb ports and an hdmi port. i can’t believe i’ve been angry
+about this computer for five years now..</p></li>
+<li><p>pinebook pro 14-inch, 2020: my backup ARM/Linux laptop that i
+don’t use all that much. it’s fun for writing, some coding, and messing
+around with linux and i3.</p></li>
+<li><p>freewrite traveler: a small e-ink digital typewriter gifted to me
+by vilm. kind of a novelty. sometimes i will draft a blog post or email
+on it.</p></li>
+<li><p>nintendo switch: i’m not 100% they count as “computing devices”
+but i’m going to include handheld consoles here as well. i got the
+switch for my birthday in 2022 and have been jamming on some legend of
+zelda: breath of the wild, and some animal crossing.</p></li>
+<li><p>playdate: the tiny 1-bit, bright yellow, handcrank, gaming
+device. the ‘a’ button got kind of stuck within a week of having it.
+currently waiting for them to ship a replacement. but it’s cute as hell
+and i love it. it’s 99% awesome. i wish it had some networking, and i
+wish you could load games on it without going through <a
+href="https://play.date" class="uri">https://play.date</a>. but i love
+the open development platform, and i love all the nifty weird little
+games that folks are making for it.</p></li>
+<li><p>iphone xs: it’s a phone. i don’t love phones. in fact, i kind of
+hate phones. they do not spark joy, and just seem like a necessity. i’ve
+had this one for a long time, replaced a broken screen instead of
+replacing the phone. and i might do that again. (there’s a fine crack on
+the screen along the bottom.) the next phone i buy will likely not be an
+iphone. i’m just kind of over apple making crappy hardware these days.
+(see: “macbook pro” above. also see: i teach at a fitness studio, and i
+need a goddamn headphone jack please!) i’m definitely not interested in
+buying new. probably ever. and i am interested in hanging onto this one
+as long as i can mostly out of spite and to protest e-waste and
+consumerism.</p></li>
+<li><p>ipad: i don’t even know what year or model. it’s a smaller one,
+and an older one. a hand-me-down after p upgraded. i use it to read pdfs
+from my digital <abbr title="tabletop roleplaying game">ttrpg</abbr>
+collection, and that’s pretty much it.</p></li>
+<li><p>kindle: the basic touch model with a lit screen. an upgrate after
+i dropped my beloved 4way-No-Touch in water and bricked it. it’s pretty
+great! but my dream reader would be the 4-way-button with a light, no
+touchscreen. it’s too easy to accidentally activate the touchscreen with
+my large clumsy man hands.</p></li>
+<li><p>mnt pocket reform: a tiny computer. it has been slow to ship! i
+purchased it probably over a year ago, and i still don’t have it yet.
+but i am looking forward to slinging it into a bag or a large pocket and
+doing some writing/coding on the go. we’ll see. the traveler hasn’t
+really gotten me to write on the go that much. but on the other hand,
+the traveler isn’t that super fantastic.</p></li>
+</ul>
+</body>
+</html>

www/00012.html

@@ -0,0 +1,198 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <meta name="dcterms.date" content="2023-11-16" />
+  <title>a typical day of screentime</title>
+  <style>
+    html {
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 12px;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      html {
+        background-color: white;
+      }
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    svg {
+      height; auto;
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
+      font-size: 85%;
+      margin: 0;
+      hyphens: manual;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<header id="title-block-header">
+<h1 class="title">a typical day of screentime</h1>
+<p class="date">2023-11-16</p>
+</header>
+<ul>
+<li><p>wake up around 7:00, look at phone. helps me stay awake during
+that period where i’m too tired to get out of bed, but also likely to
+fall asleep without focusing on something. usually scroll mastodon or
+discord or whatever blog / article i was last looking at.</p></li>
+<li><p>morning personal laptop. 1 - 2 hours of blogging, reading, email,
+projects, video games. usually at my desk.</p></li>
+<li><p>work. 6 - 8 hours on company laptop. bounce between desk and
+chair.</p></li>
+<li><p>early evening: an hour or two on personal laptop (“funtop”) on
+blogging, reading, email, projects, video games.</p></li>
+<li><p>late evening: time to unwind. move to couch and turn on tv. use
+laptop simultaneously for catching up on rss feeds, maybe some light
+work on projects, maybe some minecraft.</p></li>
+<li><p>bedtime. read on kindle (epubs) or ipad (pdf). maybe some light
+gaming on the playdate.</p></li>
+</ul>
+</body>
+</html>

www/feed.xml

@@ -0,0 +1,325 @@
+<rss version="2.0"><channel><title>list blog</title>
+<link>http://tilde.town/~dozens/listblog/index.html</link><description>a blog that is just a bunch of lists</description><atom:link rel="self" type="application/rss+xml" href="http://tilde.town/~dozens/listblog/episodes.xml"/>
+<item>
+  <title>00001: stuff that start with s that i like to do when i spend the afternoon at the gym</title>
+  <link>http://tilde.town/~dozens/listblog/00001.html</link>
+  <guid isPermaLink="false">2023-09-21 00001</guid>
+  <pubDate>Thu Sep 21 00:00:00 MDT 2023
+</pubDate>
+  <description>
+    <![CDATA[
+
+<li>skate
+<li>swim
+<li>steam
+<li>sauna
+<li>soak
+<li>stretch
+    ]]>
+  </description>
+</item>
+<item>
+  <title>00002: how to cheer someone up </title>
+  <link>http://tilde.town/~dozens/listblog/00002.html</link>
+  <guid isPermaLink="false">2023-09-23 00002</guid>
+  <pubDate>Sat Sep 23 00:00:00 MDT 2023
+</pubDate>
+  <description>
+    <![CDATA[
+
+<li>teeter-totter
+<li>mcdonalds
+<li>nsync
+    ]]>
+  </description>
+</item>
+<item>
+  <title>00003: markup and layout i have used to publish games on itch.io</title>
+  <link>http://tilde.town/~dozens/listblog/00003.html</link>
+  <guid isPermaLink="false">2023-09-26 00003</guid>
+  <pubDate>Tue Sep 26 00:00:00 MDT 2023
+</pubDate>
+  <description>
+    <![CDATA[
+
+<li>google docs -> pdf
+<li>Typst.app
+<li>groff
+<li>`pandoc -f markdown -t pdf`
+<li>scribus
+<li>inkscape
+    ]]>
+  </description>
+</item>
+<item>
+  <title>00004: things that subvert expectations of normalcy if you don't already know the ending</title>
+  <link>http://tilde.town/~dozens/listblog/00004.html</link>
+  <guid isPermaLink="false">2023-09-28 00004</guid>
+  <pubDate>Thu Sep 28 00:00:00 MDT 2023
+</pubDate>
+  <description>
+    <![CDATA[
+
+<li>jokes
+<li>mysteries
+    ]]>
+  </description>
+</item>
+<item>
+  <title>00005: things that my elderly dog cannot or will not do any longer that taken as a whole let me know that i will need to put him down soon</title>
+  <link>http://tilde.town/~dozens/listblog/00005.html</link>
+  <guid isPermaLink="false">2023-09-30 00005</guid>
+  <pubDate>Sat Sep 30 00:00:00 MDT 2023
+</pubDate>
+  <description>
+    <![CDATA[
+
+<li>walk
+<li>jump
+<li>stairs
+<li>hear
+<li>see
+<li>cuddle
+<li>play
+<li>have a normal heartbeat
+    ]]>
+  </description>
+</item>
+<item>
+  <title>00006: for kindrobot, some good games to sideload on your playdate</title>
+  <link>http://tilde.town/~dozens/listblog/00006.html</link>
+  <guid isPermaLink="false">2023-10-06 00006</guid>
+  <pubDate>Fri Oct  6 00:00:00 MDT 2023
+</pubDate>
+  <description>
+    <![CDATA[
+
+<li>woodland: a zelda-like, and probably the best game of the bunch :: <https://thatsmaik.itch.io/woodland>
+<li>crunky: weeeeee jumping! :: <https://carsonk.itch.io/crunky>
+<li>rain blocks: it's tetris! :: <https://zenzoa.itch.io/rainblocks>
+<li>super corporate tax evader: lolol :: <https://osuika.itch.io/super-corporate-tax-evader-playdate>
+<li>root bear: flawless execution of a dead simple concept. great art. :: <https://alexsussy.itch.io/root-bear>
+<li>upward: a platformer where the ONLY thing you can do is jump straight up :: <https://danb91.itch.io/upward-for-playdate>
+    ]]>
+  </description>
+</item>
+<item>
+  <title>00007: every studio i have ever taught yoga at has ended up closing</title>
+  <link>http://tilde.town/~dozens/listblog/00007.html</link>
+  <guid isPermaLink="false">2023-10-10 00007</guid>
+  <pubDate>Tue Oct 10 00:00:00 MDT 2023
+</pubDate>
+  <description>
+    <![CDATA[
+
+<li>the studio i did my teacher training at closed down and became a core power
+<li>that one weird tiny barre / yoga studio a friend / colleague of mine helped manage that one time for what felt like just a couple months
+<li>the small privately owned studio that sold to a local chain, and then the local chain imploded and closed all their locations during the covid lockdowns
+<li>the boutique athletic club by my house closed down, so i started teaching at the location by my office, and then that one closed down too
+    ]]>
+  </description>
+</item>
+<item>
+  <title>00008: things that are not coins according to coinstar.com</title>
+  <link>http://tilde.town/~dozens/listblog/00008.html</link>
+  <guid isPermaLink="false">2023-10-11 00008</guid>
+  <pubDate>Wed Oct 11 00:00:00 MDT 2023
+</pubDate>
+  <description>
+    <![CDATA[
+
+<li>1943 US pennies
+<li>acorns
+<li>alcohol wipes
+<li>animal crackers
+<li>animal or human teeth
+<li>bandages
+<li>batteries
+<li>beads
+<li>bells
+<li>belt clips
+<li>bent coins
+<li>bolts
+<li>bottle caps
+<li>broken glass
+<li>bullets
+<li>buttons
+<li>candy
+<li>candy wrappers
+<li>cardboard
+<li>cat litter
+<li>chains
+<li>clay
+<li>commemorative coins
+<li>confetti
+<li>contact lenses
+<li>cotton balls
+<li>cotton swabs
+<li>crayons
+<li>cuff links
+<li>damaged coins
+<li>dirt
+<li>dirty coins
+<li>dog food
+<li>drill bits
+<li>ear plugs
+<li>earthworms
+<li>Eisenhower silver dollars
+<li>erasers
+<li>feathers
+<li>finger nails
+<li>flash drives
+<li>foam objects
+<li>foreign coins
+<li>fossils
+<li>french fries
+<li>fruit snacks
+<li>glitter
+<li>gold fish
+<li>grass
+<li>guitar picks
+<li>gum 
+<li>gum wrappers
+<li>gummy worms/bears
+<li>hair clips
+<li>hay
+<li>jar lids
+<li>jewelry
+<li>key chains
+<li>keys
+<li>lint
+<li>marbles
+<li>matches
+<li>miniature dice
+<li>mints
+<li>mud
+<li>nails
+<li>name tags
+<li>nuts/bolts
+<li>paper clips
+<li>pen caps
+<li>pencils
+<li>pills
+<li>pine cone parts
+<li>pins
+<li>pipe cleaners
+<li>Play-Doh
+<li>playing cards
+<li>POGs
+<li>pop can tabs
+<li>popsicle sticks
+<li>quilt squares
+<li>ribbons
+<li>rocks
+<li>rubber bands
+<li>rubber lid seals
+<li>sand
+<li>screw driver bits
+<li>screws
+<li>SD cards
+<li>seeds
+<li>shells
+<li>soap
+<li>soda
+<li>springs
+<li>stickers
+<li>tape
+<li>tie tacks
+<li>tire caps
+<li>tissues
+<li>tokens
+<li>tooth picks
+<li>tree bark
+<li>twigs/sticks
+<li>vegetables
+<li>wall hooks
+<li>washers
+<li>watch bands
+<li>wheat
+<li>wires
+<li>yarn
+    ]]>
+  </description>
+</item>
+<item>
+  <title>00009: how in the name of heck are you supposed to do all the things in a day</title>
+  <link>http://tilde.town/~dozens/listblog/00009.html</link>
+  <guid isPermaLink="false">2023-10-20 00009</guid>
+  <pubDate>Fri Oct 20 00:00:00 MDT 2023
+</pubDate>
+  <description>
+    <![CDATA[
+
+<li>floss
+<li>stretch
+<li>physical therapy
+<li>work out
+<li>journal
+<li>gratitude
+<li>meditate
+<li>intermittent fasting
+<li>eat well
+<li>walk the dog
+<li>listen to podcast
+<li>read book
+<li>do job / earn a living
+<li>commute???
+<li>take a nap because wow
+<li>go to bed on time
+    ]]>
+  </description>
+</item>
+<item>
+  <title>00010: recent creative works based on frasier</title>
+  <link>http://tilde.town/~dozens/listblog/00010.html</link>
+  <guid isPermaLink="false">2023-10-21 00010</guid>
+  <pubDate>Sat Oct 21 00:00:00 MDT 2023
+</pubDate>
+  <description>
+    <![CDATA[
+
+<li>Our Frasier Remake: a crowdsourced, collaborative art project where more than 130 [artists] from 11 different countries have remade the Seattle Psychiatrist most meta episode... one frame at a time. https://redirect.invidious.io/watch?v=So-JtwVgstU
+<li>Frasier Fantasy: a loving tribute to the show, "Frasier," in turn-based RPG form. Filled with Easter Eggs and callbacks, this is the game for anyone wondering if Eddie ever blinked first. https://edward-la-barbera.itch.io/frasier-fantasy
+    ]]>
+  </description>
+</item>
+<item>
+  <title>00011: all of my computing devices</title>
+  <link>http://tilde.town/~dozens/listblog/00011.html</link>
+  <guid isPermaLink="false">2023-10-23 00011</guid>
+  <pubDate>Mon Oct 23 00:00:00 MDT 2023
+</pubDate>
+  <description>
+    <![CDATA[
+
+<li>macbook pro 15-inch 2018: personal laptop, main driver. i fucking hate this keyboard, and i dislike the touchbar, and i miss having standard usb ports and an hdmi port. i can't believe i've been angry about this computer for five years now..
+<li>pinebook pro 14-inch, 2020: my backup ARM/Linux laptop that i don't use all that much. it's fun for writing, some coding, and messing around with linux and i3.
+<li>freewrite traveler: a small e-ink digital typewriter gifted to me by vilm. kind of a novelty. sometimes i will draft a blog post or email on it.
+<li>nintendo switch: i'm not 100% they count as "computing devices" but i'm going to include handheld consoles here as well. i got the switch for my birthday in 2022 and have been jamming on some legend of zelda: breath of the wild, and some animal crossing.
+<li>playdate: the tiny 1-bit, bright yellow, handcrank, gaming device. the 'a' button got kind of stuck within a week of having it. currently waiting for them to ship a replacement. but it's cute as hell and i love it. it's 99% awesome. i wish it had some networking, and i wish you could load games on it without going through https://play.date. but i love the open development platform, and i love all the nifty weird little games that folks are making for it.
+<li>iphone xs: it's a phone. i don't love phones. in fact, i kind of hate phones. they do not spark joy, and just seem like a necessity. i've had this one for a long time, replaced a broken screen instead of replacing the phone. and i might do that again. (there's a fine crack on the screen along the bottom.) the next phone i buy will likely not be an iphone. i'm just kind of over apple making crappy hardware these days. (see: "macbook pro" above. also see: i teach at a fitness studio, and i need a goddamn headphone jack please!) i'm definitely not interested in buying new. probably ever. and i am interested in hanging onto this one as long as i can mostly out of spite and to protest e-waste and consumerism.
+<li>ipad: i don't even know what year or model. it's a smaller one, and an older one. a hand-me-down after p upgraded. i use it to read pdfs from my digital <abbr title="tabletop roleplaying game">ttrpg</abbr> collection, and that's pretty much it.
+<li>kindle: the basic touch model with a lit screen. an upgrate after i dropped my beloved 4way-No-Touch in water and bricked it. it's pretty great! but my dream reader would be the 4-way-button with a light, no touchscreen. it's too easy to accidentally activate the touchscreen with my large clumsy man hands.
+<li>mnt pocket reform: a tiny computer. it has been slow to ship! i purchased it probably over a year ago, and i still don't have it yet. but i am looking forward to slinging it into a bag or a large pocket and doing some writing/coding on the go. we'll see. the traveler hasn't really gotten me to write on the go that much. but on the other hand, the traveler isn't that super fantastic.
+    ]]>
+  </description>
+</item>
+<item>
+  <title>00012: a typical day of screentime</title>
+  <link>http://tilde.town/~dozens/listblog/00012.html</link>
+  <guid isPermaLink="false">2023-11-16 00012</guid>
+  <pubDate>Thu Nov 16 00:00:00 MST 2023
+</pubDate>
+  <description>
+    <![CDATA[
+
+<li>wake up around 7:00, look at phone. helps me stay awake during that period where i'm too tired to get out of bed, but also likely to fall asleep without focusing on something. usually scroll mastodon or discord or whatever blog / article i was last looking at.
+<li>morning personal laptop. 1 - 2 hours of blogging, reading, email, projects, video games. usually at my desk.
+<li>work. 6 - 8 hours on company laptop. bounce between desk and chair.
+<li>early evening: an hour or two on personal laptop ("funtop") on blogging, reading, email, projects, video games.
+<li>late evening: time to unwind. move to couch and turn on tv. use laptop simultaneously for catching up on rss feeds, maybe some light work on projects, maybe some minecraft.
+<li>bedtime. read on kindle (epubs) or ipad (pdf). maybe some light gaming on the playdate.
+    ]]>
+  </description>
+</item>
+</channel></rss>

www/index.html

@@ -0,0 +1,236 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>a blog that is just a bunch of lists</title>
+  <style>
+    html {
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 12px;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      html {
+        background-color: white;
+      }
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    svg {
+      height; auto;
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace;
+      font-size: 85%;
+      margin: 0;
+      hyphens: manual;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <link rel="alternate" type="application/rss+xml" href="http://tilde.town/~dozens/listblog/feed.xml" title="dozens list blog">
+  <style>
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+  li {
+    list-style: none;
+    margin: 2em;
+  }
+  li p {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  li time {
+    font-size: smaller;
+  }
+  li a {
+    font-size: larger;
+    text-align: center;
+  }
+  </style>
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<header id="title-block-header">
+<h1 class="title">a blog that is just a bunch of lists</h1>
+</header>
+<ul>
+<li><p><time>2023-11-16</time> <a href="00012.html">a typical day of
+screentime</a></p></li>
+<li><p><time>2023-10-23</time> <a href="00011.html">all of my computing
+devices</a></p></li>
+<li><p><time>2023-10-21</time> <a href="00010.html">recent creative
+works based on frasier</a></p></li>
+<li><p><time>2023-10-20</time> <a href="00009.html">how in the name of
+heck are you supposed to do all the things in a day</a></p></li>
+<li><p><time>2023-10-11</time> <a href="00008.html">things that are not
+coins according to coinstar.com</a></p></li>
+<li><p><time>2023-10-10</time> <a href="00007.html">every studio i have
+ever taught yoga at has ended up closing</a></p></li>
+<li><p><time>2023-10-06</time> <a href="00006.html">for kindrobot, some
+good games to sideload on your playdate</a></p></li>
+<li><p><time>2023-09-30</time> <a href="00005.html">things that my
+elderly dog cannot or will not do any longer that taken as a whole let
+me know that i will need to put him down soon</a></p></li>
+<li><p><time>2023-09-28</time> <a href="00004.html">things that subvert
+expectations of normalcy if you don’t already know the
+ending</a></p></li>
+<li><p><time>2023-09-26</time> <a href="00003.html">markup and layout i
+have used to publish games on itch.io</a></p></li>
+<li><p><time>2023-09-23</time> <a href="00002.html">how to cheer someone
+up</a></p></li>
+<li><p><time>2023-09-21</time> <a href="00001.html">stuff that start
+with s that i like to do when i spend the afternoon at the
+gym</a></p></li>
+</ul>
+  <footer style="margin: 3rem; text-align: center;">
+    <a href="https://tilde.town/~dozens/webring/dozens/index.html?name=lists&dir=prev">👈</a>
+    <a href="https://tilde.town/~dozens/webring/dozens/index.html">☝️</a>
+    <a href="https://tilde.town/~dozens/webring/dozens/index.html?name=lists&dir=next">👉</a>
+  </footer>
+</body>
+</html>