hugo-theme-journal/assets/static, branch 2026.09.19Hugo theme for my journal.https://git.nicholasjohnson.ch/hugo-theme-journal/atom?h=2026.09.192026-09-19T20:06:44ZImprove dark mode, focus and wrapping in the stylesheet2026-09-19T20:06:44ZNicholas Johnson2026-09-18T00:00:00Zurn:sha256:8963ab91a272a57120273703dc2716aae16669dca18fe2c39b9fb18268a3e275
The page declared no colour scheme, so browsers styled their own widgets
for a light page against this theme's dark one. That was invisible until
entries gained audio, since the audio player is the first user interface
control the theme renders; scrollbars and form controls were affected
too.
Also give keyboard users the highlight that pointer users get on hover,
and let long words break in list items, blockquotes and headings rather
than only in paragraphs, so that a long URL cannot push the layout
sideways. Preformatted blocks keep scrolling instead of breaking.
The empty rulesets left as block placeholders are removed; the html and
body colours are deliberately different and are untouched.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Add audio support for entries on website2026-09-06T00:00:00ZNicholas Johnson2026-09-06T00:00:00Zurn:sha256:151b5149973594233512d27dba434184665e398827f7da361a644501a16b1e58Move pageinfo below heading for website2026-09-06T00:00:00ZNicholas Johnson2026-09-06T00:00:00Zurn:sha256:47f8f43cab34bc4048fb93124c13df9643befb4d5abb4a9e97cff064a97e342dReplace visual dividers w/space for entry metadata2026-09-06T00:00:00ZNicholas Johnson2026-09-05T00:00:00Zurn:sha256:951f904bdd337aad611e12be2e4fc9cb180ce1f4cbbb3dae01274346fbe6d195
Less visual clutter, improves readability.
Update CSS stylesheet's copyright year2025-07-27T00:00:00ZNicholas Johnson2025-07-27T00:00:00Zurn:sha256:5ab671eedaa9ccd891981b14430704653bea498651cc397253a936f0e5981369Remove extra space created by Flexbox usage2025-07-27T00:00:00ZNicholas Johnson2025-07-27T00:00:00Zurn:sha256:59a8f3f8c0d992d40fbd7bf3b620e9d5218b4b23ee49676abfd4dbc4d8e57834Make footer stick to bottom of page2025-07-27T00:00:00ZNicholas Johnson2025-07-27T00:00:00Zurn:sha256:36199a037c6324e86ca1f0f6d0c43e38fa9ffbd1467de13e29aea7d59cdee9ccAdd body padding width to CSS media query2025-07-27T00:00:00ZNicholas Johnson2025-07-27T00:00:00Zurn:sha256:fe03420640a0c8df373c5dcacb47c93647575e6064f11468460ab655dcb2d2db
Changing box-sizing from content-box to border-box caused the body width
to account for padding, so it has to be added back in order to get the
full 72 chars in the main content.
Ensure body is always at least viewport height2025-07-27T00:00:00ZNicholas Johnson2025-07-27T00:00:00Zurn:sha256:8627738357101eb1216697c94bb00b403c46019d4890358ea96a54f4a4fec305
The page content area's background color should always fill the height
of the viewport, even if there is not enough page content.
Add a dark gray background to website2025-07-27T00:00:00ZNicholas Johnson2025-07-27T00:00:00Zurn:sha256:6332d82c064756eec1582278f1fb875580660e0e2231e41bf73284a17a7e28b8
This makes it more visually clear where the content begins and ends.