I had written this a while ago, but only got around to publishing
it now. Incidentally, there's a bit of time-travel because I've
set the date to when I originally wrote it but the screenshots,
if you look at the date, are from images drawn quite a bit later.
Anyway, I'll leave it out there and see if anyone notices ;)
There's no need for them to be separate, and this makes the
max-width override cleaner. (We're setting a larger max-width in
the home page so that my entire name fits without wrapping, etc.,
whereas in posts it should wrap fast enough that we don't end up
with too-long lines.)
The 70em measure doesn't work because our 'M' is a bit wide, so
40em is a good amount that gets us closer to what we want. Hmm,
maybe the font size can also be increased a bit in this case?
This can now be done by putting code-only posts in a "clog" folder
instead of the customary "blog". To implement this, the code
checks the path of every file and matches the beginning with the
string "posts/clog/".
Other posts can be moved to a "blog" folder or kept outside as-is;
it doesn't make a difference because everything that is not in
"posts/clog/" is filed into the ordinary blog as a default.
It's now wrapped in its won function so that we don't have to load
it on every page. Also, we now have a way for any page to specify
what header content they need ;)
This makes them more reusable: for example, if we need two links
to be displaying the same image, we can just give them the
appropriate class instead of making a whole new style for each of
them.
Also changed the "writing" to my Snipette profile so that I don't
have multiple links going to the same page. In future, maybe I'll
change that to my non-code blog or something (if I start one).
The posts had to be mildly modified to work here:
- Field names were changed to lowercase in the metadata
- Times were set to 00:00, because Haunt's parser required times
and I had no clue what the actual times were supposed to be
- The Markdown poem had to be changed from using <del/> tags to
~strikethrough with a tilde~, because raw HTML blocks aren't
supported by the default guile-commonmark parser. Strikethrough
with tilde's isn't either, but I ended up creating my own fork
which [does have the option](https://git.disroot.org/badrihippo/guile-strickenmark).
- The "Category" field had to be remove because the parsen was
complaining about it :(
You can see the source for the original posts, if GitHub is
still around by the time you read this (or you have access to
their Arctic Vault or evil LLM memory or whatever) at the repo:
https://github.com/badrihippo/badrihippo.github.io
Well, not exactly "dynamic", but it does change depending on which
link you hover on. I was hoping to do it with pure CSS, but
unfortunately :has() support is still lacking so I had to add a
JavaScript version for backward compatibility (making the CSS
redundant in the process, but I've added it anyway)
That includes the styling and an extra font for the footer.
The blog page is still absolutely unstyled! Now I've got to sit
down and figure *that* out :P
