Skip to content

Parallax redesign: Tailwind removed, plain SCSS, resume content updated - #2

Merged
nickmblain merged 6 commits into
mainfrom
redesign/parallax-scss
Aug 21, 2026
Merged

Parallax redesign: Tailwind removed, plain SCSS, resume content updated#2
nickmblain merged 6 commits into
mainfrom
redesign/parallax-scss

Conversation

@nickmblain

@nickmblain nickmblain commented Aug 21, 2026

Copy link
Copy Markdown
Owner

Summary

  • Fresh parallax redesign built on the existing design-token system (amber accent, Poppins, light-dark() theming)
  • Removes Tailwind entirely in favor of a plain SCSS architecture with breakpoint/utility mixins
  • New prominent Blog Spotlight section right after the hero promoting the latest post from The Commit
  • All content now driven by src/data/resume.js, matching the latest resume PDF (SageReport entry removed, CMN Level 3 current, refreshed bullets and skills)
  • Deletes 18MB of vendored icon fonts (replaced with inline SVG AppIcon), tiny-slider (replaced with CSS scroll-snap), and all dead animation deps
  • Dependency-free scroll animation: IntersectionObserver reveals, rAF hero parallax, CSS scroll-driven timelines behind @supports, all honoring prefers-reduced-motion

Verification

  • CI runs lint + build on this PR (local vite is pending ThreatLocker approval)
  • Visual QA on the deployed site after merge: both themes, reduced motion, mobile menu, keyboard nav

Extracts all site content into src/data/resume.js: profile, jobs
matching the current resume PDF (SageReport removed, CMN Level 3 is
the current role), grouped skills, projects, recommendations, and the
latest blog post for the upcoming blog spotlight section. Serves the
resume PDF from public/ instead of Dropbox and commits local copies
of the CMN and Grow America logos.
Full visual rebuild on the existing design-token system:

- Three-tier dependency-free animation system: v-reveal directive
  (IntersectionObserver, one-shot, staggered), rAF transform parallax
  for the layered hero, and CSS scroll-driven view() timelines behind
  @supports for orb drift and the experience timeline progress line.
  All motion honors prefers-reduced-motion.
- New component tree (layout/sections/ui) driven by src/data/resume.js,
  including the new BlogSpotlight section promoting the latest post
  from The Commit, placed right after the hero with its own nav item.
- Plain SCSS architecture (abstracts/base/layout/components) with
  breakpoint and utility mixins injected into SFC styles via Vite.
  The .dark selector now exists in exactly one place.
- Inline SVG AppIcon registry replaces 18MB of vendored icon fonts;
  CSS scroll-snap row replaces tiny-slider; glass navbar with
  IntersectionObserver scroll-spy replaces manual scroll listeners.
- Drops tailwindcss, postcss, autoprefixer, tiny-slider, feather-icons
  and the Tailwind/PostCSS configs. Section ids renamed (recommendations
  fixes the old #project/#projects collision). Lint step added to CI.
eslint-plugin-vue 10 makes vue-eslint-parser a peer dependency and the
imported lockfile pinned a stale v8, so .vue files fell back to espree
and failed to parse. Adds vue-eslint-parser 10, includes the flat/base
config, and moves to ESLint 10. Also documents the new architecture in
the README and bumps the version to 2.0.0.
@nickmblain
nickmblain merged commit ff0d114 into main Aug 21, 2026
4 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.

1 participant