A clean, 3D-minimalist portfolio site in nude tones, built for the Full Stack Web Development internship's portfolio task. Static HTML/CSS/JS with a Three.js-rendered orb as the signature visual.
Live site: https://stencilitis.github.io/FUTURE_FS_01/ (live once GitHub Pages finishes deploying — see below)
index.html— page structure and content (hero, about, skills, projects, Future Interns work, contact)style.css— nude-toned design system (colors, type, layout, card tilt)script.js— the Three.js hero orb, card tilt-on-hover, scroll reveals, nav state
- Palette: warm nude linen background, deep espresso text, dusty mauve + muted gold accents
- Type: Fraunces (display/serif) for personality, Inter (body) for readability, JetBrains Mono for labels and tags — a nod to writing code
- Signature element: a soft, rotating 3D orb built with Three.js (an icosphere with a hand-tuned nude gradient and warm/cool lighting), plus subtle 3D tilt on project cards on hover
No build step — it's plain HTML/CSS/JS. From the project folder:
python3 -m http.server 8000Then open http://localhost:8000 in your browser.
(Opening index.html directly also works, but a local server avoids any browser CORS quirks with the Google Fonts / Three.js CDN requests.)
All resume content (education, projects, skills, leadership) is pulled directly my personal CV. The Future Interns section highlights the Client Lead Management System (MERN stack) and this portfolio itself.
Here are some improvements I may do in the future
- Wire the contact section to a real form (e.g. via a Formspree endpoint or a small Node/Express backend) instead of
mailto: - Add a blog section for write-ups on each project
- Add a dark/light mode toggle