Skip to main content

Documentation Index

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

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

The Footer is a love letter to the personal homepages of the late 1990s. Sitting on a solid black background and separated from the page body by a bold border-t-4 border-retro-pink hot-pink accent line, it packs in every nostalgic signifier of the era: a webring navigation badge, proudly incorrect web-standards compliance stamps, a visitor counter, and a handcrafted copyright notice. Together they sell the illusion that this site has been lovingly maintained since 1999.

​
Footer Elements

​
Webring Navigation Badge

A blue-backgrounded inline badge that simulates membership in a topic-based webring — the pre-social-media way of linking related personal sites together. 
<div className="border border-white p-1 text-[8px] font-pixel bg-blue-900">
  ◀ PREV | WEBRING | NEXT ▶
</div>
The ◀ and ▶ arrows represent links to the previous and next sites in the ring. In a live webring integration these would be actual <a> tags pointing to the ring’s redirect URLs.

​
”VALID HTML 4.01” Badge

A green badge mimicking the W3C validation stamps that conscientious webmasters used to display in the late ’90s and early 2000s, typically obtained by running their markup through the W3C Validator. Here it’s purely cosmetic — and knowingly ironic, since the site is built in JSX.

​
”BEST VIEWED IN NETSCAPE” Badge

A red badge paying homage to the browser-wars era practice of recommending a specific browser. Netscape Navigator held the majority market share until Internet Explorer 4 shipped in 1997 and began its aggressive takeover. Displaying this badge is a period-accurate flex.

​
VisitorCounter

The VisitorCounter component is embedded directly in the footer, rendering a segmented odometer-style counter that tracks (or simulates) the number of visitors to the site. It inherits the footer’s dark theme and font styles automatically.

​
Dynamic Copyright Year

The copyright line uses new Date().getFullYear() so it never needs a manual update at the start of each new year: 
<p className="font-pixel text-[8px] text-gray-400">
  © {new Date().getFullYear()} The Webmaster. All rights reserved. No part of this site may be reproduced without permission.
</p>

​
The Hot-Pink Top Border

The standout visual detail of the footer is the border-t-4 border-retro-pink rule at the top edge. This four-pixel-wide hot-pink line acts as a strong visual separator between the page content and the footer, echoing the retro-pink accent color used elsewhere in the design system (including the CursorTrail sparkles). It draws the eye downward and signals “you’ve reached the bottom of the page” without needing extra padding or a divider element.
To swap in your own name on the copyright line, open the Footer JSX and replace "The Webmaster" with whatever handle or real name you’d like displayed. This is the only hardcoded string in the footer that identifies the site owner — everything else (the year, the counter) is generated at runtime.

Build docs developers (and LLMs) love

Get started for freeTalk to us