From 2b78e5fcdf303f7055a67e13c5968e9ed92f56df Mon Sep 17 00:00:00 2001 From: Paul Buetow Date: Sun, 22 Jun 2025 22:14:11 +0300 Subject: Replace themes with 50 retro-futuristic single-column themes MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 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 --- extras/html/themes/ember_mountain/style.css | 168 ---------------------------- 1 file changed, 168 deletions(-) delete mode 100644 extras/html/themes/ember_mountain/style.css (limited to 'extras/html/themes/ember_mountain/style.css') 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; -} -- cgit v1.2.3