diff --git a/assets/logo.jpg b/assets/logo.jpg new file mode 100644 index 0000000..52f0d25 Binary files /dev/null and b/assets/logo.jpg differ diff --git a/assets/newspaper.css b/assets/newspaper.css new file mode 100644 index 0000000..5d5293b --- /dev/null +++ b/assets/newspaper.css @@ -0,0 +1,47 @@ +/* Newspaper skin for Glance — serif headlines, masthead, column rules. + ponytail: pure CSS over documented hooks; unmatched selectors no-op safely. */ + +:root { + --news-serif: "Georgia", "Iowan Old Style", "Times New Roman", Cambria, serif; +} + +/* --- Masthead (rendered by the html widget in news/header.yml) --- */ +.masthead { text-align: center; padding: 0.2rem 0 0.6rem; } +.masthead-title { + font-family: var(--news-serif); + font-weight: 800; + font-size: clamp(2.2rem, 6vw, 4rem); + letter-spacing: 0.04em; + margin: 0.2rem 0; + color: var(--color-text-highlight, #fff); +} +.masthead-sub { + font-family: var(--news-serif); + font-size: 0.8rem; + letter-spacing: 0.35em; + text-transform: uppercase; + opacity: 0.7; +} +.masthead-rule { border-top: 2px solid currentColor; opacity: 0.5; margin: 0.3rem 0; } + +/* --- Headlines & widget titles in serif for the print feel --- */ +.widget-header, +.widget-type-rss a, +.widget-type-reddit a, +.widget-type-group a { + font-family: var(--news-serif); +} + +/* Section headers underlined like a newspaper rubric */ +.widget-header { letter-spacing: 0.06em; text-transform: uppercase; } + +/* --- Column rules between the three newspaper columns (desktop only) --- */ +@media (min-width: 1000px) { + .page-column-full { + border-inline: 1px solid rgba(255, 255, 255, 0.08); + padding-inline: 1.4rem; + } +} + +/* Tighter, denser article lists — closer to print */ +.widget-type-rss .list > * { padding-block: 0.35rem; }