diff options
Diffstat (limited to 'extras/html/themes/deep_crystal/example.html')
| -rw-r--r-- | extras/html/themes/deep_crystal/example.html | 75 |
1 files changed, 0 insertions, 75 deletions
diff --git a/extras/html/themes/deep_crystal/example.html b/extras/html/themes/deep_crystal/example.html deleted file mode 100644 index 612f833..0000000 --- a/extras/html/themes/deep_crystal/example.html +++ /dev/null @@ -1,75 +0,0 @@ -<!DOCTYPE html> -<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> -<head> - <meta charset="UTF-8" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <title>Deep Crystal - Gemtexter Theme</title> - <link rel="stylesheet" href="style.css" /> -</head> -<body> - <div class="header"> - <h1>Deep Crystal</h1> - <p>A asymmetric layout with analogous colors</p> - </div> - - <div class="content"> - <h1>Welcome to Deep Crystal</h1> - <p>This theme features a carefully crafted asymmetric layout with a dark analogous color scheme. The typography combines display fonts for headings with sans-serif for body text.</p> - - <h2>Typography Showcase</h2> - <p>The Lato font family provides excellent readability for body text, while Abril Fatface adds character to headings. Code blocks use consola-mono for clarity.</p> - - <h2>Color Palette</h2> - <p>Primary: <span style="color: #ce7cd7; font-weight: bold;">#ce7cd7</span> | - Secondary: <span style="color: #d281b3; font-weight: bold;">#d281b3</span> | - Accent: <span style="color: #9162cf; font-weight: bold;">#9162cf</span></p> - - <h3>Interactive Elements</h3> - <p>Links like <a href="#">this example</a> and longer <a href="#" class="textlink">text links that demonstrate the theme's navigation style</a> use the secondary color.</p> - - <div class="quote"> - "Design is not just what it looks like and feels like. Design is how it works." — Steve Jobs - </div> - - <h3>Code Examples</h3> - <p>Inline code like <code>theme.generate()</code> and larger blocks:</p> - <pre>// Theme configuration -const theme = { - name: "deep_crystal", - layout: "asymmetric", - colors: { - primary: "#ce7cd7", - secondary: "#d281b3", - accent: "#9162cf" - }, - fonts: { - heading: "Abril_Fatface", - body: "Lato", - code: "consola-mono" - } -};</pre> - - <h2>Content Structure</h2> - <ul> - <li>Clean, readable typography with 14px base font size</li> - <li>Heading scale ratio of 2.83x for visual hierarchy</li> - <li>Line height of 1.41 for comfortable reading</li> - <li>Asymmetric layout optimized for content flow</li> - <li>Dark theme with analogous color harmony</li> - </ul> - - <h2>Font Licensing</h2> - <p>All fonts used in this theme are properly licensed:</p> - <ul> - <li>Abril_Fatface: OFL License</li> - <li>Lato: OFL License</li> - <li>consola-mono: OFL License</li> - </ul> - - <h3>Final Thoughts</h3> - <p>Every element of this theme has been carefully designed to create a harmonious reading experience. The asymmetric layout ensures content is presented in an engaging way, while the color scheme provides the perfect backdrop for your words to shine.</p> - - <p>Whether you're writing technical documentation, creative prose, or anything in between, this theme adapts to showcase your content beautifully.</p> - </div> -</body> -</html>
\ No newline at end of file |