dominic/oe7drt-website
1
1
Fork 0
Code Issues Pull requests Releases Activity

adds shortcode: image-gallery

Browse source 
but it is broken, it expects images in a subdirectory from /static
This commit is contained in:
Dominic Reich 2024-12-15 16:51:21 +01:00
parent 383b558026
commit 53e57869ca
Signed by: dominic
GPG key ID: BC9D6AE1A3BE169A
1 changed files with 24 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
layouts/shortcodes/image-gallery.html Normal file
View file

@ -0,0 +1,24 @@
<style>
.image-gallery {overflow: auto; margin-left: -1%!important;}
.image-gallery li {float: left; display: block; margin: 0 0 1% 1%; width: 19%;}
.image-gallery li a {text-align: center; text-decoration: none!important; color: #777;}
.image-gallery li a span {display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 3px 0;}
.image-gallery li a img {width: 100%; display: block;}
</style>
<!-- TODO: remove the /static part 4 lines below because I want to include them from the actual directory -->
{{ $dir := string (.Get "gallery_dir") }}
<ul class="image-gallery">
{{ range (readDir (print "/static" $dir)) }}
{{- $image := resources.Get (printf "%s/%s" $dir .Name) -}}
{{- $imageurl := printf "%s/%s" $dir .Name -}}
{{- $imagetitle := index (split .Name ".") 0 -}}
<li>
<a href="{{ ($image.Fit "1600x1600 q50").Permalink }}" title="{{ $imagetitle }}" class="lightbox-image">
<img src="{{ ($image.Fill "300x300 q50").Permalink }}" alt="{{ $imagetitle }}" title="{{ $imagetitle }}">
<span>{{ $imagetitle }}</span>
</a>
</li>
{{ end }}
</ul>