<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- SEO -->
    {{ partial "seo.html" . }}


    <meta name="robots" content="index" />
    <meta name="geo.region" content="CH-GE" />
    <meta name="geo.placename" content="Geneva" />
    <meta name="geo.position" content="46.203918;6.133011" />
    <meta name="ICBM" content="46.203918, 6.133011" />
    <link rel="canonical" href="https://setto.basspistol.com" />
    <link rel="alternate" hreflang="x-default" href="https://setto.basspistol.com" />
    {{ $style := resources.Get "css/style.css" | resources.Minify | fingerprint }}
    <link rel="stylesheet" href="{{ $style.RelPermalink }}">


</head>
<body>
    {{ partial "header.html" . }}
    
    <main>

        {{ partial "blog.html" . }}

        {{ partial "music.html" . }}

        {{ partial "pictures.html" . }}

        {{ partial "videos.html" . }}

    </main>

    {{ partial "footer.html" . }}

    <!-- Custom Lightbox -->
    <div class="custom-lightbox" id="customLightbox">
        <span class="custom-lightbox-close" id="lightboxClose">✕</span>
        <button class="custom-lightbox-prev" id="lightboxPrev">‹</button>
        <button class="custom-lightbox-next" id="lightboxNext">›</button>
        <div class="custom-lightbox-content">
            <img id="lightboxImage" src="" alt="">
            <div class="custom-lightbox-caption">
                <span id="lightboxCaption"></span>
                <span class="lightbox-meta" id="lightboxMeta"></span>
            </div>
        </div>
        <div class="custom-lightbox-counter" id="lightboxCounter">1 / 1</div>
    </div>

    {{ $js := resources.Get "js/scripts.js" | resources.Minify | fingerprint }}
    <script src="{{ $js.RelPermalink }}"></script>
</body>
</html>
