HTML generation

author: mjfernez <mjf@mjfer.net> 2023-07-11 23:31:16 -0400
committer: mjfernez <mjf@mjfer.net> 2023-07-11 23:31:16 -0400
commit: 5a0d5c2bb7d700343adbef66185675215cc983e5 (patch)
tree: 84bcec5f6e32f4767ac28ba5b7fc237250cdd010 /about/whoami.html
parent: 27bc09d8ce0a32cdc2fd5688faeaa380ad94edfd (diff)
download: site-files-5a0d5c2bb7d700343adbef66185675215cc983e5.tar.gz
1 files changed, 176 insertions, 8 deletions
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>
author	mjfernez <mjf@mjfer.net>	2023-07-11 23:31:16 -0400
committer	mjfernez <mjf@mjfer.net>	2023-07-11 23:31:16 -0400
commit	5a0d5c2bb7d700343adbef66185675215cc983e5 (patch)
tree	84bcec5f6e32f4767ac28ba5b7fc237250cdd010 /about/whoami.html
parent	27bc09d8ce0a32cdc2fd5688faeaa380ad94edfd (diff)
download	site-files-5a0d5c2bb7d700343adbef66185675215cc983e5.tar.gz