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/cool_breeze/example.html | 75 +++++++++++++++++++++++++++++ 1 file changed, 75 insertions(+) create mode 100644 extras/html/themes/cool_breeze/example.html (limited to 'extras/html/themes/cool_breeze/example.html') diff --git a/extras/html/themes/cool_breeze/example.html b/extras/html/themes/cool_breeze/example.html new file mode 100644 index 0000000..50451a5 --- /dev/null +++ b/extras/html/themes/cool_breeze/example.html @@ -0,0 +1,75 @@ + + + + + + Cool Breeze - Gemtexter Theme + + + +
+

Cool Breeze

+

A technical layout with monochromatic colors

+
+ +
+

Welcome to Cool Breeze

+

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

+ +

Typography Showcase

+

The Merriweather font family provides excellent readability for body text, while Abril Fatface adds character to headings. Code blocks use hack for clarity.

+ +

Color Palette

+

Primary: #299717 | + Secondary: #236119 | + Accent: #47973b

+ +

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: "cool_breeze",
+    layout: "technical",
+    colors: {
+        primary: "#299717",
+        secondary: "#236119",
+        accent: "#47973b"
+    },
+    fonts: {
+        heading: "Abril_Fatface",
+        body: "Merriweather",
+        code: "hack"
+    }
+};
+ +

Content Structure

+
    +
  • Clean, readable typography with 18px base font size
    • +
  • Heading scale ratio of 1.73x for visual hierarchy
    • +
  • Line height of 1.58 for comfortable reading
    • +
  • Technical layout optimized for content flow
    • +
  • Dark theme with monochromatic color harmony
    • +
+ +

Font Licensing

+

All fonts used in this theme are properly licensed:

+
    +
  • Abril_Fatface: OFL License
    • +
  • Merriweather: OFL License
    • +
  • hack: MIT 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