Commit graph

193 commits

Author SHA1 Message Date
df3d9cf039 Oops wrong comment format 2025-08-19 10:08:17 -07:00
3248ac51d1 Take an .images list of resources in figures/fullwidth and figures/small
These two templates take a list of resources to operate on. Since these render
image figures, that list is called "images".
2025-08-19 10:02:38 -07:00
a395d26bc4 Remove the 2px border from the <hr> in footnote elements
The <hr> is styled elsewhere.
2025-01-14 19:30:10 -08:00
5a67372ee5 Remove the grid from figures in two-column grid
This lays out figcaptions better than with the grid.
2025-01-14 19:29:52 -08:00
ccedb4c2bd Several fixes for youtube figures 2025-01-14 19:29:19 -08:00
27c1a84ee4 Add an "after_content" blog to baseof.html
Populate it with links to CSS files in the page bundle.
2025-01-07 15:37:28 -08:00
c949edac15 Fix a syntax error in the structure CSS file
There was a stray paren here.
2025-01-07 15:36:30 -08:00
1e6db43354 A {{ 2col }} shortcode and styling to make a 2 column grid
If the shortcode contains only figures, lay it out wide and add XL margins like
other figures.
2025-01-04 10:28:40 -08:00
7d56bd2f78 Inline image template
This is for embedding SVGs inline.
2025-01-04 10:12:29 -08:00
05956b83b8 Make some improvements to the fullwidth-image partial
- Add some handling of SVGs so the template doesn't attempt to resize them.
- Include custom classes in the <figure class> attribute
- Do not link to SVG images
- Only include <img srcset> if there are multiple sized images. This mostly supports
  SVG figures where there's only ever one.
2024-12-31 09:37:19 -08:00
accd1aceeb A couple fixes for page navigation
- Put the previous post on the left, and the next post on the right
- Simplify the CSS class names and styles
2024-12-23 08:13:30 -08:00
1eba82c96b Fix the name of tag__list-item elements
I changed the class name of these elements in a prior commit and forgot to
update this template.
2024-11-26 13:44:29 -07:00
4a5dc3a318 Add a content-grid shortcode that creates a grid of n columns inside a <div> 2024-11-26 08:37:58 -07:00
7872296ee3 Images in small figures can grow to 480px
Set max-width to 480px, rather than an explicit width. Images smaller than 480px
were being stretched.
2024-11-25 15:56:51 -08:00
efae2acdea Simplify figure styles and markup
Remove the .figure__container element. According to Tess, putting a <figcaption>
inside a child of a <figure> "doesn't obey the content model" or some shit.
Fiiiiine.

Getting small figures to lay out the way I want them to without the container
was a bit of a trick. Instead of letting the figure span the entire width of the
grid column, let it fit the size of its contents, and then set margin-inline to
auto so it centers.

Doing this also allowed me to remove the .figure--image, etc styles because the
styles and markup are a lot more similar among figures containing different
kinds of elements. Nice!
2024-11-25 15:48:04 -08:00
502aa408d9 Refactor all the figures
There are two main sizes of figures: fullwidth and small. Full width figures take
the full content width. Usually they spread into the "wide" content area too.
Main size figures are also full width figures, but they stop at the edges of the
main content area. Small figures shrink to fit and are generally 480pts wide.

Break all these different types of figures down into separate templates for each
variant.

Add the ability for resources to specify a "source" with a link and title.
2024-11-25 09:51:32 -08:00
d81f2a107c Remove the interstitial .tag__value__list-item
Just .tag__list-item is enough.
2024-11-24 10:19:26 -08:00
e8daeda08b Convert elementsWithXLBlockMargins to a slice that's joined with ", " 2024-11-24 10:18:45 -08:00
b7ae6211ce Tweak <hr> so it looks good in dark mode 2024-11-19 20:53:28 -08:00
ce19ae0bbb Use .PublishDate for the page header date 2024-11-16 09:41:22 -08:00
3842e25fa0 Finally adjust the spacing of the date relative to the page title
This has been bothering me for a little while. The spacing is too big. Squish them
together and give it secondary text color so it doesn't compete with the title
or body text.
2024-11-16 09:40:50 -08:00
08e787b1d9 Reformat definition list definitions
Large inline margins and small text. No more italics. I think this is easier to
read and more consistent with the surrounding text.
2024-11-16 09:40:01 -08:00
c5cc95052d Spacing refinements for lists and paragraphs
Add list elements to the paragraph spacing styles so they're all consistent.
2024-11-16 09:38:53 -08:00
75f7771c38 Use the page's .PublishDate as the date for the PUBLISHED tag 2024-11-15 20:44:16 -08:00
ba9d309e1e Set spacing between paragraphs and lists to standard paragraph spacing 2024-11-15 20:43:27 -08:00
c4821daa6e Add a should_render.html partial
Encapsulates the decision making about whether a page should be rendered.
2024-11-13 17:03:17 -08:00
94181c0f15 Add body-extras and head-extras partials to the baseof template
These are for clients of this theme to override.
2024-11-13 17:02:42 -08:00
ac168d7143 Fix <hr> elements 2024-11-07 09:11:07 -08:00
e04e7dafa3 Render blockquotes in a figure
Render cite and caption too.
2024-11-06 09:31:16 -08:00
25eaca442c Style plain text code blocks
For quotes of poetry, etc, style pre-formatted blocks of plain text.
2024-11-06 09:03:36 -08:00
cf8de8a58a Remove interstitial main__page-list element from taxonomy pages
Now they lay out correctly!
2024-10-31 10:54:56 -07:00
2d22420f3d Make sure border color of site header and footer match
Consolidate styles of site header and site footer components since they're so
closely related.
2024-10-31 10:53:59 -07:00
86ca411bce Only show the draft tag when a post is a draft and the environment is not production 2024-10-31 08:03:32 -07:00
f29f409642 A few miscellaneous style fixes
- Add some padding to the top of the footnotes block
- Add .figure--video to the list of elements that get XL block margins
2024-10-31 08:02:50 -07:00
b7379f6481 Add head_js and after_js blocks to the baseof template 2024-10-27 09:57:58 -06:00
2f9f25f8c4 Omit drafts from the Prev/Next page navigation 2024-10-27 07:24:38 -06:00
ff531f5194 Add <header> to the list of elements that span the main content area 2024-10-27 07:24:19 -06:00
48583e214a Fix ordered lists
Start the list-item counter at 1.
2024-10-27 07:23:49 -06:00
d7353308fa Figures have a few different node structures; make them all lay out correctly 2024-10-26 08:31:50 -06:00
4a6dd87603 Consolidate list templates to _default
Remove the blog list template since it's no different from the default list.
2024-10-24 10:05:25 -06:00
9995c8d10d Downgrade page_summary headings from <h2> to <h3>
When page_summaries are rendered in sections by year, the year heading is an <h2>
so these need to be <h3> for correct heading hierarchy.
2024-10-23 11:31:30 -07:00
59ff58e159 Break section template into first and descendent sections
First section templates render the most recent $n yearly subsections as a list of
articles.

Descendent sections render just the content of those subsections.
2024-10-23 11:17:30 -07:00
50dc3c45c1 Allow the menu to specify a style for the item
Style changes the trailing character, a la ls -F. The default is 'dir', appending
a slash `/`. You can also specify 'file' to append a '*'.
2024-10-20 09:18:34 -07:00
60db7eeb03 Do not include a <header> if the page's .Title is empty 2024-10-20 09:17:15 -07:00
4d9e9e1301 Only include an <hgroup> in the page summary if there's a description to include
Otherwise just use an <h2>. Add .page-summary__heading to both elements and update
the styles.
2024-10-20 09:16:43 -07:00
8aaea57a2e Parameterize the number of posts to return in the latest-page-summary shortcode 2024-10-20 09:15:43 -07:00
115b9dd9cd Add <link> to alternate output formats in the page's <head> 2024-10-20 09:15:16 -07:00
53f1f3f45f Move 099_content.css to 040, ahead of most other styles 2024-10-20 09:14:40 -07:00
c8191f7268 When a figure has only an <img>, center the image 2024-10-17 08:39:58 -07:00
340029a01c Fix vertical spacing of a handful of elements 2024-10-13 23:14:28 -07:00