diff options
Diffstat (limited to 'extras/html/themes/cosmic_reactor/example.html')
| -rw-r--r-- | extras/html/themes/cosmic_reactor/example.html | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/extras/html/themes/cosmic_reactor/example.html b/extras/html/themes/cosmic_reactor/example.html new file mode 100644 index 0000000..6ce7edb --- /dev/null +++ b/extras/html/themes/cosmic_reactor/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 REACTOR :: RETRO THEME</title> + <link rel="stylesheet" href="style.css" /> +</head> +<body> + <div class="content"> + <h1>SYSTEM: COSMIC REACTOR</h1> + + <p>Welcome to the retro orange 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>CRT scanline 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_reactor</code> stands out clearly.</p> + + <pre>// THEME CONFIGURATION +const retroTheme = { + name: "cosmic_reactor", + style: "retro_orange", + effect: "scanlines", + 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 scanlines effect creates authentic scanlines reminiscent of CRT monitors. 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_REACTOR :: RETRO FUTURISTIC DESIGN + </div> + </div> +</body> +</html>
\ No newline at end of file |