---
layout: default
---
<script src="/assets/js/jquery-3.6.0.min.js"></script>
<script src="/assets/js/lightbox-2.11.3.min.js"></script>
<link href="/assets/css/lightbox.css" rel="stylesheet" />
<link href="/assets/css/gallery.css" rel="stylesheet" />
<main id="post-container" class="single-post">
    {% for gallery in site.data.galleries %}
    <article class="post">
        {% if gallery.id == page.galleryid %}
        <header class="post-header wrapper">
            <h2 class="post-title">{{ gallery.title }}</h2>
            <p>{{ gallery.description }}</p>
        </header>
        <div class="post-content wrapper">
            <ol class="gallery">
            {% for image in gallery.images %}
                <li>
                    <a href="/assets/images/gallery/{{ gallery.imagefolder }}/{{ image.filename }}" data-lightbox="{{ gallery.id }}" title="{{ image.text }}">
                        <img src="/assets/images/gallery/{{ gallery.imagefolder }}/thumb/thumb-{{ image.filename }}">
                    </a>
                </li>
                {% endfor %}
            </ol>
        </div>
        {% endif %}
    </article>
    {% endfor %}
</main>