crude image gallery with lightbox

2024-04-07 16:37:20 +02:00
parent 95dadaa1b9
commit 3aa5db585f
7 changed files with 52 additions and 2 deletions
@@ -29,7 +29,8 @@
      >
        &uarr;
      </button>
-      <script src="/js/top-arrow.js"></script>
    </div>
+    <script src="/js/top-arrow.js"></script>
+    <script src="/js/lightbox-plus-jquery.min.js"></script>
  </body>
 </html>
@@ -18,4 +18,6 @@
  </div>
 </div>

+{{- partial "post-gallery.html" . -}} 
+
 {{ end }}
@@ -4,4 +4,5 @@
  <title>Knäckebootcrew</title>
  {{ $styles := resources.Get "style.css" }}
  <link rel="stylesheet" href="{{ $styles.Permalink }}" />
+  <link rel="stylesheet" href="/css/lightbox.min.css" />
 </head>
@@ -0,0 +1,6 @@
+{{ $image := (.Page.Resources.ByType "image") }}
+{{ with $image }}
+    {{ range . }}
+        <a href="{{ .Permalink }}" data-lightbox="x"><img src="{{ .Permalink }}" /></a>
+    {{ end }}
+{{ end }}