Skip to content

Build against chobble-template main; compact, corporate theme refresh#7

Merged
stefan-burke merged 2 commits into
mainfrom
claude/bold-brahmagupta-8t2nmo
Jun 14, 2026
Merged

Build against chobble-template main; compact, corporate theme refresh#7
stefan-burke merged 2 commits into
mainfrom
claude/bold-brahmagupta-8t2nmo

Conversation

@stefan-burke

Copy link
Copy Markdown
Member

Summary

Makes the design more compact and professional, and removes the stale pinned chobble-template submodule so the site builds against chobble-template main from GitHub.

While wiring up the build, the content turned out to be incompatible with both the pinned submodule (too old) and main (renamed layout, changed hero schema). This PR migrates the content to the current main schema so the site builds, then applies the visual refresh.

Build / template changes

  • Remove the pinned chobble-template git submodule and build against chobble-template main from GitHub (the build scripts already clone it; the submodule was only providing the @chobble/js-toolkit dev dependency).
  • Migrate page content to the current template schema: drop the renamed design-system-base.html layout so pages use main's default base.html, and convert the hero blocks from name/lead to the current content field (not-found.md, thank-you.md).
  • Exclude VOICE.md from the published site — main now applies a default layout to everything under src/, so the docs file was being rendered as a page.
  • Drop the @chobble/js-toolkit dependency (only sourced from the removed submodule) and reimplement scripts/precommit.js to orchestrate lint/cpd/build without it.

Design changes (css/theme.scss)

  • Compact vertical rhythm: pull --space-3xl in, which feeds every --section-padding-y-* variable — roughly 12% shorter homepage while staying readable.
  • Sharper corners (--border-radius 6px → 4px) for a more corporate feel.
  • Crisp white nav bar with a brand-red top accent and soft shadow; tighten the menu so all nine items hold a single line instead of wrapping onto an awkward second row.
  • Logo fills the bar: enlarge it and add a tightly-trimmed brand-mark.png (the source PNG had heavy baked-in whitespace, so it floated small in the nav).
  • Corporate polish: brand-red uppercase "eyebrow" labels above split headings (e.g. "BS EN 14960:2019") and a thin brand rule atop each feature card.

Verification

Built cleanly against chobble-template main and screenshotted at mobile/tablet/desktop. Nav now sits on one line with a filled logo; migrated hero pages (thank-you / 404) render correctly; content pages unaffected.

Note: bun run lint currently fails on a pre-existing Biome version mismatch (CLI 2.5.0 vs config schema 2.3.11 + a removed noUnnecessaryConditions rule), unrelated to these changes.

https://claude.ai/code/session_01SGhcb3D7nyGY8P55V7zJsb


Generated by Claude Code

claude added 2 commits June 14, 2026 17:15
Template / build:
- Remove the pinned chobble-template git submodule and build against
  chobble-template main from GitHub (the build scripts already clone it).
- Migrate page content to the current template schema: drop the renamed
  design-system-base.html layout so pages use the default base.html, and
  convert hero blocks from name/lead to the content field.
- Exclude VOICE.md from the published site (now that src has a default layout).
- Drop the @chobble/js-toolkit dependency (only sourced from the removed
  submodule) and reimplement precommit without it.

Design:
- Compact vertical rhythm by pulling --space-3xl in, which feeds every
  section-padding variable (~12% shorter homepage).
- Sharper corners and a crisp white nav bar with a brand-red top accent;
  tighten the menu so all items hold a single line instead of wrapping.
- Enlarge the nav logo and add a tightly-trimmed brand mark so it fills the
  bar instead of floating in whitespace.
- Add brand-red uppercase "eyebrow" labels above split headings and a thin
  brand rule atop feature cards for a more deliberate, corporate feel.

https://claude.ai/code/session_01SGhcb3D7nyGY8P55V7zJsb
The hover lift used a broad `.design-system article:hover`, which also
matched the <article class="stack"> wrapper around the prose on every
split block — so hovering body text lifted and shadowed the whole text
column. Scope the lift to .feature cards, where it was intended.

https://claude.ai/code/session_01SGhcb3D7nyGY8P55V7zJsb
@stefan-burke stefan-burke merged commit 98ed3fd into main Jun 14, 2026
3 checks passed
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.

2 participants