The About page is where the portfolio owner introduces themselves as a person, not just a list of projects. Labeled “Who Dyed This?” in the navigation bar (Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/color-melt/llms.txt
Use this file to discover all available pages before exploring further.
bg-dye-orange), it gives visitors — whether a recruiter, collaborator, or curious reader — the context they need to understand who made the work and what drives the creator behind it.
Purpose
The About page answers the question every portfolio visitor eventually asks: who is this, really? Project pages show what someone built; the About page explains where they came from, what they care about, and how they think about their work. This is the right place for biographical writing, educational background, career history in narrative form, personal creative influences, and anything else that makes the portfolio owner a distinct individual rather than a generic developer or designer. Visitors who reach this page are already interested — give them real information. The About page is also important for establishing trust. A portfolio that includes a clear, honest biography signals professionalism and makes it easier for someone to reach out.Components Used
| Component | Role on This Page |
|---|---|
TieDyeSpiral | Preloaded theme component available to the page’s React app bundle |
LavaBlob | Preloaded theme component available to the page’s React app bundle |
StickerSheet | Preloaded theme component available to the page’s React app bundle |
ShirtRack | Preloaded theme component available to the page’s React app bundle |
RainbowArch | Preloaded theme component available to the page’s React app bundle |
SpiralTimeline | Preloaded theme component available to the page’s React app bundle |
MagazineSpread | Preloaded theme component available to the page’s React app bundle |
PatchworkQuilt | Preloaded theme component available to the page’s React app bundle |
SmileyFlower | Preloaded theme component available to the page’s React app bundle |
LiquidForm | Preloaded theme component available to the page’s React app bundle |
Navigation | Renders the shared top navigation bar; the “Who Dyed This?” pill is highlighted as the active route |
CursorDrops | Maintains the theme-specific cursor trail effect, consistent with all other pages |
PageTransition | Wraps the page content in the animated entrance transition triggered when navigating to /about |
The About page uses a focused component set so the biographical writing stays at the center of attention. The decorative components present on the Home page are intentionally absent here — the layout gives the text room to breathe.
Content to Customize
Replace the name and headline
Update the name displayed at the top of the page and any role or title label beneath it. This should match the identity established on the Home page.
Write a genuine biography
Replace the starter bio text with an honest, specific account of the creator’s background. Describe how they got into their field, what kinds of problems they enjoy solving, and what kind of work they are looking to do. Aim for two to four paragraphs that sound human, not like a LinkedIn summary.
Add educational background
Include degree programs, bootcamps, certifications, self-taught paths, or relevant coursework. Be specific about what was studied and what skills came from it. Visitors appreciate knowing the foundation behind the work.
Describe the career path
Outline how the creator moved from where they started to where they are now. This can include career changes, formative jobs, freelance work, personal projects that shaped their direction, or skills gained outside of formal employment.
Include creative influences
Share the tools, designers, developers, authors, or ideas that shaped the creator’s aesthetic and professional values. This helps visitors understand why the work looks and feels the way it does.
Add a profile image (optional)
Replace any placeholder image with a real photo or illustrated avatar. Store the image in
images/ and update the src path accordingly. Include meaningful alt text.File Location
The About page template ispages/About.html inside the pages/ folder.
window.__STATIC_PAGE_ROUTE__ script tag that tells the static React app which route to render when this HTML file is opened directly:
pages/About.html directly (for example, via a navigation link or a shared URL) renders the About view instead of falling back to the Home route. Do not remove or modify this script tag.
GitHub Pages paths are case-sensitive. The file is named
About.html with a capital A. Any navigation link pointing to this page must use the exact same capitalization, or the link will produce a 404 error on the live site.