Colorful is a React single-page application built with Vite. All ten HTML files in the theme are entry points that load the same compiledDocumentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/colorful/llms.txt
Use this file to discover all available pages before exploring further.
assets/main.js bundle. Once JavaScript is running in the browser, React Router takes over and renders the correct page component based on the current URL path — no full page reloads occur when navigating between sections. Every route shares the same FluidBackground, CursorTrail, and Navigation components, so the visual experience is consistent across the entire portfolio.
Pages at a Glance
| HTML file | React Router path | Nav label | Purpose |
|---|---|---|---|
index.html | / | Hello, World | Main homepage and GitHub Pages entry file |
home.html | / | Hello, World | Alternate homepage entry retained by the theme |
about.html | /about | The Vibe | Biography and background page |
projects.html | /projects | Made With Love | Featured project portfolio |
skills.html | /skills | The Toolbox | Skills, technologies, and capabilities |
work.html | /work | The Journey | Professional experience and work history |
casestudies.html | /case-studies | Long Story Short | Detailed project and technical breakdowns |
blog.html | /blog | Thoughts & Things | Writing archive or blog page |
testimonials.html | /testimonials | Nice Words | Testimonials and feedback |
contact.html | /contact | Say Hi | Contact details and communication links |
index.html is the GitHub Pages entry point and must remain at the repository root. When GitHub Pages serves your site, it looks for index.html first. Renaming or removing it will break your deployment. The .nojekyll file must also stay beside index.html at the root so GitHub Pages does not try to process the site through Jekyll.How Routes Map to HTML Files
The Vite build produces a separate HTML entry point for each page. Every HTML file contains an identical shell — a<div id="root"> element and a <script> tag that loads assets/main.js. The compiled bundle contains React Router’s route definitions, and the browser’s current URL determines which route component React renders inside that root element.
This means you can deploy any HTML file directly (for example, opening about.html locally or linking to about.html from an external site) and React Router will match the /about route automatically. The navigation menu rendered by Navigation.js is present on every page, so visitors can move freely between sections regardless of which entry point they landed on.
Individual Page Docs
Home
The main homepage and GitHub Pages entry point with animated hero and fluid background.
About
Biography and personal background — introduce yourself to visitors.
Projects
Featured portfolio work with titles, descriptions, links, and images.
Skills
Technical skills, languages, frameworks, and tools you use every day.
Work
Professional experience, roles, companies, and career timeline.
Case Studies
In-depth narrative breakdowns of your best projects.
Blog
Writing archive for articles, tutorials, and thought leadership.
Testimonials
Kind words from collaborators, clients, and colleagues.
Contact
Contact details and links so visitors can reach you easily.