Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/artisan-developer/llms.txt

Use this file to discover all available pages before exploring further.

The homepage (index.html) is both the portfolio entry point and the GitHub Pages entry file. It must stay at the repository root so GitHub Pages serves it when someone visits the site URL. The page renders a full-screen hero with the KineticHeadline animated name display, the TieDyeSwirl background canvas, and navigating calls to action that point visitors toward the rest of the portfolio.

​
File location

index.html
index.html sits directly at the repository root alongside .nojekyll, assets/, components/, and pages/. This is the file GitHub Pages serves first when someone visits the base URL of the site.

​
Components used

The homepage uses the following components from the components/ directory:
ComponentRole on the homepage
KineticHeadlineAnimated name and professional headline displayed in the hero area
TieDyeSwirlFull-screen decorative background canvas with swirling color gradients
SwirlNavFixed top navigation bar shared across all pages
DyeCursorDecorative cursor trail effect active across the full page
SoapBubbleLightweight decorative element for visual depth in the hero
PageTransitionShort entry animation that plays when the page first loads

​
What to customize

The three most important things to update on the homepage are:
  1. Your name and professional headline — passed as the text prop to KineticHeadline. This is the first thing every visitor reads.
  2. Your introductory paragraph — the short paragraph beneath the headline that explains who you are and what kind of work you do.
  3. Call-to-action links — the buttons or links in the hero that direct visitors to the Projects page, Contact page, or any other destination you want to feature.

​
Navigation label

The homepage appears as “The Swirl” in the navigation bar. This label is set in the routes array inside components/SwirlNav.js: 
const Mo = [
  { path: "/", label: "The Swirl" },
  // ...other routes
];
To change the label, edit the label value for the first entry in that array. The change will apply everywhere the navigation renders because SwirlNav is shared across all pages.
Do not move index.html into a subfolder. GitHub Pages requires it at the repository root to serve the site at the base URL. If index.html is nested inside a folder, visitors will see a 404 page instead of your homepage.

Build docs developers (and LLMs) love

Get started for freeTalk to us