From 8581ff733f5349d8f49a445119cc72542fd8947c Mon Sep 17 00:00:00 2001
From: Nekkowe <nekkowe@posteo.com>
Date: Wed, 15 Jan 2025 19:07:24 +0100
Subject: [PATCH] making the example html file more presentable

---
 .gitignore         |  1 +
 gallery/index.html | 56 +++++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 54 insertions(+), 3 deletions(-)
diff --git a/.gitignore b/.gitignore
index 74384d8..e2e0821 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
+build
 gallery/**
 !gallery/**/
 !gallery/**/.gitkeep
diff --git a/gallery/index.html b/gallery/index.html
index 58ae2ca..4bfbdd2 100644
--- a/gallery/index.html
+++ b/gallery/index.html
@@ -10,20 +10,70 @@
   <!-- This is the gallery.js file generated by the second script.
     It contains the settings and gallery items for your own personal gallery:  -->
   <script type="text/javascript" src="gallery.js"></script>
+
+  <!-- This CSS file is just here as an example. -->
+  <link href="example.css" rel="stylesheet"/>
+
 </head>
 <body>
   <header>
+    <!-- 
+      This header navigation thing is just an example. 
+      You probably have your own page layout already. 
+    -->
+    <span id="title">Example Page</span>
+    <nav>
+      <ul>
+        <li><a href="/">Home</a></li> <!-- Links to the top level of your website -->
+        <li><a href="">Gallery</a></li> <!-- Links to itself / just reloads the page -->
+        <li><a href="feed.xml">RSS Feed</a></li> <!-- Links to the feed.xml in the same folder -->
+      </ul>
+    </nav>
     
   </header>
 
   <main>
-    <h1>Gallery</h1>
-    
+    <h2>Gallery</h2>
+
     <!-- This is the placeholder that gets turned into the actual gallery by the script: -->
     <div id="gallery"/>
   </main>
 
   <footer>
-
+    <p>
+      This is just a barebones example page for the gallery generator. 
+      Do with it whatever you want!
+    </p>
+    <p>
+      The only important parts are the scripts linked 
+      inside the <code>&lt;head&gt;</code> tag, and the 
+      <code>&lt;div id="gallery"/&gt;</code> placeholder.<br>
+      If you already have your own website, and you only 
+      want to include the gallery inside it, those two things
+      are all you'll need to put in your HTML!<br>
+      <small>
+        Don't forget the actual image folders ("media" and "thumbs"), 
+        and the "gallery.js" file generated by the second script!
+        Put those on your site, too!
+      </small>
+    </p>
+    <p>
+      If you run into any problems setting this thing up, please either 
+      <a href="https://gitea.treehouse.systems/Nekkowe/static-gallery-generator/issues">
+        leave an issue on the bug tracker</a> 
+      or email me about it at 
+      <a href="mailto:nekkowe+gallery@posteo.com">
+        nekkowe+gallery@posteo.com</a>.
+      Even if the instructions just aren't clear enough!
+      Especially then, actually…!
+    </p>
+    <p>
+      My own gallery, blog & links to accounts 
+      on other websites can be found at <a href="https://nekkowe.com">nekkowe.com</a>.<br>
+      Follow my <a href="https://nekkowe.com/blog/feed/feed.xml">RSS feed</a> for updates on this & other projects!
+    </p>
+    <p>
+      - Nekkowe 👁️‍🗨️✨
+    </p>
   </footer>
 </body>
\ No newline at end of file
