This Website II

This Website I: Fancy Footnotes

Obviously need $\LaTeX$ support. I heard KaTeX recommended, and it turned out to be quite easy to get up and running by copying the starter template here with renderMathInElement parameters here. Doesn't look great on a phone, but that's a problem for later.

After writing a bit, I've come to believe that writing is hard and my writing in particular is far too verbose. Rather than solving this problem, I'd like to sweep it under the rug, by shoving everything into fancy footnotes.
This too turned out to be surprisingly easy just by copy-pasting: following this SE question to this website and inspecting the source code. Putting three lines in stylesheet.css: 

  input[type=checkbox][id|=fn] ~ span {display:none;}
  input[type=checkbox][id|=fn]:checked ~ span {display:block;}
  input[type=checkbox][id|=fn] {display:none;}
and then in the HTML file writing---for example, for footnote 2--- 

  ... main text<span id="fn-2">
  <label for="fn-2-toggle">
  <sup>2</sup>
  </label>
  <input type="checkbox" hidden id="fn-2-toggle"/>
  <span id="fn-content">
  Footnote text go here
  </span></span>
and it works!
Unfortunately this is a bit restrictive, because putting grouping elements (e.g. <p>, <pre>) inside the footnote breaks it. This is because it violates HTML semantics: the <span> tag expects ``phrasing content'', which doesn't include <p> etc. We can fix this problem by changing the <span> to a <div>---except this still doesn't work, because putting a <div> inside a <p> also breaks HTML semantics!
<p>, too, expects phrasing content.
So we have to sacrifice something, and the way that's most generous to the footnote is to write top-level paragraphs without <p>, and use <div> for the footnotes.

After these changes and some more simplifing tweaks, it looks like what you'll see inspecting the source code.
In fact, it's happening right here in front of you, so you can see for yourself by inspecting the source for this page. Slap it in a vim macro and y'r cooking!
This way I can write as much as I want, and no one has to look at it!

As for the overall design and organization, we'll keep it simple for now, just adding a couple <div>s for the home link and the text column. Maybe a nice font ... Noto Sans seems fine ... adjust the weight down a lil ... ok.