Skip to content

Redesign site as hub-and-spoke multi-page layout#266

Merged
withinfocus merged 1 commit into
developfrom
site-redesign
May 16, 2026
Merged

Redesign site as hub-and-spoke multi-page layout#266
withinfocus merged 1 commit into
developfrom
site-redesign

Conversation

@withinfocus
Copy link
Copy Markdown
Owner

Summary

  • Hub-and-spoke redesign: home, career, work, life pages with alternating split sections
  • Career page: chronological order (GT → iMobile3 → Olo → withinfocus), actual logos, removed resume sections
  • Work page: callout sidebar component for text-only split layouts, concise copy
  • Life page: real images (Jeep, BCM, Springfield, photography), Phoenix Power Yoga moved to top
  • Privacy hardening: removed spouse name, generalized neighborhood references, dropped Neptune Beach location
  • Hero inner width expanded to full container

Test plan

  • Verify all four pages render correctly at desktop and mobile widths
  • Confirm logo images display properly in split sections
  • Check alternating split/split--reverse pattern on each page
  • Verify callout sidebars render on Work page
  • Test all external links (LinkedIn, Olo, Georgia Tech, BCM, Phoenix Power Yoga, etc.)

@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 16, 2026

MegaLinter analysis: Error

Descriptor Linter Files Fixed Errors Warnings Elapsed time
✅ COPYPASTE jscpd yes no no 1.62s
✅ CSS stylelint 6 0 0 0.85s
✅ EDITORCONFIG editorconfig-checker 33 0 0 0.03s
✅ JSON jsonlint 2 0 0 0.1s
✅ JSON prettier 2 0 0 0.5s
✅ JSON v8r 2 0 0 4.08s
✅ MARKDOWN markdownlint 1 0 0 0.54s
✅ MARKDOWN markdown-table-formatter 1 0 0 0.24s
✅ REPOSITORY checkov yes no no 20.91s
✅ REPOSITORY gitleaks yes no no 1.65s
✅ REPOSITORY git_diff yes no no 0.04s
✅ REPOSITORY grype yes no no 44.78s
❌ REPOSITORY osv-scanner yes 1 no 0.23s
✅ REPOSITORY secretlint yes no no 1.32s
✅ REPOSITORY syft yes no no 1.72s
✅ REPOSITORY trivy yes no no 11.28s
✅ REPOSITORY trivy-sbom yes no no 0.21s
✅ REPOSITORY trufflehog yes no no 5.01s
✅ SPELL cspell 34 0 0 4.21s
✅ SPELL lychee 3 0 0 0.09s
✅ XML xmllint 1 0 0 0.01s

Detailed Issues

❌ REPOSITORY / osv-scanner - 1 error
Scanning dir .
Starting filesystem walk for root: /
End status: 26 dirs visited, 120 inodes visited, 0 Extract calls, 51.818358ms elapsed, 51.818558ms wall time
No package sources found, --help for usage information.

Notices

📣 MegaLinter 9.5.0 is out! Discover the new features and security recommendations in the release announcement. (Skip this info by defining SECURITY_SUGGESTIONS: false)

See detailed reports in MegaLinter artifacts
Set VALIDATE_ALL_CODEBASE: true in mega-linter.yml to validate all sources, not only the diff

MegaLinter is graciously provided by OX Security
Show us your support by starring ⭐ the repository

Expand from two Bootstrap-based pages to five editorial long-form pages
(/, /career, /work, /life, /404) with a new owned SCSS system.

Design system:
- Drop Bootstrap and Font Awesome CDNs; replace with owned SCSS modules
  (_tokens, _reset, _type, _layout, _components).
- Cool dark palette on ink surfaces; preserve yellow (#fdc000) as the
  only warm accent.
- Typography: Source Serif 4 for headlines, Source Sans 3 for body.
- New nav and footer partials with social SVG icons; sticky header with
  active-link highlighting via NavKey frontmatter.

Pages:
- Index: narrative hub with hero, throughline copy, topic cards to
  Career / Work / Life.
- Career (new): long-form arc through iMobile3, Olo, withinfocus; GT +
  Alumni BoT callout; alternating split sections with logo panels for
  Olo and Georgia Tech; pull-quotes on IPO and startups vs public co.
- Life (new): Project Yellow Jacket, Bishop Classic Motors, Team 86
  Resistance, Springfield, Phoenix Power Yoga, family, photography;
  alternating split sections with mixed logo panels and photos.
- Work: re-marked with new components; Cybersecurity and AI Adoption
  paired as one integrated practice; pull-quotes throughout.
- 404: redesigned to match.

Layout:
- New .split component with alternating left/right alignment and
  .split__media--logo variant for light-panel logo display versus
  4:3 object-fit cover for photos.
- Tightened vertical rhythm between header, body, and footer.

Assets:
- Replace me.webp with me.jpg portrait; delete unused pcb.webp.
- Real images: Olo logo, Georgia Tech wordmark, Bishop Classic Motors
  logo, Phoenix Power Yoga logo, Klutho House photo for Springfield,
  OHMER26 robot reveal for Team 86.
- SVG placeholders at 1200x900 for remaining personal imagery
  (withinfocus, iMobile3, Jeep, family, photography).
- Favicons corrected (site.webmanifest and browserconfig.xml paths
  and theme colors).

Writing convention: no em dashes -- double hyphen throughout.
@withinfocus withinfocus marked this pull request as ready for review May 16, 2026 18:28
@withinfocus withinfocus merged commit fd8f794 into develop May 16, 2026
1 of 2 checks passed
@withinfocus withinfocus deleted the site-redesign branch May 16, 2026 18:29
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