Commit graph

53 commits

Author SHA1 Message Date
2e28c27f9d Don't default <header> elements to bold 2024-07-23 09:08:12 -07:00
961efba654 Remove letter spacing from the heading anchor 2024-07-23 09:07:55 -07:00
266e2da090 Simplify the font families
Just use the system fonts. Nothing special yet.
2024-07-23 09:06:14 -07:00
0cfc91d26e Clean up page summary and update styles 2024-07-23 09:04:22 -07:00
234acb08b8 Move blockquote styles to a new quotations stylesheet 2024-07-23 09:03:23 -07:00
2ea86253a3 Set some anchor color and text decoration
Remove the animation
2024-07-23 09:00:11 -07:00
4d303b984e Add a table of contents to the single template
Pages can show the table of contents by setting the renderTableOfContents parameter.
2024-07-23 08:57:21 -07:00
3837e77d63 General figure and list element styles 2024-07-23 08:55:59 -07:00
329a73a6e8 Add the page footer stylesheet 2024-07-23 08:54:30 -07:00
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
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
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
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
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
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
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
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
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