Add site favicon derived from the book cover - #226
Merged
Merged
Conversation
Distil the cover artwork (Figures/cover-new.svg) into an icon that stays legible at 16px: a stopwatch whose bezel is a gear, carrying both the timing and the machinery of the cover, with the three gold/parchment/cyan hands on the cover's navy. The survival curves, inner gear train and star-chart rings are dropped as they are unreadable at favicon sizes. Eight chunky teeth rather than twelve: at 16px twelve teeth dissolve into a serrated blur, while eight stay distinct and still read as a cog. Wire favicon.png into the book config; Quarto emits the <link rel="icon"> tag and copies the asset on every page. The .ico and apple-touch-icon variants are included for completeness but not yet referenced, as Quarto's favicon key takes a single file.
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.
Adds a favicon for the book website, distilled from the cover artwork (
Figures/cover-new.svg).The mark is a stopwatch whose bezel is a gear, so it carries both the timing and the machinery of the cover, with the three gold/parchment/cyan hands on the cover's navy
#2A3444. The survival curves, inner gear train and star-chart rings are dropped — they are unreadable below ~48px.Eight teeth rather than twelve: at 16px twelve dissolve into a serrated blur, while eight stay distinct and still read as a cog.
Files
Figures/favicon.svgFigures/favicon.pngFigures/favicon.icoFigures/apple-touch-icon.pngIntegration
One line in
_quarto.yml:Verified against a scratch book project: Quarto emits
<link href="./Figures/favicon.png" rel="icon" type="image/png">and copies the asset into_book/Figures/. The path is rewritten per page, so it applies across the whole book, not just the landing page.The
.icoand apple-touch variants are committed for completeness but not yet referenced — Quarto'sfaviconkey takes a single file, and wiring the others up needs aninclude-in-headerblock that only resolves from the site root. The 32px PNG covers every current browser.Notes