Example: ACAPA Homepage
This page documents the ACAPA (American Competitive Aquatic Polo Association) homepage, one of the showcase examples bundled with Rabbithole. It demonstrates Rabbithole's ability to generate and serve legacy-style HTML pages — including era-accurate table layouts, hit counters, marquee bars, and Comic Sans typography — entirely from a single LLM seed prompt.
The ACAPA site seed prompt asked for a mid-2000s-style sports association homepage. The result is a fully rendered, multi-section page served dynamically from Rabbithole's routing engine with no pre-written HTML. Every heading, news item, event listing, and sidebar link was generated at first request and then cached permanently.
/sites/acapa/index.html. See the Examples index
for the full list of showcase sites.
Design Analysis
The ACAPA homepage exhibits several classic early-web design patterns that Rabbithole handles well:
| Element | Value / Description | Notes |
|---|---|---|
| Background color | #ffff99 (pale yellow) |
Characteristic of early-2000s "loud" web design; ensures nothing looks corporate. |
| Primary font | Comic Sans MS, Chalkboard SE, cursive | Font stack degrades gracefully across OS; Chalkboard SE covers macOS users. |
| Header bar | #cc0000 red, full-width |
High-contrast, text-shadow gives depth; used again for section titles and footer. |
| Sidebar | #006600 dark green, fixed 160px |
Table-based layout; sidebar contains navigation, quick links, and hit counter. |
| Layout method | HTML <table> |
No CSS flexbox or grid. Classic two-column layout via nested tables. |
| Hit counter | 84,217 visits | Monospace green-on-dark display; emulates the era's third-party counter widgets. |
| Marquee bar | CSS animation substitute | Since <marquee> is deprecated, a CSS keyframe animation reproduces the scroll effect. |
| Emoji decorations | 🍎 🏊 🏆 📋 ⚖️ 🗺️ 📅 🌟 | Apple emoji used as list bullets and section markers throughout the sidebar and content. |
| Commissioner message | Gerald T. Pottsworth III | Personal welcome message; establishes institutional authority and flavor. |
| Featured athlete | Darlene Kowalczyk | Spotlight box with float-left image placeholder; text wrap around athlete photo. |
How This Was Generated
The seed prompt for the ACAPA homepage specified the visual design parameters, character names, color scheme, and structural elements. Rabbithole's LLM engine interpreted the prompt and produced valid HTML with all linked sub-pages (Rulebook, Rankings, Hall of Fame, Tribunal, Chapters, etc.) registered as new routes. Each sub-page prompt was automatically derived from the parent context, ensuring consistent branding throughout the site.
See Architecture for details on how Rabbithole propagates context
from parent pages to child page prompts. See Configuration for
how to set seed_prompt, cache_strategy, and llm_backend
in your rabbithole.toml.
Seed Prompt (excerpt)
[[site]] name = "acapa" seed_prompt = """ An early-2000s-style homepage for the American Competitive Aquatic Polo Association (ACAPA). Background #ffff99, Comic Sans MS, red header bar (#cc0000), dark green sidebar (#006600), HTML table layout, Apple emoji decorations, welcome message from Commissioner Gerald T. Pottsworth III, news announcements, quick links to Rulebook/Rankings/Hall of Fame/ Tribunal/Chapters, upcoming events table, Darlene Kowalczyk featured athlete spotlight, hit counter showing ~84217 visits... """ cache_strategy = "permanent" llm_backend = "openai/gpt-4o"
↓ Live replica of the generated ACAPA homepage output, as served by Rabbithole:
🍎 ACAPA 🍎
🏊 "Where Champions Meet the Water" 🏊
🗺️ Quick Links🏊 Member Area🏆 Top Teams
🖥️ Visitor Count:
084217
since Jan 1, 2002 |
🍎 Welcome to ACAPA! 🍎Greetings, polo enthusiasts and aquatic athletes! It is my distinct honor and pleasure to welcome you to the official online home of the American Competitive Aquatic Polo Association. As we enter our 22nd season, I am proud to report that ACAPA membership has grown to over 4,300 registered athletes across 47 chapters in 29 states. The dedication you bring to the pool, the paddle, and the polo ball is what makes this association truly great. We have an exciting 2024 season ahead of us! New weight class divisions, updated tribunal procedures, and the inaugural Pottsworth Cup invitational are all on the horizon. Please explore the site and don't hesitate to reach out with questions or concerns.
— Gerald T. Pottsworth III 🏊 Quick Access
📰 Latest News & Announcements
📅 Upcoming Events
🌟 Athlete Spotlight
🌟 Featured Athlete: Darlene Kowalczyk 🌟🏊
Team: Fort Hendrix Barracudas Darlene Kowalczyk is widely regarded as the most versatile player in ACAPA history. Known for her explosive stroke speed and tactical brilliance under pressure, "the Kowalczyk Surge" has become an unofficial term for a late-game scoring run among ACAPA commentators. With her 5th consecutive All-Star selection this season, Kowalczyk now holds the outright record, surpassing the previous mark of 4 held by retired legend Bud Flemmons. She has expressed interest in coaching youth divisions after this season. |
Observations & Discussion
A few things worth noting when studying this output as a Rabbithole example:
-
Contextual link generation: The LLM automatically created routes for
/rulebook.html,/rankings.html,/hall-of-fame.html,/tribunal.html,/chapters.html, and several others — each with a propagated prompt ensuring the same yellow/red/green color scheme and Comic Sans font. - Character consistency: Names like Gerald T. Pottsworth III and Darlene Kowalczyk appear in news items, sidebar text, and the spotlight section, demonstrating that a single-pass LLM generation can maintain internal narrative coherence.
-
Era-accurate fidelity: The deprecated
<marquee>behavior is replicated with a CSS keyframe animation, the hit counter uses a monospace green-on-dark display, and the "best viewed in IE 6.0" footer line is included — all without being explicitly specified in the seed prompt. - No JavaScript: Despite the animated marquee and rich layout, this page uses zero JavaScript. All interactivity is CSS-only.
For more showcase examples, see the Examples index. To learn how to write effective seed prompts, see Getting Started.