Clean academic one-page homepage inspired by Jekyll Now-style layouts (header + sections + footer), implemented as plain HTML/CSS/JS.
index.html: Content and structure (edit this to customize).style.css: Styling (CSS variables, responsive layout, subtle background pattern).script.js: Small enhancements (year + staggered reveal on scroll).assets/avatar.svg: Placeholder avatar (replace with your own)..github/workflows/pages.yml: Optional GitHub Pages deploy workflow (works for static sites).
- Update identity and links in
index.html:- Name + subtitle (top header)
- Social links (email, GitHub, Scholar, LinkedIn)
- About text, interests, and buttons (CV/Scholar)
- Replace the avatar:
- Swap
assets/avatar.svgfor your photo (keep the filename), or update the<img>src.
- Swap
- Adjust styling in
style.css:- Colors and spacing:
:root { ... } - Fonts are loaded from Google Fonts in
index.html
- Colors and spacing:
From this directory:
python3 -m http.server 8000Then open http://localhost:8000.
Recommended if you publish from a dedicated repository with these files in the repo root.
- Create a GitHub repo (or use
username.github.iofor a user/org site). - Put
index.html,style.css,script.js,assets/, and.nojekyllat the repo root. - GitHub repo Settings -> Pages:
- Build and deployment: "Deploy from a branch"
- Branch:
main(ormaster) - Folder:
/ (root)
- Your site will appear at:
- Project site:
https://<user>.github.io/<repo>/ - User/Org site:
https://<user>.github.io/
- Project site:
This repo includes .github/workflows/pages.yml to deploy a static artifact. It also supports a monorepo layout by auto-detecting whether the site lives at repo root or in personal-homepage/.
- In GitHub repo Settings -> Pages:
- Build and deployment: Source = "GitHub Actions"
- Push to
main. - Check the Actions tab for the "Deploy static site to GitHub Pages" workflow run.
- The site is "zero-build": no bundlers, no framework, just static files.
- Animations respect
prefers-reduced-motion.