Personal portfolio site — a space-themed, animated showcase of my GitHub
projects. Pure static HTML/CSS/JS, no build step, deployed straight from the
main branch via GitHub Pages.
Live site: https://maxcorti.github.io
| Path | Purpose |
|---|---|
index.html |
Home page — floating orb (profile photo + name), click to enter |
projects.html |
Scroll-driven project gallery (3D semicircle arc effect) |
project.html |
Project detail template, rendered from ?slug= |
js/projects-data.js |
The file you edit to add/update projects |
assets/ |
Drop profile.jpg here (see assets/README.md) |
css/, js/ |
Styles and behavior, split per page |
- Projects: edit
js/projects-data.js. Each object in thePROJECTSarray becomes one entry in the scroll gallery and one detail page — no other file needs to change. - Attaching a PDF report: drop the file in
assets/(no spaces in the filename) and add an optionalreport: { file, label, note }key to that project. It renders as a collapsible viewer at the bottom of the detail page; the PDF is only fetched once a reader opens the panel, so it costs nothing on page load. Projects without the key render nothing extra. - Profile photo: add
assets/profile.jpg. Falls back to an "MC" initials badge automatically if missing. - Name / title / bio: edit the text directly in
index.html(.orb__name,.orb__title,.orb__hint). - Colors / fonts: CSS custom properties at the top of
css/base.css.
No build step — just serve the folder statically, e.g.:
python3 -m http.server 8000
# then open http://localhost:8000(Opening index.html directly via file:// also mostly works, but a local
server avoids any browser quirks with fetch/module loading.)
This repo follows the standard GitHub Pages setup for a user site:
- Push to the
mainbranch ofmaxcorti.github.io. - In the repo's Settings → Pages, set Source to
Deploy from a branch, branchmain, folder/ (root). - The site publishes at
https://maxcorti.github.io— no Actions workflow needed for this plain HTML/CSS/JS setup.
If a build step (Astro, Vite, etc.) is introduced later, switch Source
to GitHub Actions and add a Pages workflow — the URL stays the same.
- This repository is public. Never commit API keys, tokens, resumes/CVs with personal data, or any customer/private information here.
- The project gallery reads only from
js/projects-data.js, which you control — there are no secrets or credentials anywhere in this codebase.