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>

1 files changed, 0 insertions, 168 deletions

diff --git a/extras/html/themes/ember_mountain/style.css b/extras/html/themes/ember_mountain/style.css
deleted file mode 100644
index 40327f7..0000000
--- a/extras/html/themes/ember_mountain/style.css
+++ /dev/null
@@ -1,168 +0,0 @@
-/* Base styles */
-@font-face {
-    font-family: 'text';
-    src: url("./text.ttf") format("truetype");
-}
-
-@font-face {
-    font-family: 'heading';
-    src: url("./heading.ttf") format("truetype");
-}
-
-@font-face {
-    font-family: 'code';
-    src: url("./code.ttf") format("truetype");
-}
-
-@font-face {
-    font-family: 'handnotes';
-    src: url("./handnotes.ttf") format("truetype");
-}
-
-:root {
-    --color-primary: #6f3857;
-    --color-secondary: #3f6a3d;
-    --color-accent: #3d6a66;
-    --color-bg: #efecee;
-    --color-text: #151515;
-    --font-size-base: 15px;
-    --font-size-h1: 1.42em;
-    --font-size-h2: 1.27em;
-    --font-size-h3: 1.12em;
-    --line-height: 1.71;
-}
-
-* {
-    box-sizing: border-box;
-}
-
-html {
-    font-size: var(--font-size-base);
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-body {
-    font-family: text, sans-serif;
-    background-color: var(--color-bg);
-    color: var(--color-text);
-    line-height: var(--line-height);
-    margin: 0;
-    padding: 0;
-    overflow-wrap: break-word;
-}
-
-h1, h2, h3 {
-    font-family: heading, serif;
-    line-height: 1.2;
-    margin-top: 1em;
-    margin-bottom: 0.5em;
-}
-
-h1 {
-    font-size: var(--font-size-h1);
-    color: var(--color-primary);
-}
-
-h2 {
-    font-size: var(--font-size-h2);
-    color: var(--color-primary);
-}
-
-h3 {
-    font-size: var(--font-size-h3);
-    color: var(--color-secondary);
-}
-
-a {
-    font-family: code, monospace;
-    color: var(--color-secondary);
-    text-decoration: none;
-    transition: all 0.3s ease;
-}
-
-a:hover {
-    color: var(--color-accent);
-    text-decoration: underline;
-}
-
-.textlink {
-    font-family: text, sans-serif;
-}
-
-.quote {
-    font-family: handnotes, cursive;
-    border-left: 4px solid var(--color-accent);
-    padding: 1em 1.5em;
-    margin: 1.5em 0;
-    background-color: rgba(111, 56, 87, 0.07);
-    font-style: italic;
-}
-
-pre {
-    font-family: code, monospace;
-    background-color: rgba(21, 21, 21, 0.04);
-    border: 1px solid rgba(21, 21, 21, 0.13);
-    padding: 1em;
-    overflow-x: auto;
-    border-radius: 4px;
-    font-size: 0.9em;
-}
-
-code {
-    font-family: code, monospace;
-    background-color: rgba(21, 21, 21, 0.04);
-    padding: 0.2em 0.4em;
-    border-radius: 3px;
-    font-size: 0.9em;
-}
-
-ul, ol {
-    padding-left: 2em;
-    margin: 1em 0;
-}
-
-li {
-    margin: 0.5em 0;
-}
-
-img {
-    max-width: 100%;
-    height: auto;
-}
-
-hr {
-    border: none;
-    border-top: 1px solid rgba(21, 21, 21, 0.20);
-    margin: 2em 0;
-}
-
-
-/* Layout: card */
-
-body {
-    padding: 2em;
-    background: linear-gradient(135deg, rgba(111, 56, 87, 0.07), rgba(63, 106, 61, 0.07));
-    min-height: 100vh;
-}
-
-.header {
-    background-color: var(--color-bg);
-    padding: 3em;
-    margin-bottom: 3em;
-    border-radius: 16px;
-    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
-    text-align: center;
-}
-
-h1, h2, h3, p, ul, pre, .quote {
-    background-color: var(--color-bg);
-    padding: 2em;
-    margin: 1em 0;
-    border-radius: 12px;
-    box-shadow: 0 4px 16px rgba(0,0,0,0.05);
-}
-
-h1, h2, h3 {
-    padding: 1em 2em;
-}