summaryrefslogtreecommitdiff
path: root/extras/html/themes/crisp_oasis/example.html
diff options
context:
space:
mode:
Diffstat (limited to 'extras/html/themes/crisp_oasis/example.html')
-rw-r--r--extras/html/themes/crisp_oasis/example.html75
1 files changed, 0 insertions, 75 deletions
diff --git a/extras/html/themes/crisp_oasis/example.html b/extras/html/themes/crisp_oasis/example.html
deleted file mode 100644
index 014f25c..0000000
--- a/extras/html/themes/crisp_oasis/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>Crisp Oasis - Gemtexter Theme</title>
- <link rel="stylesheet" href="style.css" />
-</head>
-<body>
- <div class="header">
- <h1>Crisp Oasis</h1>
- <p>A book layout with analogous colors</p>
- </div>
-
- <div class="content">
- <h1>Welcome to Crisp Oasis</h1>
- <p>This theme features a carefully crafted book 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: #9f41a4; font-weight: bold;">#9f41a4</span> |
- Secondary: <span style="color: #9f4679; font-weight: bold;">#9f4679</span> |
- Accent: <span style="color: #643b93; font-weight: bold;">#643b93</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: "crisp_oasis",
- layout: "book",
- colors: {
- primary: "#9f41a4",
- secondary: "#9f4679",
- accent: "#643b93"
- },
- fonts: {
- heading: "Abril_Fatface",
- body: "Lato",
- code: "consola-mono"
- }
-};</pre>
-
- <h2>Content Structure</h2>
- <ul>
- <li>Clean, readable typography with 15px base font size</li>
- <li>Heading scale ratio of 4.24x for visual hierarchy</li>
- <li>Line height of 1.49 for comfortable reading</li>
- <li>Book 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 book 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