ivo/hugo-theme-noteworthy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: ivo:c5bbf1477eb01ba0e2d166d2debb3f6874ca2f54
Branches Tags
ivo:master
...
compare: ivo:a679f15de1dcc63f10ab3aaaf7444ddb66566c5e
Branches Tags
ivo:master

2 Commits
c5bbf1477e ... a679f15de1

Author SHA1 Message Date
Ivaylo Ivanov
a679f15de1 Merge branch 'master' of ssh://git.ivayloivanov.eu:30000/ivo/hugo-theme-noteworthy 2025-03-25 15:27:27 +01:00
Ivaylo Ivanov
78b04e847e Add image gallery 2025-03-25 15:27:13 +01:00
1 changed files with 37 additions and 0 deletions
Show Stats Expand all files Collapse all files

37
layouts/shortcodes/image-gallery.html Normal file
View File

@ -0,0 +1,37 @@
{{/* https://hugocodex.org/add-ons/image-gallery/ */}}
{{/*
Add this to your config yaml to serve images from `static/albums``
module:
mounts:
source: static/albums
target: assets/albums
*/}}
<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>
{{ $dir := string .Params.gallery_dir }}
<ul class="image-gallery">
{{ range (readDir (print "/static" $dir)) }}
{{- $imageurl := printf "%s/%s" $dir .Name -}}
{{- $image := resources.Get $imageurl -}}
{{- $imagetitle := index (split .Name ".") 0 -}}
{{- if eq $image nil -}}
{{ return }}
{{- else -}}
<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 -}}
{{ end }}
</ul>