Commit graph

167 commits

Author SHA1 Message Date
461772c1f0 Remove the page breadcrumb because it's not used 2024-07-23 08:54:06 -07:00
d1154de459 Add a page navigation breadcrumb
This thing looks like a path. It lists the hierarchy of pages from the home page.
2024-07-23 08:53:34 -07:00
54c371d7e6 Add a page header to the list, single, and taxonomy templates 2024-07-23 08:51:03 -07:00
2878dd8d60 Clean up the site footer
It's just a single <aside> that lists the copyright.
2024-07-23 08:49:38 -07:00
7ff79c546d A generic taxonomy list template
This template produces a <ul> list of the terms in the provided taxonomy. The
taxonomy is passed to the template via the `.term` argument, which is a string
name of the taxnomy.
2024-07-23 08:48:46 -07:00
64c1704a6b Pass an additional parameter to base/head/css.html
Pass the path of a stylesheet resource to this template so it can be used to
generate other CSS stylesheets.
2024-07-23 08:46:52 -07:00
8b834f8eab Move the <main> element inside the "main" template block
Do this so each template can set the class of the main block according to what
kind of template it is.
2024-07-23 08:45:26 -07:00
293d4b0748 Remove the page breadcrumb from the base template 2024-07-23 08:44:10 -07:00
293f0ba957 Improve formatting of code highlighting styles 2024-07-23 08:43:41 -07:00
3b642fa002 Remove page_navigation stylesheet 2024-07-23 08:42:37 -07:00
36bee20ec4 Move site_header.css from 099 to 080 2024-07-23 08:42:25 -07:00
04ebd4f10a Add a <code> inside the <pre> codeblocks
Tess suggested I do this.
2024-07-23 08:41:22 -07:00
cce432fe0b RenderHooks: Reconfigure the heading hashes
Instead of a single hash in the left gutter, draw <n> hashes where <n> is the
heading level. All of these hashes are part of the anchor text.
2024-07-20 17:29:49 -07:00
c30805127c RenderHooks: Fix up some whitespace 2024-07-20 17:08:32 -07:00
49a7d9d20d Style .page-summary__date with the sans font family 2024-07-06 11:08:44 -07:00
67cd4277c0 Add extra margin around the <hr> in the footnotes styles 2024-07-06 11:08:20 -07:00
3cbce149ba Build the page scaffolding with CSS grid
Grid columns are symmetrical. From the outside in, they are:

- outer margin
- inner margin
- wide gutter
- inner gutter
- main content
2024-07-06 11:07:52 -07:00
5dd0748e25 Move site menu below title 2024-07-06 11:05:58 -07:00
f0bc94fdb2 The .content-date style is given by text--small now 2024-07-06 11:03:29 -07:00
8bf2c29d6b Refine the breadcrumb styles 2024-07-06 11:02:53 -07:00
4328f31ad2 Break out font family sets into separate variables based on style
Make CSS variables for sans, serif, and mono font families. Create utility classes
to apply them to an element.

Add a .text--small style to style an element like <small>.
2024-07-06 10:21:54 -07:00
975b56a6be Move anchor styles to their own stylesheet 2024-07-06 10:20:40 -07:00
11295e1eb2 Move page navigation CSS to its own stylesheet 2024-07-06 10:19:51 -07:00
576e7cb485 Allow disabling header anchors with page and element params
Set params.renderHeadingAnchors = false to disable for a whole page.
Set the element attribute anchor = false to disable for a single heading.
2024-07-06 10:18:51 -07:00
6d0fd81a7b Implement a ruby shortcode, with ruby/t to make <rt> elements 2024-07-06 10:16:47 -07:00
8c60dbf128 Reset padding in reset.css too 2024-07-06 10:15:23 -07:00
e86e2d85b4 SiteHeader: Use M spacing for the margin of the site-footer 2024-07-03 07:45:42 -07:00
f53f266c9a SiteHeader: Set the bullet in ::before instead of ::after
Set the bullet between nav items in the ::before content rather than the ::after.
I found this lets me control spacing better.

Set the flex gap to XS spacing.
2024-07-03 07:45:11 -07:00
c878427e2e Structure: Limit <img> elements to 100% of their container
Set max-width to 100%.
2024-07-03 07:43:34 -07:00
b4148c3584 Typography: Fix up indentation of text size scale classes 2024-07-03 07:42:57 -07:00
4f147b6b7a Typography: Implement a hover animation for <a> elements 2024-07-03 07:42:39 -07:00
7fd398bd01 Typography: Declare Merriweather @font-faces 2024-07-03 07:42:22 -07:00
199731551e Structure: Express content width in terms of rems 2024-07-03 07:41:23 -07:00
6913813f80 Page Summary: Use XS spacing after the header elements 2024-07-03 07:41:23 -07:00
7449228242 Footnotes: Add some basic styling for footnotes 2024-07-03 07:41:23 -07:00
c735de67d9 Page Summary: Adjust spacing around page dates 2024-07-03 07:41:23 -07:00
5cf12c7a39 Spacing: Add .figure--image to the list of blocks with large vertical margins 2024-07-03 07:41:23 -07:00
54de36f31b hugo.yaml: Remove markup section
These settings belong in the containing site's hugo.yaml. Remove them from here
and commit them there.
2024-07-03 07:41:23 -07:00
3597b59fa5 render-image.html: Add the figure--image class
Add the `figure--image` class to <figure> elements with <img> contents.
2024-07-03 07:41:23 -07:00
a5e5d04b9f page_breadcrumb: Implement a breadcrumb and display it above the <main> content
The breadcrumb shows navigation from the home page as a path:

/ > Posts > This Post

en.yaml
2024-07-03 07:41:23 -07:00
db3f1f40fa page_summary.html: Make rendering the summary optional
Pages can control whether summaries are rendered for them in lists with the rendersSummary param.
2024-07-03 07:41:23 -07:00
b50f4c6a92 Move styles for content elements to 099_content.css 2024-07-03 07:41:23 -07:00
32b04bc184 Replace bespoke codeblock theme with Dracula theme
https://draculatheme.com
2024-07-03 07:30:39 -07:00
25d36563f5 Add text-color--gradient to the site-header__title element 2024-06-29 14:16:23 -07:00
d6537af00c Move the site-header styles to site_header.css 2024-06-29 14:14:52 -07:00
a8fd6e550f Implement a clever margin trick
This trick centers content and ensures a minimum margin of spacing size S.

https://stackoverflow.com/questions/70323075/how-i-can-use-min-and-max-css-functions-to-work-with-auto
2024-06-29 10:31:21 -07:00
0ff918898b Set heading spacing to L above and M below 2024-06-29 10:30:17 -07:00
5f4b20bd58 Never meant to commit this. Oops! 2024-06-29 10:29:58 -07:00
45b0c117e0 Reimplement the size_scale partial as base/_size_scale.html
I accidentally deleted it. Move it here and reimplement it.
2024-06-29 10:29:49 -07:00
16536744ee Bring over the gradient from erynwells.me as a .text-color--gradient class 2024-06-29 10:28:41 -07:00