Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/dark-retro-webpage/llms.txt

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

Dark Retro Webpage is a personal portfolio and blog site that blends modern React with the visual language of the early internet — Windows 98 bevel windows, CRT scanlines, pixel fonts, and a deep dark color palette accented with purple and magenta. Built on React 18, Vite, Tailwind CSS, and Framer Motion, it gives you a complete, opinionated starting point for a developer portfolio with genuine retro personality.

Getting Started

Clone the repo, install dependencies, and run the site locally in minutes.

Pages & Features

Explore every page — Home, About, Projects, Skills, Writing, Case Studies, and Contact.

Components

Reusable Win98Window, Marquee, and layout primitives that power the retro UI.

Customization

Swap colors, fonts, and CSS tokens to make the aesthetic your own.

What’s Inside

The project ships with seven fully built pages and a set of reusable components that implement the retro design system. Every page uses hash-based routing (/#/route) so the site deploys to any static host without server-side configuration.

Win98 Window

Beveled window frames with title bars, icons, and control buttons.

Marquee Ticker

Framer Motion animated scrolling ticker for status messages.

Theming

CSS custom properties and Tailwind utilities for the full color system.

Quick Start

1

Clone the repository

git clone https://github.com/apursley2012/dark-retro-webpage.git
cd dark-retro-webpage
2

Install dependencies

npm install
3

Start the development server

npm run dev
Open http://localhost:5173 — you’ll see the CRT-overlaid portfolio home page.
4

Build for production

npm run build
The static output lands in dist/. Drop it on GitHub Pages, Netlify, or any static host.
The site uses hash-based routing (/#/). No server rewrites are needed — the index.html entry point handles all routes via the window.__STATIC_PAGE_ROUTE__ initialization script.

Build docs developers (and LLMs) love