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

Sharp Canyon

+

A retro layout with monochromatic colors

+
+ +
+

Welcome to Sharp Canyon

+

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

+ +

Typography Showcase

+

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

+ +

Color Palette

+

Primary: #b98f33 | + Secondary: #78602d | + Accent: #b49c67

+ +

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: "sharp_canyon",
+    layout: "retro",
+    colors: {
+        primary: "#b98f33",
+        secondary: "#78602d",
+        accent: "#b49c67"
+    },
+    fonts: {
+        heading: "roboto-slab",
+        body: "oxygen",
+        code: "intelone-mono"
+    }
+};
+ +

Content Structure

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

Font Licensing

+

All fonts used in this theme are properly licensed:

+
    +
  • roboto-slab: Apache License
    • +
  • oxygen: OFL License
    • +
  • intelone-mono: OFL License
    • +
+ +

Final Thoughts

+

Every element of this theme has been carefully designed to create a harmonious reading experience. The retro 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