Explorations

Some things I’m thinking about and playing with.

Content

Allow for private notes (as opposed to just private sections in a note) important
- Maybe even private directories? This would be great for the daily folder, possibly others.
- Backlinks from private notes shouldn’t be shown
- Links to private notes should be redacted in some way
Backlinks
- Backlinks should include some contextual content, ideally a couple of sentences.
question Should there be another kind of navigation layered on top of notes? An index of all notes, or tag or folder listing

Should mentions have a specific styling, possibly similar to private block placeholders?

Stop using ::before and ::after for anything that should appear in plain text.
Use an audit step to warn about too-long alt text strings (150ish seems like a good upper bound)

Improve mobile and tablet reading
- Stop scaling the viewport to 80% on mobile
- Support 1024w as a multi column layout
Rationalize the col6 and bgrid layouts
- Prefer using spans over areas?
- Consider a 12-column grid?
- Consider adjusting container widths so columns are whole integer widths?

Need a better way of attaching captions to images, so that I don’t have to write single line HTML for reasons. important
Support vector diagrams, and run the colors through the site’s color palette important
Diagrams need to know about scale, in order to render hairlines at an appropriate width
Process figures in parallel, to speed up building pages with lots of images
cleanup Clean up the filter system.
- Filters may apply to light mode content too.
cleanup Remove the video subsystem until it can be revisited?

question When a task links to a note, should the backlink be marked up in a special way? Or perhaps it should go the other way: tasks on Notes should be aggregated into the Todo note?
question Do placeholder notes generate task items automatically?

bug Items without authors should be sorted by their title in bibliography listings
bug The external link icon for archive links are too small (inheriting the size of the archive URL)
Informal citation style improvements
- Include containers
- Include notes
bug Why are the person and cite parser rules conflicting?

low Table style with tall braces around rowspan cells
A sans-serif style for tables that benefit from quicker reading / scanning (rather than looking nice)

Optical margin alignment for body text.
cleanup Metrics for monospaced code blocks should be calculated from fonts instead of hardcoded
Add additional spacing around quoted “CAPITALS” low
question Is inline code disrupting the line height of text?

Consider migrating away from Apache, since it’s all just static files with some other rules
Run stylesheets through an optimization pass
question Consider pre-compressing resources with Zopfli and Brotli
- question Does this make sense for all HTML files too? Or just e.g. CSS?
Add Cross-Origin-Embedder-Policy and Cross-Origin-Resource-Policy headers

bug Ingredients should be in an ol instead of ul, since there’s an implied order to the their use?
bug Ingredients should not spread out to the height of the group when the steps are longer (may need a container element to take up space in the parent grid’s layout)
Implements should use the span.name element for a consistent structure?
Make prep steps stand out more. Maybe they get some kind of label?
Consider Barlow for subrecipe headers, to match the step numbers.
Make subrecipe sections stand out more somehow? (background color?)
Group recipe sections into a wrapper element to eliminate the lastgroup class.
Recipes should print nicely (using the grid style, probably).
Additional kinds of content
- Images
- Recipe description
- Notes that apply to the recipe rather than a single step