diff options
| author | Paul Buetow <paul@buetow.org> | 2025-06-22 22:14:11 +0300 |
|---|---|---|
| committer | Paul Buetow <paul@buetow.org> | 2025-06-22 22:14:11 +0300 |
| commit | 2b78e5fcdf303f7055a67e13c5968e9ed92f56df (patch) | |
| tree | aa64ddf518419c807782ce302a62ff36da79fca2 /extras/html/themes/cosmic_cache/example.html | |
| parent | 3af674aebad9e3792fbf13b3cbda7b1691b1f4f3 (diff) | |
Replace themes with 50 retro-futuristic single-column themes
- Removed previous multi-layout themes
- Generated 50 new retro/retro-futuristic themes with:
- Single column layout only
- Minimum 1200px width for modern displays
- Retro computing aesthetics (terminal, CRT, synthwave, etc.)
- Various visual effects: scanlines, CRT, grid, dots, terminal
- Monospace typography throughout
- Theme palettes include:
- Classic terminal green
- Amber CRT monitors
- Synthwave purple/pink
- Matrix green
- DOS blue/white
- Cyberpunk neon
- And more retro color schemes
- Updated index.html with retro-themed gallery interface
- All themes W3C CSS validated
- Proper font licensing maintained
- Screenshot previews for all themes
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
Diffstat (limited to 'extras/html/themes/cosmic_cache/example.html')
| -rw-r--r-- | extras/html/themes/cosmic_cache/example.html | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/extras/html/themes/cosmic_cache/example.html b/extras/html/themes/cosmic_cache/example.html new file mode 100644 index 0000000..fd0fb09 --- /dev/null +++ b/extras/html/themes/cosmic_cache/example.html @@ -0,0 +1,75 @@ +<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> +<head> + <meta charset="UTF-8" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>COSMIC CACHE :: RETRO THEME</title> + <link rel="stylesheet" href="style.css" /> +</head> +<body> + <div class="content"> + <h1>SYSTEM: COSMIC CACHE</h1> + + <p>Welcome to the cyberpunk retro theme. This single-column layout features a minimum width of 1200px for optimal viewing on modern displays while maintaining that classic retro aesthetic.</p> + + <h2>INTERFACE ELEMENTS</h2> + + <p>This theme combines retro-futuristic typography with a carefully crafted color palette inspired by retro computing aesthetics.</p> + + <h3>FEATURES</h3> + + <ul> + <li>Single column layout optimized for readability</li> + <li>Minimum 1200px width for modern displays</li> + <li>Retro visual effects</li> + <li>Monospace typography throughout</li> + <li>High contrast color scheme</li> + </ul> + + <h2>CODE DISPLAY</h2> + + <p>Execute commands with style. Inline code like <code>theme --activate cosmic_cache</code> stands out clearly.</p> + + <pre>// THEME CONFIGURATION +const retroTheme = { + name: "cosmic_cache", + style: "cyberpunk", + effect: "none", + width: "1200px", + initialized: true +}; + +console.log("Theme loaded successfully");</pre> + + <h3>NAVIGATION</h3> + + <p>Navigate through the system with <a href="#">hyperlinks</a> that glow on hover. Longer <a href="#" class="textlink">text-based navigation links demonstrate the retro hover effects</a>.</p> + + <div class="quote"> + "The future is already here — it's just not evenly distributed." Experience the aesthetics of retro computing with modern web standards. + </div> + + <h2>VISUAL STYLE</h2> + + <p>The none effect adds visual depth to the interface. Every element has been carefully styled to evoke the golden age of computing.</p> + + <hr /> + + <h3>SYSTEM STATUS</h3> + + <ul> + <li>Theme Engine: ACTIVE</li> + <li>Visual Effects: ENABLED</li> + <li>Glow Intensity: OPTIMAL</li> + <li>Contrast Ratio: HIGH</li> + <li>Readability: MAXIMUM</li> + </ul> + + <p>This retro theme brings together the best of classic computing aesthetics with modern web technologies. The single-column layout ensures content remains focused and readable, while the 1200px minimum width takes advantage of contemporary display resolutions.</p> + + <div class="footer"> + SYSTEM THEME :: COSMIC_CACHE :: RETRO FUTURISTIC DESIGN + </div> + </div> +</body> +</html>
\ No newline at end of file |