dbrun/blowfish
1
0
Fork 0
mirror of https://github.com/nunocoracao/blowfish.git synced 2026-01-30 15:31:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update carousel.html to support arbitrary aspect ratios

Browse Source
This commit is contained in:
Ted
2025-09-28 09:29:30 -05:00
parent e26666c001
commit 45c084afa0
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/shortcodes/carousel.html
+7 -3
View File
@@ -1,5 +1,7 @@
{{ $id := delimit (slice "carousel" (partial "functions/uid.html" .) (now.UnixNano)) "-" }} {{ $id := delimit (slice "carousel" (partial "functions/uid.html" .) (now.UnixNano)) "-" }}
{{ $aspect := default "16-9" (.Get "aspectRatio") }} {{ $aspect := (split (.Get "aspectRatio") "-") }}
{{ $aspectx := default "16" (index $aspect 0) }}
{{ $aspecty := default "9" (index $aspect 1) }}
{{ $interval := default "2000" (.Get "interval") }} {{ $interval := default "2000" (.Get "interval") }}
{{ $page := .Page.Resources }} {{ $page := .Page.Resources }}
@@ -47,10 +49,12 @@
data-twe-carousel-item data-twe-carousel-item
style="transition-duration: {{ $interval }}ms;" style="transition-duration: {{ $interval }}ms;"
{{ if eq $index 0 }}data-twe-carousel-active{{ end }}> {{ if eq $index 0 }}data-twe-carousel-active{{ end }}>
<div class="ratio-{{ $aspect }} single_hero_background"> <div
class="single_hero_background"
style="aspect-ratio: {{ $aspectx }} / {{ $aspecty }};">
<img <img
src="{{ $image.RelPermalink }}" src="{{ $image.RelPermalink }}"
class="block absolute top-0 object-cover w-full h-full nozoom" class="block absolute top-0 object-cover w-full h-full not-prose nozoom"
alt="carousel image {{ add $index 1 }}"> alt="carousel image {{ add $index 1 }}">
</div> </div>
</div> </div>