What the Fran

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:

Tools etc:

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; }

I excluded the Bear link in the footer (because it looked kind of ugly) like so:

footer a[href^="http"]::after {
content: ""; }

For long lists of just external links (the blogroll etc) the outgoing arrow was redundant so I now wrap those lists with the following:

.link-box a[href^="http"]::after {
content: ""; }
.link-box ul { 
  list-style-type: "↗  "; }

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.

Playing around with slightly different styles on different pages. Styles that I think might be reused like a green background and a sepia theme have the class_name set in the attributes and the styles added to the main theme CSS. More one-off styles are just done at the top of each page. Check em: History and heritage, Time travel, It's the stars, and The Old Web. Even more playing around with a librarian's cabinet style for the notes page, maybe even the homepage, will see. Wrote a post about it: Too much fun with CSS.

Also playing around with displaying additional info for books where I can add a title such as KallocainKarin Boye, 1940 and the info pops up. Is this vitally necessary? No.

The html, largely for my own benefit:

<span class="book">Kallocain<span class="info">Karin Boye, 1940</span></span>

Thanks to

Inspired by these folks with all their Bearblog themes, plugins, and customisations:

Other bits and pieces

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.

It's been 1 day, 2 hours since the last update ↑ Top