~dricottone/blog

ref: 61beddd07fabc8ae0ee8a011d1971fa797f143b1 blog/layouts d---------
Linking to socials

A webring is added to the bottom of all blog posts and the home page.
This is powered by openring and stylized as a vertical list against a
light blue background (same blue as sent messages on Chat page).

My recent posts on bluesky are added to the home page. These are
stylized as received chat messages per the Chat page.

My most listened to songs (in alst 30 days) are listed on the home page.
This is an unstylized ordered list.

Minor change to the way width is applied to horizontal breaks.
Chat fixes

Input fields now clear on reload of the web page.

Empty messages now can't be sent. Need to create some UI indicator of
the error, but for now the error is logged to the console at least.
UI Changes

The chat shortcode has been reworked. Rather than appearing as
paragraphs, the UI elements have been sorted into tabs that are hidden
by default and toggled by buttons.

IDs have been added+changed to accomodate this.

Button and input styling have been abstracted slightly. I am considering
moving these styles further out, to my blog CSS.
Lightbox version bump; Added link to Upptime
Add favicon

Image for favicon was published by Popo le Chien under Creative Commons
CC0 1.0 on Wikimedia Commons. See
https://commons.wikimedia.org/wiki/File:Rigatoni_closeup.png .

Favicon was compressed and converted by real favicon generator. See
https://realfavicongenerator.net/ .
Chat identity

The chat app now uses digital signatures for identify verification.

A new blog post discusses this implementation and what I've learned
about PGP and digital signature cryptography.

Also, minor typo fixes and adding an aspell recipe.
New post and small footer update

Footer has been aggregated into a single line. TODO: make footer
collapse into rows on mobile? Or maybe hide it altogether? In any case,
need to do something more reactive/accessible.

"Generated" is now capitalized as well. I'm not on tumblr anymore.
Redesigned layout

Replaced div.footer tag with footer tag. Also rewrote footer content.

Removed excessive div.navi tag.

Removed article tag from non-blog post pages.

Paragraphs are now only indented on blog posts.

Headers are smaller and have less white space below them.

Killed two references to cgit that lingered.

List pages now only show titles and dates, no summaries.

Added Creative Commons licensing for web site content.
Redesign of header/navigation

The header has been killed. Page titles will take its place.

The navigation has been redesigned entirely. For full-size web pages,
the sidebar has been killed in favor of a horizontal list. For mobile
web pages, that same list (i.e. there is only one list that is being
manipulated by CSS) is displayed as vertical blocks. A button that is
styled to look like list item blocks then toggles the visibility of the
list.

This is hopefully more accessible and more reliable than the previous
navigation, which utilized two lists that were dynamically swapped out.
The dropdown menu was also a recurring issue for visual consistency and
accessibility.
Post and updates

A short post and a set of minor updates. The Title is being shown on
more pages and the Makefile recipe was slightly refactored.
Multiple design changes

Refactored header and footer into distinct partials. Also centralized
the CSS for these sections.

Refactored blog post lists into a partial.

Refactored blog HTML and CSS to be more universally clear across my
domains.
Layout and CSS updates

Added a footer to the blog.

CSS for footers has been centralized in the common stylesheet.

CSS for headers has been relocated from the headers stylesheet to the
common stylesheet. A small styling patch was centralized out of the cgit
stylesheet. Links to the headers stylesheet are removed.

An inconsistency between the blog and git web has been fixed. The blog
has a small padding on the main element. Since cgit does not generate a
main element, this styling had to be applied to div#cgit.

An inconsistency in table layouts in git web has been fixed. Table cells
have a transparent border acting as a controlled table separation. Table
headers were lacking the same border and therefore appeared to peak out
over the column.
Bump jquery version
Integrating latest version of gallery/image shortcodes
Slight refactor

I'm trying to replace `var` with `let` everywhere. TBD if that's a good
idea or not.
Slight refactoring of whitespace
Small structural changes to home page and navigation
Clean up layout files
Adding live chat page
Next