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/twilight_horizon/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/twilight_horizon/example.html')
| -rw-r--r-- | extras/html/themes/twilight_horizon/example.html | 75 |
1 files changed, 0 insertions, 75 deletions
diff --git a/extras/html/themes/twilight_horizon/example.html b/extras/html/themes/twilight_horizon/example.html deleted file mode 100644 index 043a2e7..0000000 --- a/extras/html/themes/twilight_horizon/example.html +++ /dev/null @@ -1,75 +0,0 @@ -<!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>Twilight Horizon - Gemtexter Theme</title> - <link rel="stylesheet" href="style.css" /> -</head> -<body> - <div class="header"> - <h1>Twilight Horizon</h1> - <p>A sidebar layout with monochromatic colors</p> - </div> - - <div class="content"> - <h1>Welcome to Twilight Horizon</h1> - <p>This theme features a carefully crafted sidebar layout with a dark monochromatic color scheme. The typography combines display fonts for headings with serif for body text.</p> - - <h2>Typography Showcase</h2> - <p>The roboto-slab font family provides excellent readability for body text, while zai-aeg-mignon-typewriter-1924 adds character to headings. Code blocks use hack for clarity.</p> - - <h2>Color Palette</h2> - <p>Primary: <span style="color: #34cbcd; font-weight: bold;">#34cbcd</span> | - Secondary: <span style="color: #2e8586; font-weight: bold;">#2e8586</span> | - Accent: <span style="color: #76bebf; font-weight: bold;">#76bebf</span></p> - - <h3>Interactive Elements</h3> - <p>Links like <a href="#">this example</a> and longer <a href="#" class="textlink">text links that demonstrate the theme's navigation style</a> use the secondary color.</p> - - <div class="quote"> - "Design is not just what it looks like and feels like. Design is how it works." — Steve Jobs - </div> - - <h3>Code Examples</h3> - <p>Inline code like <code>theme.generate()</code> and larger blocks:</p> - <pre>// Theme configuration -const theme = { - name: "twilight_horizon", - layout: "sidebar", - colors: { - primary: "#34cbcd", - secondary: "#2e8586", - accent: "#76bebf" - }, - fonts: { - heading: "zai-aeg-mignon-typewriter-1924", - body: "roboto-slab", - code: "hack" - } -};</pre> - - <h2>Content Structure</h2> - <ul> - <li>Clean, readable typography with 14px base font size</li> - <li>Heading scale ratio of 2.37x for visual hierarchy</li> - <li>Line height of 1.49 for comfortable reading</li> - <li>Sidebar layout optimized for content flow</li> - <li>Dark theme with monochromatic color harmony</li> - </ul> - - <h2>Font Licensing</h2> - <p>All fonts used in this theme are properly licensed:</p> - <ul> - <li>zai-aeg-mignon-typewriter-1924: Free License</li> - <li>roboto-slab: Apache License</li> - <li>hack: MIT License</li> - </ul> - - <h3>Final Thoughts</h3> - <p>Every element of this theme has been carefully designed to create a harmonious reading experience. The sidebar layout ensures content is presented in an engaging way, while the color scheme provides the perfect backdrop for your words to shine.</p> - - <p>Whether you're writing technical documentation, creative prose, or anything in between, this theme adapts to showcase your content beautifully.</p> - </div> -</body> -</html>
\ No newline at end of file |