From 3af674aebad9e3792fbf13b3cbda7b1691b1f4f3 Mon Sep 17 00:00:00 2001 From: Paul Buetow Date: Sun, 22 Jun 2025 22:06:43 +0300 Subject: Add 50 new experimental HTML themes for Gemtexter MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Generated 50 unique themes with creative layouts and color schemes - Each theme includes: - Custom CSS with W3C validated styles - Example HTML preview page - Font files with proper licensing - Theme configuration file - License documentation - Layout types include: centered, wide, magazine, card, brutalist, terminal, book, hero, sidebar, and more creative designs - All themes support both light and dark color schemes - Fixed CSS validation issues for W3C compliance - Created theme gallery page at extras/html/themes/index.html - Added screenshot previews for all themes - Utility scripts included: - generate_50_themes.py - Main theme generator - fix_css_validation.py - CSS validator/fixer - create_theme_previews.py - Screenshot generator - Theme gallery with filtering at index.html 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- extras/html/themes/clear_forest/example.html | 75 ++++++++++++++++++++++++++++ 1 file changed, 75 insertions(+) create mode 100644 extras/html/themes/clear_forest/example.html (limited to 'extras/html/themes/clear_forest/example.html') diff --git a/extras/html/themes/clear_forest/example.html b/extras/html/themes/clear_forest/example.html new file mode 100644 index 0000000..2d4d5cd --- /dev/null +++ b/extras/html/themes/clear_forest/example.html @@ -0,0 +1,75 @@ + + + + + + Clear Forest - Gemtexter Theme + + + +
+

Clear Forest

+

A technical layout with split complementary colors

+
+ +
+

Welcome to Clear Forest

+

This theme features a carefully crafted technical layout with a light split complementary color scheme. The typography combines display fonts for headings with serif for body text.

+ +

Typography Showcase

+

The roboto-slab font family provides excellent readability for body text, while pixelon adds character to headings. Code blocks use consola-mono for clarity.

+ +

Color Palette

+

Primary: #4eaa17 | + Secondary: #37269b | + Accent: #9b268f

+ +

Interactive Elements

+

Links like this example and longer text links that demonstrate the theme's navigation style use the secondary color.

+ +
+ "Design is not just what it looks like and feels like. Design is how it works." — Steve Jobs +
+ +

Code Examples

+

Inline code like theme.generate() and larger blocks:

+ 
// Theme configuration
+const theme = {
+    name: "clear_forest",
+    layout: "technical",
+    colors: {
+        primary: "#4eaa17",
+        secondary: "#37269b",
+        accent: "#9b268f"
+    },
+    fonts: {
+        heading: "pixelon",
+        body: "roboto-slab",
+        code: "consola-mono"
+    }
+};
+ +

Content Structure

+
    +
  • Clean, readable typography with 15px base font size
    • +
  • Heading scale ratio of 4.24x for visual hierarchy
    • +
  • Line height of 1.73 for comfortable reading
    • +
  • Technical layout optimized for content flow
    • +
  • Light theme with split complementary color harmony
    • +
+ +

Font Licensing

+

All fonts used in this theme are properly licensed:

+
    +
  • pixelon: Free License
    • +
  • roboto-slab: Apache License
    • +
  • consola-mono: OFL License
    • +
+ +

Final Thoughts

+

Every element of this theme has been carefully designed to create a harmonious reading experience. The technical layout ensures content is presented in an engaging way, while the color scheme provides the perfect backdrop for your words to shine.

+ +

Whether you're writing technical documentation, creative prose, or anything in between, this theme adapts to showcase your content beautifully.

+
+ + \ No newline at end of file -- cgit v1.2.3