Skip to content

Migrate Jekyll → Bridgetown 2 + Notion-warmth visual refresh#9

Merged
rickychilcott merged 4 commits intomainfrom
bridgetown-migration
Apr 27, 2026
Merged

Migrate Jekyll → Bridgetown 2 + Notion-warmth visual refresh#9
rickychilcott merged 4 commits intomainfrom
bridgetown-migration

Conversation

@rickychilcott
Copy link
Copy Markdown
Member

Summary

  • Replace Jekyll with Bridgetown 2 (pixel-perfect parity migration; legacy files removed)
  • Notion-warmth visual refresh: cream surface, accent orange, Fraunces + Plus Jakarta Sans pairing
  • Fluid clamp() type scale across all breakpoints — no per-breakpoint typography overrides
  • Fix tablet grid bug where Bootstrap's .visible-sm-block !important turned hidden clearfix divs into empty grid cells
  • Brand-orange icon hover on Plan/Develop/Launch cards
  • Restore section heading bottom margin (was being zeroed by an over-broad [class*="col-"] reset)

Test plan

  • Local build under Bridgetown 2 succeeds
  • Pixel-perfect parity verified against legacy Jekyll output before removal
  • Mobile (390px), tablet (900px), desktop (1440px) verified for typography + grid behavior
  • GHA Pages build succeeds on merge

🤖 Generated with Claude Code

rickychilcott and others added 4 commits April 26, 2026 09:29
Sets up the Bridgetown 2 source tree under src/, a custom redirects
builder under plugins/, a Rakefile that compiles SCSS via sass-embedded,
and a GitHub Pages workflow that builds with bundle exec bridgetown.

Output is byte-identical to the prior Jekyll build for index.html,
presentations/ilead-2017/index.html, all CSS, and all JS — full-page
screenshots at desktop (1280x800) and mobile (390x844) cmp byte-equal.

This commit only adds the Bridgetown side. Old Jekyll roots (_config.yml,
_includes/, _layouts/, _data/, _plugins/, root assets) still exist; they
are removed in the next commit.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Drops the duplicated Jekyll roots (_config.yml, _includes/, _layouts/,
_data/, _plugins/redirects.rb, root assets, index.html, css/, js/,
images/, fonts/, work/, presentations/, bin/, Procfile{,dev}). All of
these now live under src/ (or are replaced by Bridgetown equivalents
under config/, plugins/, bridgetown.config.yml).

Also documents Rakefile css:build behaviour: the committed
src/css/style.css is the byte-exact libsass output and Dart Sass emits a
different stylesheet, so re-running the task is opt-in.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Content
- Add Products section (Causey, Stoked) above Work; thumbnails 800x561
  in src/products/{causey,stoked}/
- Remove Strategic Planning Tool from Work (now Causey under Products)
- Reposition Rakefire as a Rails agency AND product studio: hero,
  about subhead, site description meta, feed metadata
- Update hero subhead copy
- Title-case service headings; tighten contact + footer copy
- Trim testimonials to a single centered quote

Mobile + nav
- Fix hamburger breakpoint (compiled CSS had max-width: 480px;
  expanded to standard Bootstrap 3 max-width: 767px)
- Restyle open mobile menu: white panel, dark text, constrained
  brand image, nav-toggle vertically centered with logo
- Add tmp/ to .gitignore (Bridgetown server pid)

Visual refresh (src/css/refresh.css, layered on style.css)
- Notion-warmth direction: warm-neutral palette (#faf7f2 / #1c1a17)
  with single warm accent (#ff5f3b from logo flame)
- Type: Fraunces (display, variable wedge serif) + Plus Jakarta Sans
  (body), via Google Fonts with preconnect
- Hero: dropped stock photo, dark warm bg + radial-glow + grain;
  Fraunces h1 with italic accent on "agency" / "product studio"
- Plan / Develop / Launch trio: tinted cards (peach / cream / sage)
  with icon chips, no more image-bg blocks
- Products + Work: white cards w/ hairline border, soft shadow on
  hover, equal-height thumbnails (aspect-ratio 16/10), pill
  "Visit →" affordance on Products
- Services: cream section, 2-up grid, icon chips, title-case heads
- About: cream cards w/ centered avatars in peach rings (overrides
  the old absolutely-positioned figure)
- Contact: dark warm bg with radial glows, accent CTA, dark form
  styling
- Footer: dark, minimal social row, accent gotop button
- Removed counters include from index.html
- Mobile + 1440 + 1800 media queries for type rhythm at every width

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Fluid clamp() type scale across all breakpoints (no more mobile media query overrides for typography)
- Brand-orange icon hover on Plan/Develop/Launch cards
- Match style.css specificity to override legacy intro-icon color
- About cards grid uses :has() to avoid affecting subtext row
- Section heading bottom margin restored via #products/#work .section-heading override (previous [class*="col-"] reset was zeroing it)
- Suppress Bootstrap .visible-sm-block !important on clearfix divs that were eating tablet grid cells

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@rickychilcott rickychilcott merged commit 68f7e1e into main Apr 27, 2026
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