Commit graph

122 commits

Author SHA1 Message Date
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
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