Big Updates to My Blog
3 Jul 2024
I’ve made some big changes to my blog! This post is just for me to document what I’ve done and why, as well as to test some of the new features I’ve added.
New fonts #
First off: new fonts! I am using Valkyrie for the body text and Concourse for the headings. I’ve increased the font size on larger displays for added legibility. I also made the background a little darker for better contrast.
Margin notes and sidenotes #
Next up: margin notes. I stole the margin notes code from Tufte CSS. It’s still a little rough, but it’s getting there. I wanted to try adding margin notes to this blog for some time. Adding margin notes necessitated a whole host of changes; the biggest one is that the table of contents has moved from the right side of the page to the left column. This is to free up some space.
If you’re on mobile, you should see “¤" The “¤” character is called “currency sign”. which indicates the presence of a margin note that has been collapsed. I might change this sign, but it seemed like fun to use an otherwise-unused symbol.
The blog now has sidenotes This is a sidenote. The big difference between a sidenote and a margin note is that sidenotes have numbers. as well as margin notes. I’m not yet sure which one I’ll use primarily. I like how clean the margin notes look, but the numbers on the sidenotes make it a.) easier to figure out what note goes where, and b.) act more like a drop-in replacement for footnotes. I understand there’s a significant amount of trickery involved in getting these sidenotes and margin notes to line up properly: it has something to do with floats, negative margins, and exclusion zones. Go check out the Tufte CSS source if you’re curious. I might go through some recent posts Recent, as in, since I started using ox-hugo to write my blog posts. and convert footnotes to sidenotes.
Epigraphs #
Typical quotes look like this:
You have moved into a dark place. You are likely to be eaten by a grue.
Zork I by Infocom
That’s all fine and well. But sometimes we need more… elegance. If you have not played Zork, you really should.
You have moved into a dark place. You are likely to be eaten by a grue.
That will definitely add some pizzazz for when I want to quote something at the beginning or end of a post.
Overkill? #
Obviously. I’m liking how this is shaping up. It might be a little overkill for just my blog, but it makes me happy, so that’s a win!