Commit graph

33 commits

Author SHA1 Message Date
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
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
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
c7b772e727 Pass Page Summary LinkTitle through the Markdown renderer
Allow markdown in link titles.
2024-10-12 10:46:44 -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
b51aca950c Add the .figure class to image figures 2024-10-12 09:23:07 -07:00
49f5a90813 Add the .content class to the content <div> in list templates 2024-10-10 23:04:41 -07:00
deaf33c0f2 Remove the taxonomy name leader from taxonomy list pages 2024-10-07 20:57:12 -07:00
2a2025bd9f Clean up the codeblock render template 2024-10-07 20:56:47 -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
2da54f09e3 Layouts: Remove whitespace between <pre> and <code> elements in codeblocks 2024-07-25 13:12:10 -07:00
0cfc91d26e Clean up page summary and update styles 2024-07-23 09:04:22 -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
54c371d7e6 Add a page header to the list, single, and taxonomy templates 2024-07-23 08:51:03 -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
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
04ebd4f10a Add a <code> inside the <pre> codeblocks
Tess suggested I do this.
2024-07-23 08:41:22 -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
c30805127c RenderHooks: Fix up some whitespace 2024-07-20 17:08:32 -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
576e7cb485 Allow disabling header anchors with page and element params
Set params.renderHeadingAnchors = false to disable for a whole page.
Set the element attribute anchor = false to disable for a single heading.
2024-07-06 10:18:51 -07:00
3597b59fa5 render-image.html: Add the figure--image class
Add the `figure--image` class to <figure> elements with <img> contents.
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
db3f1f40fa page_summary.html: Make rendering the summary optional
Pages can control whether summaries are rendered for them in lists with the rendersSummary param.
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
11a677476b Page summary view template 2024-06-28 09:10:55 -07:00
bc73df76cf Simple baseof.html 2024-06-28 09:08:19 -07:00
d73c779508 Add render hooks for codeblocks, headings, and images 2024-06-28 09:04:37 -07:00