2e37336f5e
Update the README
2024-08-06 08:24:59 -10:00
570234947b
Codeblocks: Move color theming to the codeblocks stylesheet
2024-08-02 16:15:34 -07:00
c97b24977d
Codeblocks: Move codeblock styles to their own stylesheet
2024-08-02 16:10:43 -07:00
1ec5084c66
Typography: Use Source Code Pro for the monospace font
...
Grab variable woff2 files from GitHub.
https://github.com/adobe-fonts/source-code-pro/
2024-08-02 16:10:28 -07:00
1cc6ff0e78
Colors: Finish off converting all the colors
2024-08-02 16:09:11 -07:00
deefba4192
SiteHeader: Make the font sizes bigger and bolder
2024-08-02 15:48:07 -07:00
5b1eeee5e9
Structure: Increase the content width to 45rem
2024-08-02 15:47:45 -07:00
97aa739b3f
Use singular or plural taxonomy names depending on how many items are in the taxonomy for the page
2024-08-02 15:47:33 -07:00
1b463e35d8
Use trailing / for sections in the site header
...
Just like `ls`.
2024-08-01 18:22:25 -07:00
8a00cc6de9
Colors: Allow setting the color scheme explicitly
...
In addition to the color scheme changing based on the system setting, enable
setting the color scheme explicitly by adding a color-scheme="light | dark" attribute
on the <html> element.
Doing this was a bit tricky. I originally implemented the grayscale ramp by
reversing it when prefers-color-scheme: dark. This was convenient, but meant that
setting the color scheme explicitly didn't work.
Along the way I discovered the light-dark() CSS function. Deploy that as the preferred
style if the browser supports it. Otherwise, fall back on the prefers-color-scheme
media queries. This function only works if color-scheme: light dark is set on the
:root element.
2024-07-27 23:01:31 -07:00
cb8ad426d5
Headings: Move the anchor #
...
Draw only one hash for headings, and place them in the gutter in wide layouts,
or trailing the heading text in narrow layouts. Do this with grid in the wide
version, and flexbox in the narrow layout.
Add a --text-color-light CSS variable for content that should be lighter than
--text-color-secondary.
2024-07-27 09:30:03 -07:00
000353f339
Layouts: Remove date from taxonomy templates
...
Do not show dates on pages where .IsNode is true, rather than using .IsSection.
Apparently taxonomy pages are nodes, but are not sections.
2024-07-25 13:24:33 -07:00
c1456a6ee2
Typography: Remove explicit font-size from <p> and <pre>
...
Rely on <body> for font-size.
2024-07-25 13:14:04 -07:00
f705d612ed
Typography: Bring back the font-size ramp 🙃
2024-07-25 13:13:41 -07:00
98fc4867e1
Typography: Remove --text-base-size variable
...
<html> unconditionally sets its font-size to 100%.
2024-07-25 13:13:20 -07:00
2683a148d5
Structure: Make the gutters smaller on screens <= 480px
2024-07-25 13:12:45 -07:00
2da54f09e3
Layouts: Remove whitespace between <pre> and <code> elements in codeblocks
2024-07-25 13:12:10 -07:00
737ec20e3c
Meta: Remove all the block comments at the top of CSS assets
2024-07-25 13:11:40 -07:00
cbde0f7be2
Typography: Restyle <sup> so it doesn't mess with line spacing
...
Give <sup> elements a line height of 1 and set vertical-align to text-top instead
of sup so it bumps up against the top of the line, rather than pushing above it.
Use a computed text size, rather than a relative percentage too.
2024-07-25 11:08:29 -07:00
fa1c957b7c
Revert "Typography: Scale the font size according to screen size"
...
This reverts commit 1fd1eb9bfd
2024-07-25 10:21:32 -07:00
8d1ce0208a
Structure: Place footnotes in the main column
...
Add .footnotes to the list of selectors that are put in the main content column.
2024-07-25 10:13:06 -07:00
1fd1eb9bfd
Typography: Scale the font size according to screen size
...
Use viewport width units to scale the font size between 100% and 125%.
2024-07-25 09:56:26 -07:00
1ffbee8850
Structure: Collapse the outer grid columns (margins and gutters) on small screens
...
Let the border of the site header and footer touch the edges of the screen too.
2024-07-25 09:55:51 -07:00
b130db28e0
Add pages-list shortcode
...
Produces a list of pages in a section.
2024-07-23 09:13:47 -07:00
aee96476a7
Add a latest-page-summary shortcode
...
Produces a summary of the latest page in a given section
2024-07-23 09:13:32 -07:00
bccadced1b
Misc structure styles
2024-07-23 09:13:03 -07:00
1925a0109f
Do not give <img> max-width of 100% by default
2024-07-23 09:12:10 -07:00
97f088e99f
Implement content styles
2024-07-23 09:11:41 -07:00
0e32ba9759
Remove a bunch of styles from the spacing stylesheet
...
These have mostly been disbursed to the stylesheets for individual components.
2024-07-23 09:09:05 -07:00
b1e71c41b8
Clean up the basic color variables
2024-07-23 09:08:30 -07:00
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
b50be42ca8
Make sure there isn't a gap in the nav <li>
2024-07-23 09:06: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
c6213619b0
Render page content and page lists in list and taxonomy templates
2024-07-23 08:58:06 -07:00
f1977320e8
Render single page content
2024-07-23 08:57:44 -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
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
