Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/choose-your-destiny/llms.txt

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

The About section reframes a developer biography as a role-playing game character-select screen. Visitors arrive at the CHARACTER_SELECT heading — styled in neon magenta — and are presented with a scrollable list of origin-story cards, each representing a career milestone labeled as a level-up event. A companion panel on the right displays SPECIAL_TRAITS: a short, tongue-in-cheek list of personal superpowers. The overall layout treats professional history as a character sheet, making what would otherwise be a wall of résumé text into something interactive and readable. Route: /about (hash: #/about)
Color theme: Neon magenta (#EC4899 / --neon-magenta)

​
Origin Story: Level Progression

The character’s backstory is encoded in the gs array in the project source. Each entry maps to one career phase, displayed as a selectable card with a level number, icon, color accent, and a one-line flavor description. Clicking a card highlights it and could be extended to show a detail panel.
1

Lv 1: Nursing School

Learned to debug human bodies under extreme pressure. High stress tolerance acquired.
2

Lv 2: Healthcare

Mastered the art of translating complex medical jargon to frantic end-users (patients).
3

Lv 3: Retail

Developed an eagle eye for visual merchandising. Discovered a deep hatred for misaligned shelves.
4

Lv 4: The Glitch

Started wondering how the point-of-sale software actually worked. Opened inspect element. Never looked back.
5

Lv 5: Software Dev

Grinded tutorials, defeated the Imposter Syndrome mini-boss, and learned to speak to machines.
6

Lv ?: The Future

Currently exploring the outer rims of frontend architecture and complaining about 1px misalignments.

​
SPECIAL_TRAITS Panel

The SPECIAL_TRAITS card is a lime-accented NeonCard rendered in the right column of the layout. It lists four passive abilities sourced from the dm array:
  • Sees off-center buttons from 50ft away
  • Can read documentation without falling asleep
  • Translates “it doesn’t work” into actual bug reports
  • Drinks coffee like it’s a health potion

​
Layout Structure

The page uses a CSS grid with the origin-story card list on the left (wider column) and the SPECIAL_TRAITS panel on the right. On smaller viewports the columns stack vertically. The CHARACTER_SELECT heading and terminal prompt (Loading backstory modules...) sit above the grid.

​
Data Structure

// Origin story entries — gs array (source)
const gs = [
  {
    id: 1,
    title: "Lv 1: Nursing School",
    icon: NursingIcon,
    color: "magenta",
    desc: "Learned to debug human bodies under extreme pressure. High stress tolerance acquired."
  },
  {
    id: 2,
    title: "Lv 2: Healthcare",
    icon: HealthIcon,
    color: "cyan",
    desc: "Mastered the art of translating complex medical jargon to frantic end-users (patients)."
  },
  // ...four more entries
];

// Special traits list — dm array (source)
const dm = [
  "Sees off-center buttons from 50ft away",
  "Can read documentation without falling asleep",
  "Translates 'it doesn't work' into actual bug reports",
  "Drinks coffee like it's a health potion",
];

​
Customizing the About Section

This is a pre-built static site — assets/main.js is a minified bundle and is not meant to be hand-edited. To customize the About section, fork or clone the original source repository, make changes to the source files, then run vite build to regenerate the bundle and redeploy.
Fork the original source repository. In the source, append a new object to the gs array. Choose a color from the available neon palette (cyan, magenta, purple, lime, orange) and supply a matching Lucide icon component reference. The card list renders in array order, so insert at the correct index for chronological display. Rebuild with vite build after editing.
Fork the original source repository. The dm array is a plain string array. Add, remove, or reword entries in the source. Each entry renders as a <li> with a neon-lime bullet prefix. Rebuild with vite build after editing.
The healthcare-to-developer narrative arc is central to the portfolio’s personal brand. The REFLECTION log entry in the Writing section (“From Healthcare to Hex Codes”) expands on this same story — consider keeping both in sync when updating your biography.

Build docs developers (and LLMs) love

Get started for freeTalk to us