feat: site design refresh - #147
Merged
Merged
Conversation
- consolidate the poole_hyde/franklin/custom/search/ansi stylesheets into token-driven css/site.css and css/code.css - add a theme toggle (system preference default, persisted override, no-flash inline script); switch Zola highlighting to class-based giallo with github-light/github-dark and per-theme ANSI palettes - restyle the sidebar as a theme-following panel; replace the stacked mobile layout with a top bar and slide-in drawer - restyle admonitions with tinted headers in the four Julia brand colors and add a blue 'note' type Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
A scrollspy in ui.js marks the last heading above the reading line, reusing each heading's scroll-margin-top so the threshold matches both the desktop and mobile-topbar offsets. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The title was its own paragraph above the body, costing a line per box. It is now a span glued to the front of the body so the markdown pass folds both into one paragraph, and the padding moves from the title/body onto the box itself. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Follow-up to the Zola migration (#146), which kept the old Franklin look to keep the diff small.
This PR refreshes the design while trying to keep the "old 2015 blog post" look. ;)
instead of the previous inconsistent theme.
franklin.css,poole_hyde.css,custom.css,ansi.cssandsearch.css(and the inline
<style>block inbase.html) are replaced by two files:css/site.css— everything but code blockscss/code.css— block chrome, language chips, ANSI colorsIt marks the last heading above the reading line,
reusing each heading's
scroll-margin-topso the threshold matchesboth the desktop and mobile-topbar offsets.
since the sidebar already lists the same headings.
It reappears in the mobile layout, where the sidebar is behind the drawer.
a fixed top bar with a hamburger button, the site title, and a search button.