feat: add the img-grid shortcode (#105)

hugomods · Jan 13, 2024 · b45a888 · b45a888
1 parent 0bbc682
commit b45a888
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 0 deletions.
diff --git a/layouts/partials/bootstrap/img-grid.html b/layouts/partials/bootstrap/img-grid.html
@@ -0,0 +1,28 @@
+{{- $key := "" }}
+{{- if .IsNamedParams }}
+  {{- $key = .Get "data" }}
+{{- else }}
+  {{- $key = .Get 0 }}
+{{- end }}
+{{- $data := partialCached "bootstrap/functions/data" (dict "key" $key "page" .Page) .Page $key }}
+{{- with $data }}
+<div class="d-flex bs-img-grid flex-wrap gap-1 justify-content-center">
+  {{- range . }}
+    {{- $img := partial "images/image" (dict
+      "Filename" .src
+      "ClassName" "bs-img-grid-item-img"
+      "Alt" .title
+      "Caption" .title)
+    }}
+    {{- if .url }}
+      <a class="bs-img-grid-item text-center" href="{{ .url }}" target="_blank">
+        {{ $img }}
+      </a>
+    {{- else }}
+      <div class="bs-img-grid-item text-center">
+        {{ $img }}
+      </div>
+    {{- end }}
+  {{- end }}
+</div>
+{{- end }}
diff --git a/layouts/shortcodes/bootstrap/img-grid.html b/layouts/shortcodes/bootstrap/img-grid.html
@@ -0,0 +1 @@
+{{ partial "bootstrap/img-grid" . }}
diff --git a/layouts/shortcodes/bs/img-grid.html b/layouts/shortcodes/bs/img-grid.html
@@ -0,0 +1 @@
+{{ partial "bootstrap/img-grid" . }}