Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/observatory/llms.txt

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

​
About Page

The About page (/about) is reached via the navigation label “The Observer”. It introduces the person behind the portfolio through a two-column grid: a styled identity card on the left and biographical text with engineering philosophy on the right.

​
Layout

The page uses a CSS grid that switches from a single column on mobile to a grid-cols-2 layout on lg breakpoints and above.
ColumnContent
LeftObserver ID card (classification badge, status, avatar placeholder)
RightRole title, bio paragraphs, Core Directives list

​
Observer ID Card

The left panel renders as a dark bordered card resembling a system identification badge. It displays three fixed metadata fields: 
ID:     OBS-7742
CLASS:  SYS_ENG
STATUS: NOMINAL
A circular avatar placeholder sits above the fields, rendered as a gradient disc in the site’s teal palette. Below the fields, a monospaced “CLEARANCE” indicator pulses to reinforce the classified-document aesthetic.
To replace the placeholder avatar with a real photograph, add an <img> or next/image element inside the avatar container div in assets/main.js. The container is 128 × 128 px with rounded-full overflow-hidden.

​
Bio Text

The right column opens with the role title and specialisation statement:
Senior systems engineer and interface architect Specialisation: Large-scale frontend applications and the distributed systems that power them.
The first bio paragraph reads:
“I build software the way one might build a telescope: with an obsession for precision, a respect for the vastness of the problem space, and a desire to make the complex visible and understandable.”
The second paragraph continues:
“For the past decade, I’ve specialized in architecting large-scale frontend applications and the distributed systems that power them. I believe that the best interfaces are quiet — they get out of the way and let the data speak.”
The third paragraph reads:
“When I’m not writing code, I’m usually studying atmospheric phenomena, reading hard sci-fi, or trying to optimize my coffee brewing parameters to an unnecessary degree.”

​
Core Directives

Four engineering principles are listed beneath the bio as a numbered manifest:
1

Directive 01

Minimize noise. Maximize signal.
2

Directive 02

Systems should be resilient to the vacuum of edge cases.
3

Directive 03

Performance is an accessibility feature.
4

Directive 04

Leave the codebase cleaner than you found it.

​
Updating the Profile Data

All identity card fields and bio copy live in the Home page component inside assets/main.js. Search for the string "OBS-7742" to locate the block. 
// Identity card fields — edit the strings marked ✏️
{ label: 'ID',     value: 'OBS-7742'  }   // ✏️ your unique identifier
{ label: 'CLASS',  value: 'SYS_ENG'   }   // ✏️ your discipline / role class
{ label: 'STATUS', value: 'NOMINAL'   }   // ✏️ current status string

// Bio copy — three paragraph strings
"I build software the way one might build a telescope..."  // ✏️ paragraph 1
"For the past decade, I've specialized in..."              // ✏️ paragraph 2
"When I'm not writing code, I'm usually..."                // ✏️ paragraph 3

// Core Directives array
"Minimize noise. Maximize signal."                         // ✏️ directive 1
"Systems should be resilient to the vacuum of edge cases." // ✏️ directive 2
"Performance is an accessibility feature."                 // ✏️ directive 3
"Leave the codebase cleaner than you found it."            // ✏️ directive 4
The CLASS field is intended to reflect your primary discipline — for example FRONTEND, DESIGN, or FULLSTACK. Keep it short (≤ 10 characters) so it fits inside the badge without overflowing.
PropertyValue
Route/about
Nav labelThe Observer
Nav short labelAbout

Build docs developers (and LLMs) love

Get started for freeTalk to us