lemmylin.github.io

Personal site for Lemmy Lin. Live at https://lemmylin.github.io/.

React 18 + Vite 5 + Tailwind CSS v4, with Framer Motion for the scroll fades. Deployed to GitHub Pages by .github/workflows/deploy.yml on every push to main.

Run it

npm install
npm run dev       # http://localhost:5173
npm run build     # outputs to dist/ (not committed)

Where things live

All the content is in src/data/. Components in src/components/ just render it.

File	What it holds
profile.js	Name, title, hero blurb, status line, "now" card, social links
about.js	About section paragraphs and interests
education.js	School and degrees
experience.js	Jobs, newest first
projects.js	work and personal project lists (rendered as separate groups)
skills.js	Skill rows, in display order

public/Resume.pdf is the résumé linked from the header and contact section. Replace the file to update it.

Style

Swiss / International style: white, black, and #ff3000 red, Inter, square corners, heavy rules. Shared helpers:

• src/components/Section.jsx: Section wrapper with the numbered gray header bar, plus useFadeIn() and the shared ease curve
• src/index.css: texture patterns (.swiss-grid, .swiss-dots, .swiss-diagonal, .swiss-noise), .swiss-label, .swiss-wrap, and the .tag / .btn component classes