The Home page is the entry point of Developer Dossier. It establishes the classified intelligence dossier aesthetic immediately: a fixed radial-gradient ambient glow sits behind aDocumentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/developer-dossier/llms.txt
Use this file to discover all available pages before exploring further.
bg-classified-pattern dot-grid canvas, and the foreground renders a large display heading with the portfolio owner’s codename/designation, a short operational tagline, and call-to-action links that route visitors into the rest of the portfolio. Every element is framed by classification stamps and redaction-style typography to signal the theme before a single piece of real content is read.
Route
The Home page is served at the hash route/#/. The static HTML shell is index.html at the project root; it contains only a <div id="root"> mount point — all content is client-rendered by React after the Vite bundle loads.
Layout
The hero area is structured in three visual layers:- Classification stamp — a
ClassificationStampbadge anchored to the top of the viewport, labeling the entire page with its clearance tier. - Display heading block — the subject’s codename/designation rendered in a large, tracked-out monospace font, followed by a one-line operational tagline.
- CTA links — two primary navigation anchors directing visitors to
/about(subject file) and/projects(operations archive), styled as terminal command buttons.
bg-classified-pattern dot-grid overlay (CSS background-image) with a viewport-fixed radial gradient that produces the signature green-on-dark ambient glow throughout the page.
Data Dependencies
The Home page pulls from three data modules to populate its preview sections:about.js
Provides the subject designation string and a sampled subset of
behaviorFlags for the hero tagline and a brief personality summary block.projects.js
Supplies a featured projects preview — typically the two most recently updated entries — rendered as compact case-file cards below the hero.
skills.js
Used to derive a total skill count displayed in the hero as a quick-glance stat (e.g. “23 capabilities on record”).
Rendering Notes
The page is entirely client-rendered. The
index.html shell contains no meaningful markup beyond the <div id="root"> mount point and the Vite script tag. Disabling JavaScript will produce a blank page.bg-classified-pattern dot grid is applied as a CSS background-image on the root layout wrapper and bleeds edge-to-edge. The radial gradient glow is set to background-attachment: fixed so it remains stationary as the user scrolls, giving the impression of a persistent light source behind the content.