making the example html file more presentable

main
Nekkowe 2025-01-15 19:07:24 +01:00
parent 74bf7d5638
commit 8581ff733f
2 changed files with 54 additions and 3 deletions

1
.gitignore vendored
View File

@ -1,3 +1,4 @@
build
gallery/**
!gallery/**/
!gallery/**/.gitkeep

View File

@ -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>