From 62e8467e59d7d30d7cbda080f6b5f1d37a17d905 Mon Sep 17 00:00:00 2001
From: mjfernez <mjf@mjfer.net>
Date: Sun, 28 Jun 2026 14:44:00 -0400
Subject: 2026 Touch up, mostly FAQ

---
 about/faq.html      | 50 +++++++++++++++-----------------------------------
 about/howami.html   | 14 +++-----------
 about/whatami.html  | 14 +++-----------
 about/whereami.html | 32 ++++++++++++--------------------
 about/whoami.html   | 20 ++++++--------------
 about/whyami.html   | 14 +++-----------
 6 files changed, 42 insertions(+), 102 deletions(-)

(limited to 'about')

diff --git a/about/faq.html b/about/faq.html
index 0564d22..55da809 100644
--- a/about/faq.html
+++ b/about/faq.html
@@ -8,18 +8,10 @@
 <style>
     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;}
+    span.underline{text-decoration: underline;}
+    div.column{display: inline-block; vertical-align: top; width: 50%;}
     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;
-    }
+    ul.task-list{list-style: none;}
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
 <link href="../../static/main.css" rel="stylesheet"/>
@@ -28,26 +20,24 @@
 <nav id="TOC" role="doc-toc">
 <h2 id="toc-title">Contents</h2>
 <ul>
-<li><a href="#frequently-anticipated-questions" id="toc-frequently-anticipated-questions" target="_self">Frequently Anticipated
+<li><a href="#frequently-anticipated-questions" target="_self">Frequently Anticipated
 Questions</a>
 <ul>
-<li><a href="#questions-noone-asked-but-could-maybe" id="toc-questions-noone-asked-but-could-maybe" target="_self">Questions noone asked,
-but could maybe</a>
+<li><a href="#questions-noone-asked-but-could-maybe" target="_self">Questions noone
+asked, but could maybe</a>
 <ul>
-<li><a href="#why-bother-running-a-tor-hidden-service-if-youre-gonna-put-your-full-name-on-it" id="toc-why-bother-running-a-tor-hidden-service-if-youre-gonna-put-your-full-name-on-it" target="_self"><em>Why
+<li><a href="#why-bother-running-a-tor-hidden-service-if-youre-gonna-put-your-full-name-on-it" target="_self"><em>Why
 bother running a Tor hidden service if you're gonna put your full name
 on it?</em></a></li>
-<li><a href="#how-come-i-cant-access-your-main-domain" id="toc-how-come-i-cant-access-your-main-domain" target="_self"><em>How come I can't
-access your main domain?</em></a></li>
-<li><a href="#you-wrote-all-this-in-vim-why-tho" id="toc-you-wrote-all-this-in-vim-why-tho" target="_self"><em>You wrote all this in
-vim? Why tho?</em></a></li>
-<li><a href="#why-openbsd" id="toc-why-openbsd" target="_self"><em>Why
-OpenBSD?</em></a></li>
-<li><a href="#why-bother-making-your-site-from-scratch-it-looks-like-crap" id="toc-why-bother-making-your-site-from-scratch-it-looks-like-crap" target="_self"><em>Why
+<li><a href="#how-come-i-cant-access-your-main-domain" target="_self"><em>How come I
+can't access your main domain?</em></a></li>
+<li><a href="#you-wrote-all-this-in-vim-why-tho" target="_self"><em>You wrote all this
+in vim? Why tho?</em></a></li>
+<li><a href="#why-bother-making-your-site-from-scratch-it-looks-like-crap" target="_self"><em>Why
 bother making your site from scratch? It looks like crap</em></a></li>
-<li><a href="#why-does-your-rss-feed-update-me-on-old-stuff" id="toc-why-does-your-rss-feed-update-me-on-old-stuff" target="_self"><em>Why does your
-RSS feed update me on old stuff?</em></a></li>
-<li><a href="#why-is-this-site-public-domain-what-does-that-mean" id="toc-why-is-this-site-public-domain-what-does-that-mean" target="_self"><em>Why is
+<li><a href="#why-does-your-rss-feed-update-me-on-old-stuff" target="_self"><em>Why
+does your RSS feed update me on old stuff?</em></a></li>
+<li><a href="#why-is-this-site-public-domain-what-does-that-mean" target="_self"><em>Why is
 this site public domain? What does that mean?</em></a></li>
 </ul></li>
 </ul></li>
@@ -87,16 +77,6 @@ vim? Why tho?</em></h3>
 using vim for editing. Mostly because it's easy to edit consistently
 across servers and because I just spend so much of my time in the
 terminal lately that I'm used to it.</p>
-<h3 id="why-openbsd"><em>Why OpenBSD?</em></h3>
-<p>Honestly, I though the fish was cool.</p>
-<p><img src="/static/media/puffy.gif"/></p>
-<p>I don't know the artist of that one unfortunately, I just found it on
-a forum.</p>
-<p>Besides I've installed Debian lots of times so I figured, why not try
-something different? It's pretty cool as a server OS. Just a lot of
-homework. I'm sure it's good as a desktop/laptop one too, but it's not
-different enough for me to move all my data.</p>
-<p>For what it's worth, I use Debian sid for a daily driver.</p>
 <h3 id="why-bother-making-your-site-from-scratch-it-looks-like-crap"><em>Why
 bother making your site from scratch? It looks like crap</em></h3>
 <p>Eh. I feel like if what I say isn't interesting, prettying it up
diff --git a/about/howami.html b/about/howami.html
index d7268a5..5c2fe23 100644
--- a/about/howami.html
+++ b/about/howami.html
@@ -8,18 +8,10 @@
 <style>
     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;}
+    span.underline{text-decoration: underline;}
+    div.column{display: inline-block; vertical-align: top; width: 50%;}
     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;
-    }
+    ul.task-list{list-style: none;}
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
 <link href="../../static/main.css" rel="stylesheet"/>
diff --git a/about/whatami.html b/about/whatami.html
index 9a345fd..89796bd 100644
--- a/about/whatami.html
+++ b/about/whatami.html
@@ -8,18 +8,10 @@
 <style>
     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;}
+    span.underline{text-decoration: underline;}
+    div.column{display: inline-block; vertical-align: top; width: 50%;}
     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;
-    }
+    ul.task-list{list-style: none;}
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
 <link href="../../static/main.css" rel="stylesheet"/>
diff --git a/about/whereami.html b/about/whereami.html
index 35f7a39..4fcab70 100644
--- a/about/whereami.html
+++ b/about/whereami.html
@@ -8,18 +8,10 @@
 <style>
     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;}
+    span.underline{text-decoration: underline;}
+    div.column{display: inline-block; vertical-align: top; width: 50%;}
     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;
-    }
+    ul.task-list{list-style: none;}
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
 <link href="../../static/main.css" rel="stylesheet"/>
@@ -39,11 +31,11 @@ credit cards, golf, and girls' basketball.</p>
 <em>ok</em>. I don't really get all this stuff either. Let's start with
 some easy stuff.</p>
 <p><em>You're on the Internet</em>. Known to some as a <a href="https://en.wikipedia.org/wiki/Series_of_tubes">series of
-tubes</a>, but in reality much more complicated than it has to be. In
-basic sense, your computer called mine, and mine answered with directory
-full of pages.</p>
+tubes</a>, but in reality much more complicated than it has to be. Like
+a phone call, your computer called mine, and mine answered with
+directory full of pages.</p>
 <p>The way you get here is through a device you have at home called a
-router, which literally does what the name implies--it routes signals to
+router, which literally does what the name implies: it routes signals to
 where they need to go to make things go beep. In the 60s and 70s,
 routers tended to be people-based and would require workers spend their
 time plugging cables into and out of ports so calls could connect.</p>
@@ -68,9 +60,9 @@ bulk connection and rent them out for people to run fake media
 companies, blogs about cats, and porn sites.</p>
 <p>I'm getting lost on your question though, so where are we
 exactly?</p>
-<p>Precisely speaking, you are in a chrooted web server running on
-rented virtual machine in a server farm located roughly in New Jersey
-browsing the "about" directory on the "whereami.html" page.</p>
+<p>Precisely speaking, you are in a web server running on rented virtual
+machine in a server farm located roughly in New Jersey browsing the
+"about" directory on the "whereami.html" page.</p>
 <p>Less precisely, all that means is you're looking at some files I left
 in a directory at this address, and paid some people to host for me
 since local ISPs tend to be ridiculously expensive if you want to do
@@ -78,14 +70,14 @@ anything besides host some private servers for you and your friends and
 family.</p>
 <p>But maybe most importantly, you've reached a webpage owned by another
 human being. Well mostly... I don't own the hardware. But the place is
-mine; not a corporation's, or a bot's, or a government's. All these
+mine. Not a corporation's, or a bot's, or a government's. All these
 files were loving crafted by yours truly in markdown, using vim, and
 converted with pandoc to HTML because of laziness.</p>
 <p>The Internet I grew up with, though I didn't really appreciate it at
 the time, used to be filled with places like this. "Homepages" were a
 thing, or were just starting to be at least.</p>
 <p>But as soon as it started it all got sucked up and commodified into
-social media; we somehow got coerced into profiles, templates, and
+social media. We somehow got coerced into profiles, templates, and
 standards to make us easier for ad companies to study. And even I really
 liked it for a while, but over time, it got fake. I got fake.</p>
 <p>And speaking of fake, it's not even unreasonable to believe you're
diff --git a/about/whoami.html b/about/whoami.html
index 2033350..c34ab97 100644
--- a/about/whoami.html
+++ b/about/whoami.html
@@ -8,18 +8,10 @@
 <style>
     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;}
+    span.underline{text-decoration: underline;}
+    div.column{display: inline-block; vertical-align: top; width: 50%;}
     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;
-    }
+    ul.task-list{list-style: none;}
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
 <link href="../../static/main.css" rel="stylesheet"/>
@@ -38,8 +30,8 @@ really.</em></p>
 <p>When I first came up with a writing a page with this title, it
 devolved into a kind of personal essay. The kind of unwelcome nonsense
 you no doubt encounter (and I no doubt supplied) in comment sections on
-the Internet or the paginated newsfeeds written by faceless names or in
-the rambling profiles that start with birth and forget where they're
+the Internet or in the paginated newsfeeds written by faceless names or
+in the rambling profiles that start with birth and forget where they're
 going around college. It seems to come easy to a lot of us.</p>
 <p>But lately, I'm not so sure I've earned the right yet.</p>
 <p>I'd rather just let my work (and my play) stand for itself, for
@@ -65,7 +57,7 @@ metrics, I'm probably not great at that, but I'm getting there. I love a
 good math problem, and though I only got a B in my college circuits
 class, I still find time to make some lights blink.</p></li>
 <li><p>I spend a lot of time on the Internet lost. And in the process,
-sometimes find useful things; though I largely find nonsense, which has
+sometimes find useful things: though I largely find nonsense, which has
 it's own value, but it's separate.</p></li>
 </ul>
 <p>Here is as close to home as I'll get for now.</p>
diff --git a/about/whyami.html b/about/whyami.html
index cbb1e10..60a8246 100644
--- a/about/whyami.html
+++ b/about/whyami.html
@@ -8,18 +8,10 @@
 <style>
     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;}
+    span.underline{text-decoration: underline;}
+    div.column{display: inline-block; vertical-align: top; width: 50%;}
     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;
-    }
+    ul.task-list{list-style: none;}
     .display.math{display: block; text-align: center; margin: 0.5rem auto;}
   </style>
 <link href="../../static/main.css" rel="stylesheet"/>
-- 
cgit v1.2.3