Skip to main content

Documentation Index

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

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

The Graveyard reframes the standard projects showcase as a cemetery, where each portfolio entry occupies its own gravestone. Projects that are still maintained and deployed stand proudly as living exhibits. Projects that were abandoned, deprecated, or simply too ambitious are given a proper burial — complete with a R.I.P. inscription and a carved epitaph. The page header sets the scene with the title THE GRAVEYARD OF GREAT IDEAS and the subtitle Tread carefully. Some of these are still alive.

​
Project Roster

The following projects are interred in the graveyard:
ProjectTechStatusDescription
Phantom UIReact, Tailwind🟢 AliveA headless component library that’s scary good.
Crypt-o-TrackerNext.js, Web3🟢 AliveTrack your digital assets from beyond the grave.
Vampire SocialNode, Express🟢 AliveA social network that only works at night.
Project XAngularJS💀 DeadIt was too ambitious. It had to be put down.
Zombie AppReact Native🟢 AliveKeeps crashing but won’t stay dead.
MySpace ClonePHP, jQuery💀 DeadWhy did I build this?

​
Gravestone Interaction

Each project is represented by a gravestone SVG rendered in a grid layout. The interaction model differs depending on whether the project is alive or dead. Alive projects display the project name carved into the stone. On hover, a floating card rises from behind the gravestone containing:
  • Project name and description
  • Tech stack rendered as badge pills
  • A ghost icon in the corner of the card
  • A prompt reading Click to resurrect at the bottom
Dead projects display the R.I.P. treatment directly on the gravestone — no hover card appears. The stone shows:
  • R.I.P. in carved uppercase lettering at the top
  • The project name beneath it
  • The epitaph text inscribed at the base of the stone
The hover card on alive projects uses a Framer Motion y entrance (sliding up from behind the stone) combined with an opacity fade, giving the impression that the project’s spirit is rising from below.

​
Dead vs. Alive Treatment

AttributeAliveDead
Gravestone labelProject nameR.I.P. + project name
Hover card✅ Shown❌ Not shown
EpitaphNot applicableCarved at base of stone
Ghost iconShown in hover cardNot shown
CTA textClick to resurrectNone
Dead projects require an epitaph string in their data entry. This string is rendered as the carved inscription at the base of the gravestone.

​
Customization

Projects are defined in a projects array. Each entry is an object with id, name, desc, tech, and status fields. Dead projects additionally require an epitaph field.
const projects = [
  {
    id: 1,
    name: 'Phantom UI',
    desc: 'A headless component library that\'s scary good.',
    tech: 'React, Tailwind',
    status: 'alive'
  },
  {
    id: 2,
    name: 'Crypt-o-Tracker',
    desc: 'Track your digital assets from beyond the grave.',
    tech: 'Next.js, Web3',
    status: 'alive'
  },
  {
    id: 3,
    name: 'Vampire Social',
    desc: 'A social network that only works at night.',
    tech: 'Node, Express',
    status: 'alive'
  },
  {
    id: 4,
    name: 'Project X',
    desc: 'It was too ambitious. It had to be put down.',
    tech: 'AngularJS',
    status: 'dead',
    epitaph: 'Here lies Project X. It tried to do everything.'
  },
  {
    id: 5,
    name: 'Zombie App',
    desc: 'Keeps crashing but won\'t stay dead.',
    tech: 'React Native',
    status: 'alive'
  },
  {
    id: 6,
    name: 'MySpace Clone',
    desc: 'Why did I build this?',
    tech: 'PHP, jQuery',
    status: 'dead',
    epitaph: 'R.I.P. Tom would be disappointed.'
  }
];
To add a new project, append a new object to the array with a unique id. The gravestone grid reflows automatically to accommodate new entries.
Set status to 'dead' to display the R.I.P. gravestone treatment for a project. When doing so, include an epitaph string — this text is carved into the base of the gravestone as the project’s final inscription. Omitting the epitaph on a dead project will leave the base of the stone blank.

Build docs developers (and LLMs) love

Get started for freeTalk to us