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
11a677476b
Page summary view template
2024-06-28 09:10:55 -07:00
bc73df76cf
Simple baseof.html
2024-06-28 09:08:19 -07:00
4327d34827
Clean up the partials directory
...
Sort partials into base and site directories
2024-06-28 09:07:33 -07:00
d73c779508
Add render hooks for codeblocks, headings, and images
2024-06-28 09:04:37 -07:00
4bc1390b3c
CSS Checkpoint
...
- Add the system_css template
- Name the CSS files in the css directory with a numeric prefix so they sort by
priority.
2024-06-28 09:03:28 -07:00
189a83a696
Convert toml hugo and theme files to yaml
2024-06-28 08:58:33 -07:00
00718a4fe2
Move system_css.html -> design/system_css.html
2024-06-07 12:08:46 -07:00
