refactor: use sidenotes everywhere

Author: wade-cheng

src/blog/keyboards/keyboards.typtodo

@@ -1,11 +1,12 @@
 #import "../../../templates/blog_post.typ": conf
+#import "../../../templates/utils.typ": sidenote
 
 #show: conf.with(
   page-title: "keyboards",
   date: "2025-11-07",
 )
 
-#smallcaps[My daily driver is pretty cute!] It's an ANSI layout 60%#footnote[60% denotes the size of the keyboard---it has about 60% of the keys of one that's"full-size." Search up the Anne Pro 2 to see what I mean. The ANSI layout denotes how those keys are laid out. For example, my Tab, Caps Lock, and Left Shift keys are of increasing width,  while ISO has a narrow LShift, giving it an extra key on that row: #link("https://commons.wikimedia.org/wiki/File:Physical_keyboard_layouts_comparison_ANSI_ISO_KS_ABNT_JIS.png")[wikimedia.org example image].] with off brand keycaps: purple, decals on non-alphanumeric keys in the style of those ink(?) paintings of lush Chinese mountains, with the symbols written on the front side instead of top. I think they're doubleshot PBT. I had to keep the stock shift, enter, and space keys because the manafacturing tolerances were bad enough that they don't fit on the stems---I think it gives it character :3 My messed up little item \<3
+#smallcaps[My daily driver is pretty cute!] It's an ANSI layout 60%#sidenote[60% denotes the size of the keyboard---it has about 60% of the keys of one that's"full-size." Search up the Anne Pro 2 to see what I mean. The ANSI layout denotes how those keys are laid out. For example, my Tab, Caps Lock, and Left Shift keys are of increasing width,  while ISO has a narrow LShift, giving it an extra key on that row: #link("https://commons.wikimedia.org/wiki/File:Physical_keyboard_layouts_comparison_ANSI_ISO_KS_ABNT_JIS.png")[wikimedia.org example image].] with off brand keycaps: purple, decals on non-alphanumeric keys in the style of those ink(?) paintings of lush Chinese mountains, with the symbols written on the front side instead of top. I think they're doubleshot PBT. I had to keep the stock shift, enter, and space keys because the manafacturing tolerances were bad enough that they don't fit on the stems---I think it gives it character :3 My messed up little item \<3
 
 Talk about HK/Celeste keybinds? about link hints? wanting a split keyboard and to build one myself? Wacky bluetooth?
 

src/blog/lowercasing-poetry-and-dead-fathers.typ

@@ -1,17 +1,18 @@
 #import "../../templates/blog_post.typ": conf
+#import "../../templates/utils.typ": sidenote
 
 #show: conf.with(
     page-title: "lowercase, poetry, and dead fathers",
     date: "2025-11-25",
 )
 
-#smallcaps[I recently read a story]. It is an autobiographical account#footnote[Or at least, styled as such. It could very well be fictionally autobiographical, but mumble mumble this is the style and genre nonetheless somehow. Either way, this doesn't affect the ideas in this post.] titled "after my dad died, we found the love letters," and I was very touched. Be forewarned: despite the possible directions that can be taken from such a title, I'd say it feels strictly more melancholy then even "bittersweet." I'm touchy at the idea of discussing the article directly, as if these real human people are just specimens under a microscope---possibly interesting or fun under many circumstances, but distasteful to me on account of the heavy weight of death.
+#smallcaps[I recently read a story]. It is an autobiographical account#sidenote[Or at least, styled as such. It could very well be fictionally autobiographical, but mumble mumble this is the style and genre nonetheless somehow. Either way, this doesn't affect the ideas in this post.] titled "after my dad died, we found the love letters," and I was very touched. Be forewarned: despite the possible directions that can be taken from such a title, I'd say it feels strictly more melancholy then even "bittersweet." I'm touchy at the idea of discussing the article directly, as if these real human people are just specimens under a microscope---possibly interesting or fun under many circumstances, but distasteful to me on account of the heavy weight of death.
 
-But I had my interest piqued#footnote[No, not peaked. I should keep a list of common misspellings on here for fun.] by something else going on. I found the story from a #link("https://news.ycombinator.com/item?id=46021825")[post] on the link aggregator Hacker News,#footnote[HN is a pretty cool concept. Also, there are a few posts around on how it maintains reasonably high discussion quality compared to, say, the mean over all reddit posts.] and something was discussed a non-negligible amount: the lack of uppercasing to start sentences. There were plenty of thoughts on both sides, but I wanted to record a few of mine.
+But I had my interest piqued#sidenote[No, not peaked. I should keep a list of common misspellings on here for fun.] by something else going on. I found the story from a #link("https://news.ycombinator.com/item?id=46021825")[post] on the link aggregator Hacker News,#sidenote[HN is a pretty cool concept. Also, there are a few posts around on how it maintains reasonably high discussion quality compared to, say, the mean over all reddit posts.] and something was discussed a non-negligible amount: the lack of uppercasing to start sentences. There were plenty of thoughts on both sides, but I wanted to record a few of mine.
 
 Poetry is an interesting medium. It's hard to even define it precisely---my own conception is something like "kinda anything that mainly tries to make someone feel something." There are many warning bells and raised eyebrows in my mind already at that attempt to drag definition from subconcious to language, but I'll leave it at that. 
 
-Also, I probably wouldn't even characterize the story as poetry, not exactly. Its _main_ purpose is more to tell the story, and most stories try to be told well---feelings just happen, or are targeted, to achieve that.#footnote[Wow, these last two or three paragraphs don't flow well.]
+Also, I probably wouldn't even characterize the story as poetry, not exactly. Its _main_ purpose is more to tell the story, and most stories try to be told well---feelings just happen, or are targeted, to achieve that.#sidenote[Wow, these last two or three paragraphs don't flow well.]
 
 But still, all this context leads to the main idea for this blog post: is lowercasing okay? Why would we want to do it?
 

src/blog/ragged-right-centering.typ

@@ -1,4 +1,5 @@
 #import "../../templates/blog_post.typ": conf
+#import "../../templates/utils.typ": sidenote
 
 #show: conf.with(
   page-title: "centering items within ragged right text",
@@ -9,9 +10,9 @@
 
 This means you have a body with a center mass that isn't the geographic centner of the body. Since there's white space created by having a ragged right margin, the center mass of such a paragraph is a bit to the left of the center of the box you would draw around the paragraph.
 
-Humans perceive center-alignment with respect to center mass, not geographic center. This means an interesting thing happens when you try to center-align something, like a figure or a dinkus,#footnote[Dinkuses are dividers like the one at the top of this footnote section, often center-aligned, often represented as three asterisks.] // I might later add a figure here to show what I mean.
+Humans perceive center-alignment with respect to center mass, not geographic center. This means an interesting thing happens when you try to center-align something, like a figure or a dinkus,#sidenote[Dinkuses are dividers like the one at the top of this footnote section, often center-aligned, often represented as three asterisks.] // I might later add a figure here to show what I mean.
 next to a paragraph with too much ragged right whitespace. Even though the item is technically centered, it feels off-balance! Too far to the right!
 
 Once I get the effort, I should include some pictures in this post. Or refer you to the many wonderful articles that visually explain the generic phenomena.
 
-I'm not sure people have a problem with this in practice, but as far as I know, many professionally typeset documents are fully justified and thus don't suffer this issue.#footnote[Academic papers, pretty much any book you pick off a library shelf, so on.]
+I'm not sure people have a problem with this in practice, but as far as I know, many professionally typeset documents are fully justified and thus don't suffer this issue.#sidenote[Academic papers, pretty much any book you pick off a library shelf, so on.]

src/blog/the-top-outlet.typ

@@ -1,15 +1,16 @@
 #import "../../templates/blog_post.typ": conf
+#import "../../templates/utils.typ": sidenote
 
 #show: conf.with(
   page-title: "the top outlet",
   date: "2025-11-07",
 )
 
-#smallcaps[Where I live, the residential wall outlets are "duplex receptacles"]#footnote[as the Home Depot website calls them]---the kind with one on the top and one on the bottom---placed close to the floor. A friend once chastised me and a second friend for habitually taking the top outlet, thereby obscuring the bottom free outlet from easy use for the next person.#footnote[Because, yknow. Close to the floor implies below arm level implies reaching down to plug things in implies a plug taking the top outlet obscures the bottom. If the outlets were above the arm level instead, a plug taking the bottom outlet obscures the top.] It's then insult to injury that the top outlet is closer, because it's something like selfishness to take the infinitesimally easier target instead of just plugging into the lower outlet to help out the next person.
+#smallcaps[Where I live, the residential wall outlets are "duplex receptacles"]#sidenote[as the Home Depot website calls them]---the kind with one on the top and one on the bottom---placed close to the floor. A friend once chastised me and a second friend for habitually taking the top outlet, thereby obscuring the bottom free outlet from easy use for the next person.#sidenote[Because, yknow. Close to the floor implies below arm level implies reaching down to plug things in implies a plug taking the top outlet obscures the bottom. If the outlets were above the arm level instead, a plug taking the bottom outlet obscures the top.] It's then insult to injury that the top outlet is closer, because it's something like selfishness to take the infinitesimally easier target instead of just plugging into the lower outlet to help out the next person.
 
 This has vaguely lingered in my head since then, because something something morals and good form and social norms are things that I want to consider.
 
-Some months later#footnote[Yes, I think months is accurate.], I realized one morning plugging in mine own laptop in mine own room that I was being put through a bit of annoying effort. Start-of-the-semester-Wade, seeing an empty duplex receptacle, decided to plug in the phone charger to the top outlet. I had been suffering the tiny annoyance for multiple multiple months, and _only then_ consciously noticed it was even happening!
+Some months later#sidenote[Yes, I think months is accurate.], I realized one morning plugging in mine own laptop in mine own room that I was being put through a bit of annoying effort. Start-of-the-semester-Wade, seeing an empty duplex receptacle, decided to plug in the phone charger to the top outlet. I had been suffering the tiny annoyance for multiple multiple months, and _only then_ consciously noticed it was even happening!
 
 So there's something interesting to be said about how the first friend noticed the annoyance of initial plug placement so easily, but it took me months to even realize the same thing was happening at all, even when I plug in my laptop multiple times a week, if not day. Something something people have different things going on in their heads.
 

src/blog/typst-blog-gen.typ

@@ -1,4 +1,5 @@
 #import "../../templates/blog_post.typ": conf
+#import "../../templates/utils.typ": sidenote
 
 #show: conf.with(
     page-title: "typst blog generation",
@@ -11,7 +12,7 @@ Before, I was basically hand-writing HTML (with Nunjucks as a templating languag
 
 - having to type links twice
 - having to type `<p>` manually
-- I never really worked out a solution to footnotes#footnote[But we do have footnotes now!]
+- I never really worked out a solution to footnotes#sidenote[But we do have footnotes now!]
 
 But anyways, eleventy didn't have a way to incrementally compile properly, so I just wrote my own binary that watches for file changes.
 

src/blog/visible-effort.typ

@@ -1,11 +1,12 @@
 #import "../../templates/blog_post.typ": conf
+#import "../../templates/utils.typ": sidenote
 
 #show: conf.with(
     page-title: "visible effort",
     date: "2025-11-26",
 )
 
-#smallcaps[People can be attractive], for various definitions of that word, for various reasons. Some characteristics that cause attraction are kinda sorta fixed at birth via genetics. See your local biology class on reproductive fitness and relevant examples in peacock tail size, elk antler size, etc etc. There also exist characteristics not fixed at birth. See how birds can get sick trinkets.#footnote[#link("https://heymonstergoaway.tumblr.com/post/648145666162540544")]
+#smallcaps[People can be attractive], for various definitions of that word, for various reasons. Some characteristics that cause attraction are kinda sorta fixed at birth via genetics. See your local biology class on reproductive fitness and relevant examples in peacock tail size, elk antler size, etc etc. There also exist characteristics not fixed at birth. See how birds can get sick trinkets.#sidenote[#link("https://heymonstergoaway.tumblr.com/post/648145666162540544")]
 
 Coming back to human-land, where we Live In A Society that can, like, manufacture the wheel or whatever, there's a bunch of the obvious markers for attractiveness that aren't genetics---hygiene, women shaving legs, fashion. But a friend once mentioned another to me that was neat. They mentioned the idea that maybe two-piece suits of bygone workplace dress code fame had the little bits of white from the long-sleeved shirt sticking out of the arms to signal the effort into conformance? Oh no, no short shirt here, I put the effort into conforming to having a long sleeve, you can see it right here. idk, some gibberish. hmmm.