Skip to main content

Documentation 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.

The home page is the first thing visitors see when they arrive at your portfolio. It renders a full-screen hero section layered over the animated FluidBackground component, with the floating Navigation menu docked in the lower-right corner. A cursor trail effect follows the pointer across the page, adding an extra touch of personality. The route path for the homepage is / and its nav label in the Navigation component is Hello, World, highlighted with accent color #2dd4bf.

​
Entry Files

The theme ships two HTML files that both serve the homepage route:
FileRole
index.htmlPrimary entry — the GitHub Pages entry file that must stay at the repository root
home.htmlAlternate entry retained by the theme for direct linking and local development
Both files load the same assets/main.js bundle and render the same React component tree. The distinction is purely deployment-level: GitHub Pages always looks for index.html first.
Do not rename or delete index.html. GitHub Pages requires a file named index.html at the repository root to serve your site at https://yourusername.github.io/your-repo/. Renaming it to anything else — including home.html — will result in a 404 for all visitors.
The .nojekyll file must remain beside index.html at the repository root. Without it, GitHub Pages runs Jekyll processing on the site and may strip files or directories whose names start with an underscore, which can break asset paths inside the assets/ folder.

​
What the Home Page Displays

The homepage hero section is where you make your first impression. It typically contains:
  • A headline — your name or a short personal tagline
  • A subheading — your role, discipline, or a brief description of what you do
  • A call-to-action — a prompt to explore your work or get in touch
Behind the text, FluidBackground renders a dynamic animated gradient that shifts slowly across the viewport. The CursorTrail component adds a subtle glowing trail that follows the mouse cursor.

​
Customizing the Hero Content

Open index.html (or home.html) and replace the placeholder headline, subheading, and call-to-action text directly inside the HTML file. Colorful is a static theme — all content is written directly in the HTML files, so no build step or development toolchain is required. Save the file and redeploy to GitHub Pages to see your changes live.

​
Related Docs

Pages Overview

See all ten pages, their routes, nav labels, and purposes in one place.

GitHub Pages Deployment

Step-by-step instructions for deploying Colorful to GitHub Pages.

Build docs developers (and LLMs) love

Get started for freeTalk to us