Skip to main content

Documentation Index

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

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

The Home page is the portfolio’s opening screen — styled after the attract-mode display of a classic arcade cabinet. Visitors land on a simulated high-score leaderboard where every entry is a clickable navigation link to a different section of the site. The design communicates the portfolio’s retro aesthetic immediately, rewarding curious users who naturally try to “insert a coin” and start exploring.

​
Layout Overview

The screen is divided into three layers stacked vertically:
  1. Title block — The animated DEV_MODE logotype at the top
  2. High-score leaderboard — Five ranked entries linking to site sections
  3. Marquee ticker — A fixed-position news banner scrolling across the bottom

​
Title Animation

The DEV_MODE heading cycles continuously through three colors — cyan, magenta, and lime — using a CSS keyframe animation. Beneath it, a static subtitle reads: 
CURRENTLY DEBUGGING REALITY
Below the subtitle, a blinking call-to-action prompts the user to navigate to the About page: 
> INSERT COIN TO START <
The CTA blinks on and off via a CSS blink animation and links to /#/about.

​
High-Score Leaderboard

The leaderboard lists five entries in descending point order. Each row displays a rank, a section name, a point value, and navigates to the corresponding route on click.
RankNamePointsRoute
1STPROJECTS9999/#/projects
2NDWRITING8420/#/writing
3RDSKILLS7777/#/skills
4THCASES6500/#/cases
5THABOUT4040/#/about
Point values are purely decorative — they do not reflect any ranking of importance. The ordering is a design choice to surface the most visual sections first.
Each row is a navigation link styled as a leaderboard entry. Clicking any row routes the user to the corresponding section of the portfolio.

​
Marquee News Ticker

A fixed banner runs along the bottom of the viewport and scrolls continuously from right to left. The full ticker message is: 
*** LATEST COMMIT: FIXED TYPO IN README *** NEW HIGH SCORE IN COFFEE CONSUMPTION *** DEPLOYED V2.0 TO PRODUCTION *** 404: BORING PORTFOLIO NOT FOUND ***
The marquee is fixed to the bottom of the viewport — it remains visible as users scroll, reinforcing the arcade cabinet aesthetic on all screen sizes.

​
Route

PropertyValue
Hash route/#/
Entry pointYes — default landing page
CTA link/#/about

Build docs developers (and LLMs) love

Get started for freeTalk to us