Moving the tag cloud to the top of the archive
A quick blog update today. I've moved the tag cloud to the top of the archive page. I think it makes the archive more functional. I also added a smaller "Tags" label above the tag cloud.
I like how this works across the blog, notes and photos archive. This is another benefit of driving this blog through tags and embedded posts. It all works pretty seamlessly.
Here's the CSS snippet if you want to do the same:
/*Bring tag cloud to the top of the archive page */
body.blog main {
display: flex;
flex-direction: column;
}
body.blog main small {
order: -1;
}
/*Add "Tag" label above tag cloud */
body.blog main small:first-of-type::before {
content: "Tags";
display: block;
font-weight: 700;
color: var(--heading-color);
margin-bottom: 0.4em;
}