redstrate/redstrate.com
1
Fork 0
Code Activity Actions

Use flex for gallery images

Browse source
This commit is contained in:
Joshua Goins 2022-10-25 16:08:36 -04:00
parent ccb0f2e17c
commit c90ae131ce
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
themes/red/assets/css/site.css
View file

@ -80,3 +80,8 @@ footer {
border: 1px black solid; border: 1px black solid;
border-radius: 5px; border-radius: 5px;
} }
.gallery-con {
display: flex;
flex-wrap: wrap;
}

5
themes/red/layouts/_default/gallery.html
View file

@ -13,8 +13,9 @@
{{ range sort .years "year" "desc" }} {{ range sort .years "year" "desc" }}
<h4>{{ .year }}</h4> <h4>{{ .year }}</h4>
<div class="gallery-con">
{{ range .pieces }} {{ range .pieces }}
<figure> <figure class="gallery-fig">
{{ $full := resources.Get (printf "%s/%s" ($.Param "json") .filename) }} {{ $full := resources.Get (printf "%s/%s" ($.Param "json") .filename) }}
<a href="{{ $full.Permalink }}"> <a href="{{ $full.Permalink }}">
@ -41,6 +42,8 @@
</figcaption> </figcaption>
</figure> </figure>
{{ end }} {{ end }}
</div>
{{ end }} {{ end }}
{{ end }} {{ end }}
{{ end }} {{ end }}