Colophon
A more in-depth colophon. Using Bear by Herman, on an annual plan. Domain from Namecheap. Font is mostly Palatino, or Georgia.
Next things I want to do:
- some styling for standalone links. Maybe more like a button? Using an icon? The title, the source, a description
- actual captions for images
- weighing up whether or not to use descriptions in my blog posts lists. Pros: cool, useful, less reliant on my poor titling skills. Cons: makes the list long and messier,
will have to go back and do. Wrote all the descriptions but not yet using them. - get the Bear attribution in the footer on the same line as everything else in the footer
- why is the
strikethroughso low? - maybe tag things more so I can use the embedded post lists, which will need styling in the new style. But because sometimes I like to annotate a very occasional entry I end up having to do them all manually
- the new header is great but on mobile the spacing is weird
Tools etc:
- Fido broken link finder, which isn't working, so Broken Link Checker
- ReedyBear's Edit current post button
- Kami's Editing your blogposts bookmarklet
- TLDraw whiteboard
- Robert Birming's Blogger's toolbox and Bear themes and tools
- Official docs, Herman's Markdown cheatsheet, another markdown guide
Bigger changes I've made
I'm using the Starter theme and have made various, probably incorrect and clashing, changes. First, I removed the upvote button. There are lots of posts about how to modify or remove it.
#upvote-form {
display: none !important; }
This is the first time I have used the code block and it looks horrible. Another thing to fix.
I'm not very good at remembering to use it but I have Sylvia's asides styled to the right set up.
I started marking external links, because I think it's helpful for people. But I wanted to go further and indicate a little about where the link went. Especially if they are going somewhere people might not want to go like youtube and it seems to be mostly working?
So all external links are marked with the outgoing arrow and a few sites specifically, thus far: Wikipedia, Internet Archive, and Youtube. Using Font Awesome icons. I've no doubt there is a better way to do this but I'm just adding the icons as I find a need for them.
It looks like this, though I would not recommend copying it:
a[href^="https://en.wikipedia.org/"]::after {
content: "\f266";
font-family: "Font Awesome 5 Brands";
font-size: 10px;
vertical-align: super;
text-decoration: none;
padding-left: 2px;
display: inline-block; }
Most recently I used Mighil's monthly posts layout and Sylvia's titles then dates to reorganise my blog posts list.
Mighil's script breaks things up by month and also has a fun total post count and last updated. I made a tiny adjustment of not having that last part as a heading, just text. Sylvia's CSS swaps the format from date then title to title then date which I much prefer.
I just set it up on a new page, /posts, and changed it in the navbar. The original still exists at /blog which doesn't seem to be causing a problem other than tags go back there but I barely use tags.
I've also changed the header so the title and nav are together, using Robert Birming's Bear styles.
Thanks to
Inspired by these folks with all their Bearblog themes, plugins, and customisations:
Other bits and pieces
- I have a little style guide. All Oxford comma discourse can be directed there.
- Content is licensed under Creative Commons BY-SA 4.0. It can be shared and adapted freely with attribution and under the same licence.
- Check the Website Carbon Calculator for the site, currently running an A+.
Changelog
Not a proper changelog but I realised it would be interesting and/or useful to track any bigger changes I make. I normally note them in the monthlogs.
- 15th February 2026 Changed the header
- 20th January 2026 Added the whiteboard
- 21st November 2025 Made this colophon
- 19th November 2025 Changed the posts page layout using Mighil's monthly posts layout and Sylvia's titles then dates and added icons to the links
It's been 3 weeks, 2 days since the last update ↑ Top