Toc, Examples, Fonts

10 files changed, 181 insertions, 10 deletions

diff --git a/config.toml b/config.toml
index 5fce5d0..649aa3e 100644
--- a/config.toml
+++ b/config.toml
@@ -45,7 +45,7 @@ author = "Jake G" # Put Your Name here
 author_show = true # displays the author name on line with date, tags, categories
 readtime = true # displays the read time on line with date, tags, categories
 readtime_string = "min" # read time indication eg "min": - 1 min  "min read": - 1 min read
-recent = true
+recent = true # TOC / index
 recent_items = 9
 footer_credit = true
 #footer_credit_override = '<p>Powered by <a href="https://www.getzola.org/">Zola</a> &#38; <a href="https://github.com/Jieiku/abridge/">Abridge</a></p>' # <i class="fa-solid fa-heart"></i>
diff --git a/content/overview-abridge.md b/content/overview-abridge.md
index 0d5d675..e6b8db3 100644
--- a/content/overview-abridge.md
+++ b/content/overview-abridge.md
@@ -1,5 +1,5 @@
 +++
-title = "Abridge Zola Theme and css Framework"
+title = "Abridge Zola Theme"
 date = 2022-05-17
 
 [taxonomies]
diff --git a/content/overview-markdown-syntax.md b/content/overview-markdown-and-style.md
index 1dc7e11..29b938a 100644
--- a/content/overview-markdown-syntax.md
+++ b/content/overview-markdown-and-style.md
@@ -1,5 +1,5 @@
 +++
-title = "Markdown Syntax Guide"
+title = "Markdown and Style Guide"
 description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
 date = 2022-05-15
 
@@ -177,3 +177,174 @@ other small creatures.
 during Gopherfest, November 18, 2015.
 
 [^2]: The quote is the first sentence of Aristotle's [Metaphysics](https://en.wikipedia.org/wiki/Metaphysics_(Aristotle)).
+
+
+# Forms:
+
+<form name="contact" method="POST" >
+    <p><label>Name</label>
+        <input type="text" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
+    </p>
+    <p><label>Email Address</label>
+        <input type="email" placeholder="name@example.com" id="email" required data-validation-required-message="Please enter your email address.">
+    </p>
+    <p><label>Message</label>
+        <textarea rows="5" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
+    </p>
+    <div id="success"></div>
+    <p><button type="submit" id="sendMessageButton">Send</button></p>
+    <br>
+    <!-- Select -->
+    <label for="fruit">Fruit</label>
+    <select id="fruit" required>
+        <option value="" selected>Select a fruit…</option>
+        <option>Banana</option>
+        <option>Watermelon</option>
+        <option>Apple</option>
+        <option>Orange</option>
+        <option>Mango</option>
+    </select>
+    <!-- Radios -->
+    <fieldset>
+        <legend>Size</legend>
+        <label for="small">
+        <input type="radio" id="small" name="size" value="small" checked>
+        Small
+        </label>
+        <label for="medium">
+        <input type="radio" id="medium" name="size" value="medium">
+        Medium
+        </label>
+        <label for="large">
+        <input type="radio" id="large" name="size" value="large">
+        Large
+        </label>
+        <label for="extralarge">
+        <input type="radio" id="extralarge" name="size" value="extralarge" disabled>
+        Extra Large
+        </label>
+    </fieldset>
+    <!-- Checkboxes -->
+    <fieldset>
+        <label for="terms">
+        <input type="checkbox" id="terms" name="terms">
+        I agree to the Terms and Conditions
+        </label>
+        <label for="terms_sharing">
+        <input type="checkbox" id="terms_sharing" name="terms_sharing" disabled checked>
+        I agree to share my information with partners
+        </label>
+    </fieldset>
+    <!-- Switches -->
+    <fieldset>
+        <label for="switch">
+        <input type="checkbox" id="switch" name="switch" role="switch">
+        Publish on my profile
+        </label>
+        <label for="switch_disabled">
+        <input type="checkbox" id="switch_disabled" name="switch_disabled" role="switch_disabled" disabled checked>
+        Publish on my profile my accomplishments
+        </label>
+    </fieldset>
+    <br>
+    <!-- Search -->
+    <input type="search" id="search" name="search" placeholder="Search">
+    <!-- File browser -->
+    <label for="file">File browser
+    <input type="file" id="file" name="file">
+    </label>
+    <!-- Range slider -->
+    <label for="range">Range slider
+    <input type="range" min="0" max="100" value="50" id="range" name="range">
+    </label>
+    <!-- Date -->
+    <label for="date">Date
+    <input type="date" id="date" name="date">
+    </label>
+    <!-- Time -->
+    <label for="time">Time
+    <input type="time" id="time" name="time">
+    </label>
+    <!-- Color -->
+    <label for="color">Color
+    <input type="color" id="color" name="color" value="#0eaaaa">
+    </label>
+</form>
+
+# Navs
+
+Site primary menu is created by nesting the nav under a header tag. Refer to the top of this site for an example.
+
+If the nav tag is under the main tag instead of the header tag then the links will have a border:
+
+<header>
+    <nav>
+        <ul>
+            <li><a href="#">&#60; Previous</a></li>
+            <li><a href="#">Next &#62;</a></li>
+        </ul>
+    </nav>
+</header>
+
+
+# Infinity Flex Grid
+
+## Simple Grid
+
+<section>
+    <section> 1 </section>
+    <section> 2 </section>
+    <section> 3 </section>
+</section>
+<section>
+    <section>1</section>
+    <section>2</section>
+    <section>3</section>
+    <section>4</section>
+</section>
+<section>
+    <section> 1 </section>
+    <section> 2 </section>
+    <section> 3 </section>
+    <section> 4 </section>
+    <section> 5 </section>
+</section>
+
+## Complex grid
+
+<section>
+    <section> 1 </section>
+    <section> 2 </section>
+    <section> 3 </section>
+</section>
+<section>
+    <section style = "--c:2">Merge the first 2 columns</section>
+    <section>2</section>
+    <section>3</section>
+    <section>4</section>
+</section>
+<section>
+    <section> 1 </section>
+    <section style = "--c:3"> Merge 3 columns </section>
+    <section> 3 </section>
+</section>
+<section>
+    <section>1</section>
+    <section style = "--c:2">Merge 2</section>
+    <section style = "--c:3">Merge 3</section>
+    <section>4</section>
+    <section>5</section>
+    <section>6</section>
+    <section>7</section>
+</section>
+<section>
+    <div style = "--c:1"> 1 </div>
+    <div style = "--c:2"> Merge 2 columns</div>
+    <div style = "--c:1"> 3 </div>
+</section>
+
+<style>
+    [style*="--c:"],section>section{
+    background-color:#777;
+    }
+</style>
diff --git a/sass/skins/_abridge-auto.scss b/sass/skins/_abridge-auto.scss
index 81d7f2f..43be24d 100644
--- a/sass/skins/_abridge-auto.scss
+++ b/sass/skins/_abridge-auto.scss
@@ -1,6 +1,6 @@
 :root {
   // Regular Fonts used by default:
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
+  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
   //Good CLS, sorted by Size: Arimo(0.002), Roboto(0.002), Lato(0.002)
 
   // Monospace Fonts used for code:
diff --git a/sass/skins/_abridge-dark.scss b/sass/skins/_abridge-dark.scss
index 91c6703..c1a248e 100644
--- a/sass/skins/_abridge-dark.scss
+++ b/sass/skins/_abridge-dark.scss
@@ -1,6 +1,6 @@
 :root {
   // Regular Fonts used by default:
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
+  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
   //Good CLS, sorted by Size: Arimo(0.002), Roboto(0.002), Lato(0.002)
 
   // Monospace Fonts used for code:
diff --git a/sass/skins/_abridge-light.scss b/sass/skins/_abridge-light.scss
index 9a9c083..1dfff5b 100644
--- a/sass/skins/_abridge-light.scss
+++ b/sass/skins/_abridge-light.scss
@@ -1,6 +1,6 @@
 :root {
   // Regular Fonts used by default:
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
+  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
   //Good CLS, sorted by Size: Arimo(0.002), Roboto(0.002), Lato(0.002)
 
   // Monospace Fonts used for code:
diff --git a/sass/skins/_blue-auto.scss b/sass/skins/_blue-auto.scss
index cf50ba7..bc6041b 100644
--- a/sass/skins/_blue-auto.scss
+++ b/sass/skins/_blue-auto.scss
@@ -1,6 +1,6 @@
 :root {
   // Regular Fonts used by default:
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
+  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
   //Good CLS, sorted by Size: Arimo(0.002), Roboto(0.002), Lato(0.002)
 
   // Monospace Fonts used for code:
diff --git a/sass/skins/_blue-dark.scss b/sass/skins/_blue-dark.scss
index 4550331..c753124 100644
--- a/sass/skins/_blue-dark.scss
+++ b/sass/skins/_blue-dark.scss
@@ -1,6 +1,6 @@
 :root {
   // Regular Fonts used by default:
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
+  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
   //Good CLS, sorted by Size: Arimo(0.002), Roboto(0.002), Lato(0.002)
 
   // Monospace Fonts used for code:
diff --git a/sass/skins/_blue-light.scss b/sass/skins/_blue-light.scss
index e63f7a3..79611db 100644
--- a/sass/skins/_blue-light.scss
+++ b/sass/skins/_blue-light.scss
@@ -1,6 +1,6 @@
 :root {
   // Regular Fonts used by default:
-  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
+  --ff: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Noto Sans", Helvetica, Arial, sans-serif;
   //Good CLS, sorted by Size: Arimo(0.002), Roboto(0.002), Lato(0.002)
 
   // Monospace Fonts used for code:
diff --git a/templates/page.html b/templates/page.html
index 8482633..736a11e 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -39,7 +39,7 @@
     {%- endblock page_footer %}
     </article>
     {%- block toc %}
-    {%- if page.extra.toc %}
+    {%- if page.extra.toc and config.extra.recent %}
     {%- set toc = page.toc %}
     {%- endif %}
     {%- if toc %}