Skip to content

Redesign the site with a dark atmospheric theme#10

Merged
Rochet2 merged 2 commits into
masterfrom
redesign-dark-theme
Jun 2, 2026
Merged

Redesign the site with a dark atmospheric theme#10
Rochet2 merged 2 commits into
masterfrom
redesign-dark-theme

Conversation

@Rochet2

@Rochet2 Rochet2 commented Jun 2, 2026

Copy link
Copy Markdown
Owner

Summary

A full visual redesign of the site into a dark, atmospheric "Nightforge" design system while preserving all content, Jekyll structure, Liquid logic, and information architecture.

  • Design system — new tokens.css (OKLCH palette: near-black canvas, WoW-gold accent, arcane-violet secondary) and design.md documenting the locked system. Type pairing: Space Grotesk (display) / Inter (body) / JetBrains Mono (tags & code), loaded via Google Fonts.
  • Layout_layouts/default.html now has a floating-pill nav (blur backdrop) and an Ft5 statement footer; fixed gold + violet radial blooms on the dark canvas.
  • Home — compact marquee hero.
  • Downloads — the catalogue is now a responsive card grid (icon + title + blurb from each post's description + tags from projects.yml).
  • Project pages — dark-themed markdown body, project header, and download links restyled as mono chips.
  • Galleryjs/gallery.js gains prev/next arrows and dot controls, pauses on hover/focus, and respects prefers-reduced-motion.
  • 404 / Contact — restyled to match.
  • Cleanup — removed the now-unused css/github_markdown.css (its base rules folded into style.css); updated script/asset_version.py and the README to track tokens.css instead.

The new linked asset tokens.css carries the ?v={{ assets_version }} cache-bust param and is included in asset_version.py, so CI's asset-version bump will cover it. _data/assets.yml is intentionally left untouched for CI to update on this PR.

Note: .hallmark/log.json is a small design-system bookkeeping file — drop it from the PR if you'd rather not track it.

Test plan

  • Verify the GitHub Pages build succeeds and CI updates _data/assets.yml.
  • Check home, downloads, a project post, contact, and a 404 render correctly with the new theme.
  • Confirm the gallery autoplay/prev/next/dots work and pause on hover.
  • Confirm fonts load and there is no flash of unstyled content.
  • Sanity-check mobile widths (320 / 375 / 768 px).

Rochet2 and others added 2 commits June 2, 2026 23:10
Introduce a dark Nightforge design system (gold accent, Space Grotesk / Inter / JetBrains Mono) applied across the home, downloads catalogue, project posts, contact, and 404 pages. Add tokens.css and design.md as the locked system, a floating-pill nav and statement footer, a card-based download catalogue with tags and blurbs, and an upgraded gallery with prev/next and dot controls. Dark-theme the markdown body in style.css and remove the now-unused css/github_markdown.css.
@Rochet2 Rochet2 merged commit 7a4a9ef into master Jun 2, 2026
@Rochet2 Rochet2 deleted the redesign-dark-theme branch June 2, 2026 20:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant