raghnarok/hugo_frigg
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

[THEME] Fix the gallery for the archives

Browse source
This commit is contained in:
Gregory Trolliet 2023-09-08 14:23:33 +02:00
parent 65e10d6e7c
commit 05907377fe
2 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
layouts/archives/single.html
View file

@ -11,23 +11,28 @@
{{ $img := newScratch }} {{ $img := newScratch }}
{{ $folder := (print "/content/" .File.Dir "gallery/") }} {{ $folder := (print "/content/" .File.Dir "gallery/") }}
{{ $files := readDir $folder }} {{ $files := readDir $folder }}
{{ $img.Set "max" 0 }}
{{ range sort $files "Name" "asc" }} {{ range sort $files "Name" "asc" }}
{{ if not .IsDir }} {{ if not .IsDir }}
{{ $img.Add "list" (slice .Name) }} {{ if not (in .Name "thumb") }}
{{ $img.Add "list" (slice .Name) }}
{{ $img.Set "max" (add ($img.Get "max") 1) }}
{{ end }}
{{ end }} {{ end }}
{{ end }} {{ end }}
{{ with ($img.Get "list") }}
{{ $img.Set "max" (add 1 (int (index (split (index (split (index (last 1 .) 0) ".") 0) "img") 1))) }}
{{ end }}
{{ range $index, $val := $img.Get "list" }} {{ range $index, $val := $img.Get "list" }}
{{ $curr := index (split $val ".") 0 }} {{ $curr := index (split $val ".") 0 }}
{{ $prec := mod (add (sub $index 1) ($img.Get "max")) ($img.Get "max") }} {{ $prec := mod (add (sub $index 1) ($img.Get "max")) ($img.Get "max") }}
{{ $next := mod (add $index 1) ($img.Get "max") }} {{ $next := mod (add $index 1) ($img.Get "max") }}
<a class="thumb hidden_link" href="#img{{ $index }}"> <a class="thumb hidden_link" href="#img{{ $index }}">
<img src="gallery/thumb/{{ $curr }}.jpg"> <picture>
<source srcset="gallery/{{ $curr }}.thumb.avif" type="image/avif"/>
<source srcset="gallery/{{ $curr }}.thumb.webp" type="image/webp"/>
<img src="gallery/{{ $curr }}.thumb.jpg"/>
</picture>
</a> </a>
<!-- lightbox container hidden with CSS --> <!-- lightbox container hidden with CSS -->
<div class="lightbox" id="{{ $curr }}"> <div class="lightbox" id="img{{ $index }}">
<a href="#img{{ $prec }}" class="light-btn hidden_link btn-prev"><<</a> <a href="#img{{ $prec }}" class="light-btn hidden_link btn-prev"><<</a>
<a href="#_" class="btn-close hidden_link">X</a> <a href="#_" class="btn-close hidden_link">X</a>
<img src="gallery/{{ $val }}"> <img src="gallery/{{ $val }}">

2
static/css/style.css
View file

@ -796,7 +796,7 @@ blockquote:after {
.thumb:hover { .thumb:hover {
z-index: 2; z-index: 2;
} }
.thumb>img { .thumb img {
max-height: 150px; max-height: 150px;
max-width: 150px; max-width: 150px;
border: solid 4px var(--background-color-dark); border: solid 4px var(--background-color-dark);