hollowprojects.github.io

Personal site for GitHub Pages. Static HTML + CSS + minimal JS, no build step.

Pages

• Home (index.html) — Welcome; nav bar links to About and Projects.
• About Me (about.html) — Bio and background (edit the placeholder sections).
• Projects (projects.html) — Grid of project cards (status, description, image, link). Duplicate a card block to add more projects.

Footer on every page: social links (LinkedIn, GitHub, YouTube, RedBubble). Light/dark theme toggle in the header; preference is saved and used on all pages. Meta description and canonical URLs for search/social; favicon in images/favicon.svg.

CSS

Styles are split by concern so each page only loads what it needs:

• css/shared.css — Variables, reset, header, nav, theme toggle, skip link, main layout, footer, responsive (header/footer/main). Loaded on every page.
• css/about.css — About-section layout and typography. Loaded only on about.html.
• css/projects.css — Projects grid and project cards. Loaded only on projects.html.

Home uses only shared.css; About uses shared.css + about.css; Projects uses shared.css + projects.css.

Local preview

Open index.html in a browser, or run a simple server:

npx serve .

Customize

1. Update About Me content in about.html.
2. Edit project cards in projects.html; add images under images/ and link as needed.
3. Optional: add a .nojekyll file in the repo root if you want GitHub Pages to serve the site without Jekyll.