summaryrefslogtreecommitdiffstats
path: root/about
diff options
context:
space:
mode:
authormjfernez <mjf@mjfer.net>2023-07-11 23:31:16 -0400
committermjfernez <mjf@mjfer.net>2023-07-11 23:31:16 -0400
commit5a0d5c2bb7d700343adbef66185675215cc983e5 (patch)
tree84bcec5f6e32f4767ac28ba5b7fc237250cdd010 /about
parent27bc09d8ce0a32cdc2fd5688faeaa380ad94edfd (diff)
downloadsite-files-5a0d5c2bb7d700343adbef66185675215cc983e5.tar.gz
HTML generation
Diffstat (limited to 'about')
-rw-r--r--about/faq.html282
-rw-r--r--about/howami.html141
-rw-r--r--about/whatami.html148
-rw-r--r--about/whereami.html229
-rw-r--r--about/whoami.html184
-rw-r--r--about/whyami.html144
6 files changed, 1068 insertions, 60 deletions
diff --git a/about/faq.html b/about/faq.html
index 87180cc..994d8a8 100644
--- a/about/faq.html
+++ b/about/faq.html
@@ -6,67 +6,279 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>faq</title>
<style>
+ html {
+ line-height: 1.5;
+ font-family: Georgia, serif;
+ font-size: 20px;
+ 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: 1em;
+ }
+ h1 {
+ font-size: 1.8em;
+ }
+ }
+ @media print {
+ 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%;
+ }
+ 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, 'Lucida Console', Consolas, monospace;
+ font-size: 85%;
+ margin: 0;
+ }
+ 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;}
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;}
ul.task-list{list-style: none;}
+ .display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
</head>
<body>
<nav id="TOC" role="doc-toc">
<h2 id="toc-title">Contents</h2>
<ul>
-<li><a href="#frequently-anticipated-questions">Frequently Anticipated Questions</a>
+<li><a href="#frequently-anticipated-questions">Frequently Anticipated
+Questions</a>
<ul>
-<li><a href="#questions-noone-asked-but-could-maybe">Questions noone asked, but could maybe</a>
+<li><a href="#questions-noone-asked-but-could-maybe">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"><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"><em>How come I can't access your main domain?</em></a></li>
-<li><a href="#you-wrote-all-this-in-vim-why-tho"><em>You wrote all this in vim? Why tho?</em></a></li>
+<li><a
+href="#why-bother-running-a-tor-hidden-service-if-youre-gonna-put-your-full-name-on-it"><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"><em>How come I
+can't access your main domain?</em></a></li>
+<li><a href="#you-wrote-all-this-in-vim-why-tho"><em>You wrote all this
+in vim? Why tho?</em></a></li>
<li><a href="#why-openbsd"><em>Why OpenBSD?</em></a></li>
-<li><a href="#why-bother-making-your-site-from-scratch-it-looks-like-crap"><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"><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"><em>Why is this site public domain? What does that mean?</em></a></li>
-<li><a href="#why-dont-you-highlight-urls-you-dinosaur">Why don't you highlight URLs you dinosaur?</a></li>
+<li><a
+href="#why-bother-making-your-site-from-scratch-it-looks-like-crap"><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"><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"><em>Why is
+this site public domain? What does that mean?</em></a></li>
</ul></li>
</ul></li>
</ul>
</nav>
-<h1 id="frequently-anticipated-questions">Frequently Anticipated Questions</h1>
-<h2 id="questions-noone-asked-but-could-maybe">Questions noone asked, but could maybe</h2>
-<h3 id="why-bother-running-a-tor-hidden-service-if-youre-gonna-put-your-full-name-on-it"><em>Why bother running a Tor hidden service if you're gonna put your full name on it?</em></h3>
-<p>One, because I think hidden services are neat and I thought it'd be neat to make one. And two, if I really needed to be anonymous, I would probably self-host or find a hosting provider somewhere else, or reconsider using the Internet all together.</p>
-<p>The hidden service has a benefit though, mostly to <em>you</em>. You don't need to expose your IP to me or to anyone else to access this site.</p>
-<h3 id="how-come-i-cant-access-your-main-domain"><em>How come I can't access your main domain?</em></h3>
-<p>Honestly, I wouldn't know if my site is blocked elsewhere, but I may have blocked your IP for the following reasons:</p>
+<h1 id="frequently-anticipated-questions">Frequently Anticipated
+Questions</h1>
+<h2 id="questions-noone-asked-but-could-maybe">Questions noone asked,
+but could maybe</h2>
+<h3
+id="why-bother-running-a-tor-hidden-service-if-youre-gonna-put-your-full-name-on-it"><em>Why
+bother running a Tor hidden service if you're gonna put your full name
+on it?</em></h3>
+<p>One, because I think hidden services are neat and I thought it'd be
+neat to make one. And two, if I really needed to be anonymous, I would
+probably self-host or find a hosting provider somewhere else, or
+reconsider using the Internet all together.</p>
+<p>The hidden service has a benefit though, mostly to <em>you</em>. You
+don't need to expose your IP to me or to anyone else to access this
+site.</p>
+<h3 id="how-come-i-cant-access-your-main-domain"><em>How come I can't
+access your main domain?</em></h3>
+<p>Honestly, I wouldn't know if my site is blocked elsewhere, but I may
+have blocked your IP for the following reasons:</p>
<ul>
-<li>You attempted to ssh to my server (I use fail2ban and employ private keys, I block all failed attempts)</li>
-<li>You tried to pass some weird or malicious HTTP request (again, fail2ban)</li>
+<li>You attempted to ssh to my server (I use fail2ban and employ private
+keys, I block all failed attempts)</li>
+<li>You tried to pass some weird or malicious HTTP request (again,
+fail2ban)</li>
<li>Someone else on your IP tried to do one of those things</li>
</ul>
-<p>This is part of the reason why I run the site as hidden service since you can still read my nonsense anyway through that, but if you think this might be an error on my part, you can email me.</p>
-<h3 id="you-wrote-all-this-in-vim-why-tho"><em>You wrote all this in vim? Why tho?</em></h3>
-<p>Neovim more lately, but yeah other than large projects, I prefer 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>
+<p>This is part of the reason why I run the site as hidden service since
+you can still read my nonsense anyway through that, but if you think
+this might be an error on my part, you can email me.</p>
+<h3 id="you-wrote-all-this-in-vim-why-tho"><em>You wrote all this in
+vim? Why tho?</em></h3>
+<p>Neovim more lately, but yeah other than large projects, I prefer
+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>
<figure>
-<img src="/static/puffy.gif" alt="" /><figcaption>puffy</figcaption>
+<img src="/static/puffy.gif" alt="puffy" />
+<figcaption aria-hidden="true">puffy</figcaption>
</figure>
-<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>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 won't help keep attention that much. I like simple sites like this one. It forces you to poke around more. Poking around is a good thing.</p>
-<h3 id="why-does-your-rss-feed-update-me-on-old-stuff"><em>Why does your RSS feed update me on old stuff?</em></h3>
-<p>Because I made it to set the publication date to the last write time of the file. Change is important and I do it often, because I'm often wrong.</p>
-<h3 id="why-is-this-site-public-domain-what-does-that-mean"><em>Why is this site public domain? What does that mean?</em></h3>
-<p>This site is "licensed" under The Creative Commons CC0 or "No Rights Reserved" license. This means that any file accessible on my web server which I created (which is the text you are reading and the code that generates it) belongs to the public domain as far as legally possible and I reserve no right to it's re-publication, re-use, or re-distribution with no expectation of compensation. So if you find any use of the information I post here, or the little flask app I wrote to run the thing, you are free to use it without any fear that I'm going to slap you with a lawsuit. This does <em>not</em> include most of the images; I try to link credit where I can for those.</p>
-<p>A lot of people might prefer a BSD or GNU style license for their code and I agree that there are many cases where <em>that</em> is the preferred option. But it doesn't make sense for me; at least not for a homepage like this. I'm not sure about other people, but most of my ideas are not my own; they come from reading a history book or doing a textbook exercise or an off-color joke. So without getting on a soapbox, I guess you can say the idea of "intellectual property" never made too much sense to me in general.</p>
-<p>I get that people have to get paid. I get that people are afraid of someone else taking credit for their work. But for this site at least, I guess I just don't really care. If someone really finds some way to profit of some random guy's Linux tutorials and unqualified thoughts on the world I honestly think <em>they</em> deserve the credit not me. I have no idea how I'd do that; I'm not sure I'd even want to waste my time with all the marketing nonsense of the modern web. And on the second point, if someone "steals" my work it's not exactly hard to figure out it was published here first--a Google search will prove that. But even if that weren't the case, I still wouldn't mind. I'd be glad that this stuff is useful at all. That would be a nice surprise.</p>
-<p><em>Not</em> everything that is <em>linked</em> to on this site falls under the same guidelines, so be sure to respect that author's copyright; I tend to link stuff that is generally pretty free to use, though.</p>
-<h3 id="why-dont-you-highlight-urls-you-dinosaur">Why don't you highlight URLs you dinosaur?</h3>
-<p>Because I think it's kinda deceiving. It's one thing to highlight a word that leads to a place, since the user doesn't have expectation of where it's going to lead, they'll tend to hover to see where it's going. A full URL looks like it's going exactly where it's going. A user won't think twice about clicking on <a href="https://fwesh.yonle.repl.co/">https://facebook.com/</a>. They will if they see <a href="https://fwesh.yonle.repl.co/">totally not a virus</a>. If you're giving out the full URL anyway why bother linking it? Every browser in the world has double-click (or long-press) to highlight the URL automatically, then right-click, and open in new tab.</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
+won't help keep attention that much. I like simple sites like this one.
+It forces you to poke around more. Poking around is a good thing.</p>
+<h3 id="why-does-your-rss-feed-update-me-on-old-stuff"><em>Why does your
+RSS feed update me on old stuff?</em></h3>
+<p>Because I made it to set the publication date to the last write time
+of the file. Change is important and I do it often, because I'm often
+wrong.</p>
+<h3 id="why-is-this-site-public-domain-what-does-that-mean"><em>Why is
+this site public domain? What does that mean?</em></h3>
+<p>This site is "licensed" under The Creative Commons CC0 or "No Rights
+Reserved" license. This means that any file accessible on my web server
+which I created (which is the text you are reading and the code that
+generates it) belongs to the public domain as far as legally possible
+and I reserve no right to it's re-publication, re-use, or
+re-distribution with no expectation of compensation. So if you find any
+use of the information I post here, or the little flask app I wrote to
+run the thing, you are free to use it without any fear that I'm going to
+slap you with a lawsuit. This does <em>not</em> include most of the
+images; I try to link credit where I can for those.</p>
+<p>A lot of people might prefer a BSD or GNU style license for their
+code and I agree that there are many cases where <em>that</em> is the
+preferred option. But it doesn't make sense for me; at least not for a
+homepage like this. I'm not sure about other people, but most of my
+ideas are not my own; they come from reading a history book or doing a
+textbook exercise or an off-color joke. So without getting on a soapbox,
+I guess you can say the idea of "intellectual property" never made too
+much sense to me in general.</p>
+<p>I get that people have to get paid. I get that people are afraid of
+someone else taking credit for their work. But for this site at least, I
+guess I just don't really care. If someone really finds some way to
+profit of some random guy's Linux tutorials and unqualified thoughts on
+the world I honestly think <em>they</em> deserve the credit not me. I
+have no idea how I'd do that; I'm not sure I'd even want to waste my
+time with all the marketing nonsense of the modern web. And on the
+second point, if someone "steals" my work it's not exactly hard to
+figure out it was published here first--a Google search will prove that.
+But even if that weren't the case, I still wouldn't mind. I'd be glad
+that this stuff is useful at all. That would be a nice surprise.</p>
+<p><em>Not</em> everything that is <em>linked</em> to on this site falls
+under the same guidelines, so be sure to respect that author's
+copyright; I tend to link stuff that is generally pretty free to use,
+though.</p>
</body>
</html>
diff --git a/about/howami.html b/about/howami.html
index 978c92c..1ae967f 100644
--- a/about/howami.html
+++ b/about/howami.html
@@ -6,12 +6,153 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>howami</title>
<style>
+ html {
+ line-height: 1.5;
+ font-family: Georgia, serif;
+ font-size: 20px;
+ 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: 1em;
+ }
+ h1 {
+ font-size: 1.8em;
+ }
+ }
+ @media print {
+ 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%;
+ }
+ 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, 'Lucida Console', Consolas, monospace;
+ font-size: 85%;
+ margin: 0;
+ }
+ 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;}
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;}
ul.task-list{list-style: none;}
+ .display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
</head>
<body>
diff --git a/about/whatami.html b/about/whatami.html
index 15551ee..30002bf 100644
--- a/about/whatami.html
+++ b/about/whatami.html
@@ -6,16 +6,162 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>whatami</title>
<style>
+ html {
+ line-height: 1.5;
+ font-family: Georgia, serif;
+ font-size: 20px;
+ 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: 1em;
+ }
+ h1 {
+ font-size: 1.8em;
+ }
+ }
+ @media print {
+ 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%;
+ }
+ 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, 'Lucida Console', Consolas, monospace;
+ font-size: 85%;
+ margin: 0;
+ }
+ 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;}
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;}
ul.task-list{list-style: none;}
+ .display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
</head>
<body>
<p>In case of alien transmission...</p>
-<p>It should be noted for the record I'm a human (<em>homo sapiens sapiens</em>), which by <a href="https://en.wikipedia.org/wiki/Body_water">most estimates</a> puts me firmly in the category of <em>water-like object</em> at ~60% of my total body mass, with the remaining matter compromised of various arrangements of carbon, oxygen, and potato chips.</p>
+<p>It should be noted for the record I'm a human (<em>homo sapiens
+sapiens</em>), which by <a
+href="https://en.wikipedia.org/wiki/Body_water">most estimates</a> puts
+me firmly in the category of <em>water-like object</em> at ~60% of my
+total body mass, with the remaining matter compromised of various
+arrangements of carbon, oxygen, and potato chips.</p>
</body>
</html>
diff --git a/about/whereami.html b/about/whereami.html
index 766d72d..2ea1558 100644
--- a/about/whereami.html
+++ b/about/whereami.html
@@ -6,39 +6,238 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>whereami</title>
<style>
+ html {
+ line-height: 1.5;
+ font-family: Georgia, serif;
+ font-size: 20px;
+ 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: 1em;
+ }
+ h1 {
+ font-size: 1.8em;
+ }
+ }
+ @media print {
+ 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%;
+ }
+ 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, 'Lucida Console', Consolas, monospace;
+ font-size: 85%;
+ margin: 0;
+ }
+ 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;}
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;}
ul.task-list{list-style: none;}
+ .display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
</head>
<body>
<center>
-<p>But I have to say this in defense of humankind: In no matter what era in history, including the Garden of Eden, <strong>everybody just got here</strong>. And, except for the Garden of Eden, there were already all these games going on that could make you act crazy, even if you weren't crazy to begin with. Some of the crazymaking games going on today are love and hate, liberalism and conservatism, automobiles and credit cards, golf, and girls' basketball.</p>
+<p>But I have to say this in defense of humankind: In no matter what era
+in history, including the Garden of Eden, <strong>everybody just got
+here</strong>. And, except for the Garden of Eden, there were already
+all these games going on that could make you act crazy, even if you
+weren't crazy to begin with. Some of the crazymaking games going on
+today are love and hate, liberalism and conservatism, automobiles and
+credit cards, golf, and girls' basketball.</p>
-- <em>Kurt Vonnegut, from A man without a country, emphasis my own</em>
</center>
-<p>Since you are on this page, you're presumably lost. That's <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>
-<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 where they need to go to make things go beep. In the 60s and 70s, routers tended to be people-based and would spend their time plugging cables into and out of ports so calls could connect.</p>
+<p>Since you are on this page, you're presumably lost. That's
+<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>
+<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
+where they need to go to make things go beep. In the 60s and 70s,
+routers tended to be people-based and would spend their time plugging
+cables into and out of ports so calls could connect.</p>
<p><img src="/static/human_router.jpg" /></p>
-<p><em>Image of a switchboard courtesy of <a href="https://en.wikipedia.org/wiki/File:Jersey_Telecom_switchboard_and_operator.jpg">Wikipedia contributors</a></em></p>
-<p>Fortunately, we figured out that was dumb and made robots do the job for us. Internet companies, governments, and anyone else with enough money and influence bought huge routers and hooked them all up to talk to each other. Then they convinced us all to go out and buy a router from our ISP of "choice" so we could all send cat pictures to each other seamlessly. We got rid of phones, replaced our phone with our IP address and email, just to ironically end up back at phones again. All of our devices serve, or at least can serve, as a router in some way, and all these little robots talking to each other makes it so you can get lost on some person's home page.</p>
-<p>In a way, you could say you've made it to a place my router took you to. Not my home router of course--that one sucks.</p>
-<p>I'm mooching of someone else's, also known as a Virtual Private Server. These companies run whole bunch of servers, hook them up on a bulk connection and rent them out for people to run 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>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 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, not a corporation, or a bot, or a government, or work, or a <em>network</em>. All these files were loving crafted by yours truly in vim, in markdown and converted with pandoc to HTML because of laziness. 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 standards to make us easier for ad companies to study. It's not even unreasonable to believe you're not even talking to real people on there, because there's a good chance of it now. <a href="https://en.wikipedia.org/wiki/Astroturfing">Astroturfing</a> is not a secret government conspiracy, it's just business as usual at this point. You used to be able to tell a human from a chatbot from the way they write. I don't know if the bots at this point are smarter, or if we've just been made so cynical and dumb by the process that we've given up.</p>
+<p><em>Image of a switchboard courtesy of <a
+href="https://en.wikipedia.org/wiki/File:Jersey_Telecom_switchboard_and_operator.jpg">Wikipedia
+contributors</a></em></p>
+<p>Fortunately, we figured out that was dumb and made robots do the job
+for us. Internet companies, governments, and anyone else with enough
+money and influence bought huge routers and hooked them all up to talk
+to each other. Then they convinced us all to go out and buy a router
+from our ISP of "choice" so we could all send cat pictures to each other
+seamlessly. We got rid of phones, replaced our phone with our IP address
+and email, just to ironically end up back at phones again. All of our
+devices serve, or at least can serve, as a router in some way, and all
+these little robots talking to each other makes it so you can get lost
+on some person's home page.</p>
+<p>In a way, you could say you've made it to a place my router took you
+to. Not my home router of course--that one sucks.</p>
+<p>I'm mooching of someone else's, also known as a Virtual Private
+Server. These companies run whole bunch of servers, hook them up on a
+bulk connection and rent them out for people to run 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>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
+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, not a corporation, or a bot, or a government, or work, or a
+<em>network</em>. All these files were loving crafted by yours truly in
+vim, in markdown and converted with pandoc to HTML because of laziness.
+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
+standards to make us easier for ad companies to study. It's not even
+unreasonable to believe you're not even talking to real people on there,
+because there's a good chance of it now. <a
+href="https://en.wikipedia.org/wiki/Astroturfing">Astroturfing</a> is
+not a secret government conspiracy, it's just business as usual at this
+point. You used to be able to tell a human from a chatbot from the way
+they write. I don't know if the bots at this point are smarter, or if
+we've just been made so cynical and dumb by the process that we've given
+up.</p>
<p>Who would really write all that garbage on Facebook anyway?</p>
-<p>Don't mistake this for some pity nostalgia piece though. If you look hard enough--I promise you--that <em>Internet</em> of humans is still there. Here's a few places I like to poke around:</p>
+<p>Don't mistake this for some pity nostalgia piece though. If you look
+hard enough--I promise you--that <em>Internet</em> of humans is still
+there. Here's a few places I like to poke around:</p>
<p>https://neocities.org/</p>
<p>https://1mb.club/</p>
<p>https://goodsites.tech/</p>
<p>and old <a href="https://archive.md/rav1z">not-so</a> faithful:</p>
<p>https://www.wikipedia.org/</p>
-<p>A helpful tip, CRTL+W will close any webpage you don't like. Not that you wouldn't like this page... you did read all the way here through all that pedantry didn't you?</p>
+<p>A helpful tip, CRTL+W will close any webpage you don't like. Not that
+you wouldn't like this page... you did read all the way here through all
+that pedantry didn't you?</p>
</body>
</html>
diff --git a/about/whoami.html b/about/whoami.html
index 5431c1d..8e0ac63 100644
--- a/about/whoami.html
+++ b/about/whoami.html
@@ -6,12 +6,153 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>whoami</title>
<style>
+ html {
+ line-height: 1.5;
+ font-family: Georgia, serif;
+ font-size: 20px;
+ 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: 1em;
+ }
+ h1 {
+ font-size: 1.8em;
+ }
+ }
+ @media print {
+ 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%;
+ }
+ 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, 'Lucida Console', Consolas, monospace;
+ font-size: 85%;
+ margin: 0;
+ }
+ 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;}
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;}
ul.task-list{list-style: none;}
+ .display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
</head>
<body>
@@ -19,16 +160,43 @@
<p>Quotation is a serviceable substitute for wit.</p>
-- <a href="https://archive.md/7AC79"><em>apparently no one</em></a>
</center>
-<p><em>TL;DR Above everything, I'm a lurker. And I mean that in the traditional forum/mailing list sense. You could put it a few ways and still be right: a reader, a people watcher, a listener, maybe a coward if you're cynical. But all in all, not anyone in particular 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 going around college. It seems to come easy to a lot of us.</p>
+<p><em>TL;DR Above everything, I'm a lurker. And I mean that in the
+traditional forum/mailing list sense. You could put it a few ways and
+still be right: a reader, a people watcher, a listener, maybe a coward
+if you're cynical. But all in all, not anyone in particular
+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
+going around college. It seems to come easy to a lot of us.</p>
<p>Now, 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 whatever it's worth. You'll get it as you go I'm sure. That said, there are some things that probably help for context's sake:</p>
+<p>I'd rather just let my work (and my play) stand for itself, for
+whatever it's worth. You'll get it as you go I'm sure. That said, there
+are some things that probably help for context's sake:</p>
<ul>
-<li><p>I'm born, raised, and hosted on the US East Coast. By most countries' standards, that means I have no sense of the world outside of my own country, which despite my best efforts, is probably true</p></li>
-<li><p>I'm raised and hosted (not born) on free software (unless you count whatever my VPS is running). This server is running OpenBSD with nginx and httpd working together to host a small git repo and this flask app I threw together</p></li>
-<li><p>I'm born and raised (not hosted) by Luddites, for the most part. And I don't mean that in entirely bad way. What I mean is I grew up around mostly people who didn't know and didn't care to know about advances in technology or the merging of that technology with culture. In fact, that might be the appropriate view to have in light of recent circumstances.</p></li>
-<li><p>By trade, I'm best at data recovery and writing good documentation. I'm self-taught at programming software design so by most 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 it's own value, but it's separate.</p></li>
+<li><p>I'm born, raised, and hosted on the US East Coast. By most
+countries' standards, that means I have no sense of the world outside of
+my own country, which despite my best efforts, is probably true</p></li>
+<li><p>I'm raised and hosted (not born) on free software (unless you
+count whatever my VPS is running). This server is running OpenBSD with
+nginx and httpd working together to host a small git repo and this flask
+app I threw together</p></li>
+<li><p>I'm born and raised (not hosted) by Luddites, for the most part.
+And I don't mean that in entirely bad way. What I mean is I grew up
+around mostly people who didn't know and didn't care to know about
+advances in technology or the merging of that technology with culture.
+In fact, that might be the appropriate view to have in light of recent
+circumstances.</p></li>
+<li><p>By trade, I'm best at data recovery and writing good
+documentation. I'm self-taught at programming software design so by most
+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
+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>
</body>
diff --git a/about/whyami.html b/about/whyami.html
index e181213..954b926 100644
--- a/about/whyami.html
+++ b/about/whyami.html
@@ -6,17 +6,159 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>whyami</title>
<style>
+ html {
+ line-height: 1.5;
+ font-family: Georgia, serif;
+ font-size: 20px;
+ 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: 1em;
+ }
+ h1 {
+ font-size: 1.8em;
+ }
+ }
+ @media print {
+ 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%;
+ }
+ 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, 'Lucida Console', Consolas, monospace;
+ font-size: 85%;
+ margin: 0;
+ }
+ 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;}
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;}
ul.task-list{list-style: none;}
+ .display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
</head>
<body>
<center>
-<p>We are here on Earth to fart around. Don't let anybody tell you any different.</p>
+<p>We are here on Earth to fart around. Don't let anybody tell you any
+different.</p>
-- <em>Kurt Vonnegut, from A man without a country.</em>
</center>
</body>