Nanda Pranesh S — Personal Portfolio

Personal portfolio site. Static HTML, CSS, and JavaScript — no build step, no dependencies.

Live: https://anonpran.github.io/nandapranesh.github.io/

Structure

index.html            single page — all content lives here
favicon.svg
assets/css/style.css  all styling, including the light/dark theme variables
assets/js/script.js   nav toggle, sticky header, skills/tools toggle, theme switch
assets/images/        hero + about photos, project banners, tool logos
style-guide.md        colour, type, and spacing tokens

Running locally

No tooling required — open index.html in a browser, or serve the directory:

python3 -m http.server 8000

Then visit http://localhost:8000.

Editing content

Everything is in index.html, marked with section comments (#HERO, #ABOUT, #SKILLS, #PROJECTS, #CONTACT).

• Projects — the cards under #PROJECTS link to GitHub repos. To add one, copy a <li> and set the card-title, the <time> element's datetime and text, the <a href>, and the banner image. The banners are still generic stock art — swap in real screenshots when you have them.
• Portrait — the hero shows a circular avatar (200px on mobile, 260px from 768px up), currently avatar-placeholder.svg. Save your photo as assets/images/avatar.png and point the <img> in #HERO at it; a square-ish crop works best, since it's masked to a circle. The about section is text-only by design.
• Skills — brand icons are inlined SVGs from Simple Icons. Tools use 48×48 PNGs from assets/images/. Both are normalised to 48×48 by .skill-card .card-icon.

Credits

Brand icons from Simple Icons (CC0).