Merge pull request #23 from jottenlips/back-arrow

Auto-generate top nav and back arrow, remove subfolder nav (v0.3.2)

Author: jottenlips

agave-generator.opam

@@ -1,6 +1,6 @@
 opam-version: "2.0"
 name: "agave-generator"
-version: "0.3.1"
+version: "0.3.2"
 synopsis: "Minimal markdown to HTML static site generator"
 description: """
 Minimal markdown to HTML for static sites with pretty URLs.

docs/about/index.html

@@ -17,11 +17,13 @@
   <nav>
     <a href="/">Home</a>
     <a href="/about/">About</a>
+    <a href="/contact/">Contact</a>
     <a href="/blog/">Blog</a>
     <a href="/sitemap/">Sitemap</a>
   </nav>
   <main>
-    <h1 id="about-agave">About Agave</h1>
+    <a href="/" style="display:inline-block;margin-bottom:1em;text-decoration:none;color:currentColor;opacity:0.7;" aria-label="Go back"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg></a>
+<h1 id="about-agave">About Agave</h1>
 <p>Agave is a lightweight static site generator that turns markdown files into a website.</p>
 <h2 id="features">Features</h2>
 <ul>
@@ -31,7 +33,7 @@ <h2 id="features">Features</h2>
 </li>
 <li>Per-page meta tags via shorthand notation
 </li>
-<li>Built-in themes (desert, randomphoto)
+<li>Built-in themes (arrakis, caladan, giediprime, ix, salusasecundus, spice, randomphoto)
 </li>
 <li>Client-side searchable sitemap
 </li>
@@ -40,6 +42,7 @@ <h2 id="features">Features</h2>
 </ul>
 <h2 id="how-it-works">How It Works</h2>
 <p>Drop your <code>.md</code> files into a directory, add a <code>base.html</code> template, and run <code>agave</code>. That's it.</p>
+<p><a href="/">Back to Home</a></p>
 
   </main>
   <footer>

docs/blog/deploying/index.html

@@ -17,11 +17,13 @@
   <nav>
     <a href="/">Home</a>
     <a href="/about/">About</a>
+    <a href="/contact/">Contact</a>
     <a href="/blog/">Blog</a>
     <a href="/sitemap/">Sitemap</a>
   </nav>
   <main>
-    <h1 id="deploying-your-agave-site">Deploying Your Agave Site</h1>
+    <a href="/blog/" style="display:inline-block;margin-bottom:1em;text-decoration:none;color:currentColor;opacity:0.7;" aria-label="Go back"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg></a>
+<h1 id="deploying-your-agave-site">Deploying Your Agave Site</h1>
 <p>Once you've built your site, deploying is straightforward since it's just static files.</p>
 <h2 id="github-pages">GitHub Pages</h2>
 <ol>

docs/blog/getting-started/index.html

@@ -17,11 +17,13 @@
   <nav>
     <a href="/">Home</a>
     <a href="/about/">About</a>
+    <a href="/contact/">Contact</a>
     <a href="/blog/">Blog</a>
     <a href="/sitemap/">Sitemap</a>
   </nav>
   <main>
-    <h1 id="getting-started-with-agave">Getting Started with Agave</h1>
+    <a href="/blog/" style="display:inline-block;margin-bottom:1em;text-decoration:none;color:currentColor;opacity:0.7;" aria-label="Go back"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg></a>
+<h1 id="getting-started-with-agave">Getting Started with Agave</h1>
 <p>Setting up your first Agave site takes just a few minutes.</p>
 <h2 id="installation">Installation</h2>
 <p>Install via npm:</p>

docs/blog/index.html

@@ -17,11 +17,13 @@
   <nav>
     <a href="/">Home</a>
     <a href="/about/">About</a>
+    <a href="/contact/">Contact</a>
     <a href="/blog/">Blog</a>
     <a href="/sitemap/">Sitemap</a>
   </nav>
   <main>
-    <h1 id="blog">Blog</h1>
+    <a href="/" style="display:inline-block;margin-bottom:1em;text-decoration:none;color:currentColor;opacity:0.7;" aria-label="Go back"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg></a>
+<h1 id="blog">Blog</h1>
 <p>Recent articles:</p>
 <ul>
 <li><a href="/blog/getting-started/">Getting Started with Agave</a>
@@ -31,6 +33,7 @@ <h1 id="blog">Blog</h1>
 <li><a href="/blog/deploying/">Deploying Your Site</a>
 </li>
 </ul>
+<p><a href="/">Back to Home</a></p>
 
   </main>
   <footer>

docs/blog/markdown-tips/index.html

@@ -17,11 +17,13 @@
   <nav>
     <a href="/">Home</a>
     <a href="/about/">About</a>
+    <a href="/contact/">Contact</a>
     <a href="/blog/">Blog</a>
     <a href="/sitemap/">Sitemap</a>
   </nav>
   <main>
-    <h1 id="markdown-tips-and-tricks">Markdown Tips and Tricks</h1>
+    <a href="/blog/" style="display:inline-block;margin-bottom:1em;text-decoration:none;color:currentColor;opacity:0.7;" aria-label="Go back"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg></a>
+<h1 id="markdown-tips-and-tricks">Markdown Tips and Tricks</h1>
 <p>Get the most out of your Agave markdown files.</p>
 <h2 id="headings-structure">Headings Structure</h2>
 <p>Use <code>#</code> for the page title, <code>##</code> for sections, and <code>###</code> for subsections. Agave will automatically extract the first heading for meta tags if you don't specify <code>@title</code>.</p>

docs/contact/index.html

@@ -17,11 +17,13 @@
   <nav>
     <a href="/">Home</a>
     <a href="/about/">About</a>
+    <a href="/contact/">Contact</a>
     <a href="/blog/">Blog</a>
     <a href="/sitemap/">Sitemap</a>
   </nav>
   <main>
-    <h1 id="contact">Contact</h1>
+    <a href="/" style="display:inline-block;margin-bottom:1em;text-decoration:none;color:currentColor;opacity:0.7;" aria-label="Go back"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg></a>
+<h1 id="contact">Contact</h1>
 <p>Have questions or feedback? Reach out!</p>
 <ul>
 <li>GitHub: <a href="https://github.com/jottenlips/agave">github.com/jottenlips/agave</a>
@@ -30,6 +32,7 @@ <h1 id="contact">Contact</h1>
 </li>
 </ul>
 <p>We'd love to hear how you're using Agave.</p>
+<p><a href="/">Back to Home</a></p>
 
   </main>
   <footer>

docs/index.html

@@ -17,6 +17,7 @@
   <nav>
     <a href="/">Home</a>
     <a href="/about/">About</a>
+    <a href="/contact/">Contact</a>
     <a href="/blog/">Blog</a>
     <a href="/sitemap/">Sitemap</a>
   </nav>
@@ -27,26 +28,29 @@ <h2 id="pages">Pages</h2>
 <ul>
 <li><a href="/about/">About</a> — Learn about this project
 </li>
+<li><a href="/contact/">Contact</a> — Get in touch
+</li>
 <li><a href="/blog/">Blog</a> — Read the latest posts
 </li>
 <li><a href="/sitemap/">Sitemap</a> — Search all pages
 </li>
 </ul>
-<h2 id="themes">Theme Previews</h2>
+<h2 id="theme-gallery">Theme Gallery</h2>
+<p>Preview every built-in theme:</p>
 <ul>
-<li><a href="/themes/arrakis/">Arrakis</a> — Sun-bleached desert, endless sand, spice shimmer
+<li><a href="/themes/arrakis/">Arrakis</a> — Deep desert, spice orange and warm ochre
 </li>
-<li><a href="/themes/caladan/">Caladan</a> — Earth ocean theme, lush greens and deep blues
+<li><a href="/themes/caladan/">Caladan</a> — Ocean world, lush blues and greens
 </li>
-<li><a href="/themes/giediprime/">Giedi Prime</a> — Black and white minimalist, stark industrial
+<li><a href="/themes/giediprime/">Giedi Prime</a> — Black and white minimalist
 </li>
-<li><a href="/themes/ix/">Ix</a> — 90s cyberdelia, neon on dark, hacker aesthetic
+<li><a href="/themes/ix/">Ix</a> — 90s cyberdelia, neon on dark
 </li>
-<li><a href="/themes/salusasecundus/">Salusa Secundus</a> — Brutalist, raw concrete, heavy type
+<li><a href="/themes/salusasecundus/">Salusa Secundus</a> — Brutalist, raw concrete
 </li>
-<li><a href="/themes/spice/">Spice</a> — Psychedelic melange trip, molten oranges and gold
+<li><a href="/themes/spice/">Spice</a> — Psychedelic melange, molten oranges and gold
 </li>
-<li><a href="/themes/randomphoto/">Random Photo</a> — Clean layout with random cover photo
+<li><a href="/themes/randomphoto/">Random Photo</a> — Random cover photo with a light palette
 </li>
 </ul>
 

docs/sitemap/index.html

@@ -17,6 +17,7 @@
   <nav>
     <a href="/">Home</a>
     <a href="/about/">About</a>
+    <a href="/contact/">Contact</a>
     <a href="/blog/">Blog</a>
     <a href="/sitemap/">Sitemap</a>
   </nav>

docs/themes/arrakis/index.html

@@ -15,6 +15,10 @@
     <meta name="twitter:card" content="summary" />
   </head>
   <body>
+  <nav>
+    <a href="/">Home</a>
+    <a href="/sitemap/">Sitemap</a>
+  </nav>
     <div class="coverimage"></div>
     <div class="container">
       <div class="block">