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
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
ba9d309e1e
Set spacing between paragraphs and lists to standard paragraph spacing
2024-11-15 20:43:27 -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
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
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
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
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
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
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
d89f1b62b4
Use tags for date and draft in the page_summary; add taxonomies
2024-10-13 23:14:12 -07:00
4c689f0f5c
Reduce the depth of the DOM and simplify the CSS a bit
...
Remove the main intermediate container. It wasn't acutally serving a purpose.
Remove some of the BEM-style classes that also weren't really doing anything.
2024-10-13 23:13:16 -07:00
d17ec7f48f
Import the code and image shortcodes from the old website
...
Update the styles for code, image, and youtube figures.
2024-10-12 11:26:52 -07:00
edd6eb996b
A more generic tag/value component
...
Write styles and templates for a more generic tag/value component. Use this component
for the taxonomy lists, draft tag, and page dates in the summary template.
2024-10-12 10:45:52 -07:00
448c48281c
Get taxonomy lists to wrap correctly
...
Do not allow any element to wrap (white-space: nowrap) but do allow the flexbox
to wrap.
Shift the colon separators to the ::before pseudoelement so the colon appears
on the leading side of the taxonomy item when it wraps.
Remove the vertical gap from the flexbox.
2024-10-12 09:22:35 -07:00
b112558914
Add some styles for code and image figures
...
These elements are created with the figures/image shortcodes from the old site.
Make them wide, and give them XL block margins.
Along the way, make sure that any element with only an <img> child has a line height
of 1 to avoid a weird gap below the image.
2024-10-11 16:37:24 -07:00
49f5a90813
Add the .content class to the content <div> in list templates
2024-10-10 23:04:41 -07:00
15cb817dd3
Set line-height to 1 for a <p> with only an <img> child
...
This is an (annoying) quirk of how Hugo renders Markdown. Sometimes images
are embedded in <p> tags, even if the <img> element is produced by a shortcode.
2024-10-10 23:04:15 -07:00
0672ba0740
Add a .img--circular class that makes a circular image with clip-path and shape-outside
2024-10-10 23:02:59 -07:00
6c59f940be
Add <table> to the list of elements that use XXL block margins
2024-10-10 23:02:27 -07:00
5eb9c2c826
Remove the article specifier from these selectors
...
The .content element is no longer an article. It's a <main>.
2024-10-08 22:24:39 -07:00
e1ad32ab12
Add styles for youtube figures
...
Bring over the youtube shortcode from the old theme, and add styles for the figures
it creates. Add the .figure--youtube class to the <figure> element.
2024-10-08 22:24:39 -07:00
9baf615ebd
Clean up the spacing of content header elements stacked next to each other
2024-10-08 22:24:16 -07:00
f7928c2190
Clean up the taxonomy list
...
Make the name of the taxonomy copyable by putting it in the dom, rather than in
the CSS content:.
2024-10-08 21:58:57 -07:00
cd503b1275
Conslidate the root font-size in the html element
...
The size of body text was not being set correctly because of this.
2024-10-08 19:21:15 -07:00
f078b30866
Restyle <ol> and <ul>
...
Use * for unordered lists and fix the number placement in ordered lists
2024-10-07 21:02:29 -07:00
6753b7328c
Always show the header link octothorpe on devices that don't support hover
2024-10-07 21:01:45 -07:00
38e2d8fde0
Replace the arrows in the page navigation with -> and <-
2024-10-07 21:01:01 -07:00
d94c55f886
Remove the Table Of Contents marker in Chrome
2024-10-07 20:58:44 -07:00
f353336c9e
Content: Add .page-footer to the list of main content elements
2024-08-08 10:23:08 -10:00
94a30462da
TablesOfContents: Add an explicit font-size to the TOC items
2024-08-08 09:56:34 -10:00
f02246520a
Footers: Remove the doc comment from page_footer.css
2024-08-08 09:56:13 -10:00
31320914f1
Headings: Add a minimum font size to the anchor hash signs
2024-08-08 09:56:01 -10:00
ea26f5f68b
Blog: Move blog styles and content templates to the base repo
2024-08-07 07:43:50 -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
