Skip to main content

Documentation Index

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

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

The About page steps behind the curtain of the landing experience to present the developer’s personal story and background. Framed in the language of dark-fantasy mysticism, it pairs a dramatic section heading with a "REVEAL" interaction that progressively discloses content — maintaining the theatrical, ritualistic tone of the portfolio throughout.

​
Route & Static Shell

The About page is served from pages/About.html. Its static shell sets the hash to /about on load. 
<script>
  window.__STATIC_PAGE_ROUTE__ = "/about";
  if (!window.location.hash || window.location.hash === "#/" || window.location.hash === "#") {
    window.location.hash = "/about";
  }
</script>
The static shell only redirects when the hash is empty or set to the bare root (# or #/). If the user navigates to this page from another route, their existing hash is preserved and the React router handles rendering.

​
Section Headings

The About page uses two stacked heading elements to introduce the section.
ElementText
Section heading"The Witch Behind the Curtain"
Subheading"Forged in the dark arts of CSS"
The section heading uses font-heading (Cinzel Decorative) and is styled with the witch-teal-glow (#2dd4bf) color to stand out against the midnight-base (#0a0e1a) background. The subheading uses font-body (Cormorant Garamond) at a reduced size and opacity, functioning as an atmospheric caption rather than a structural label.

​
Visual Design

The page background continues the midnight-base (#0a0e1a) dark theme established on the Home page. Framer Motion drives entrance animations for the heading, subheading, and body content, each staggered to animate in from a slightly offset position.
The phrase “Forged in the dark arts of CSS” is both a thematic flourish and a genuine signal to visitors that this is a front-end–focused developer. The aesthetic language does real communicative work.

​
The REVEAL Interaction

The About page features a "REVEAL" button that gates a portion of the page content. This creates a curtain-reveal metaphor consistent with the section title — the developer literally steps out from behind the curtain when the user chooses to look.
StateBehavior
Before revealContent section is hidden or obscured; "REVEAL" button is visible
On clickFramer Motion animates the hidden content into view
After revealFull about content is visible; button may hide or transition away
The "REVEAL" button label is rendered in uppercase. This is a deliberate typographic choice matching the spellcast / incantation tone — it reads as a command word rather than a standard UI label.

​
Navigation Context

In the site’s thematic navigation, the About page link is labeled “The Witch Behind the Curtain” — the same text as the section heading. This reinforces the in-world identity of each section and makes the navigation feel like a table of arcane chapters rather than a standard menu.

​
Typography & Color Reference

TokenHexUsage on this page
midnight-base#0a0e1aPage background
witch-teal-glow#2dd4bfSection heading color
witch-teal-bright#5eead4Accent highlights
font-headingCinzel DecorativeSection heading
font-bodyCormorant GaramondSubheading and body text

Build docs developers (and LLMs) love

Get started for freeTalk to us