Improve figures

- Add option to disable border and caption

assets/css/bobastyle.css

@@ -112,7 +112,7 @@ img, video {
   max-width: 100%;
 }
 
-img:not(.noborder), video:not(.noborder) {
+figure.border img, figure.border video {
   padding: 5px;
   border: 7px solid #1b5b9b;
 }

layouts/_default/single.html

@@ -19,7 +19,7 @@
 
 {{ with .Resources.GetMatch "feature" }}
 <div class="post-media">
-    {{ partial "figure.html" . }}
+    {{ partial "figure.html" (dict "src" . "border" true) }}
 </div>
 {{ end }}
 

layouts/_default/summary.html

@@ -13,7 +13,7 @@
 
     {{ with .Resources.GetMatch "feature" }}
     <div class="post-media">
-        {{ partial "figure.html" . }}
+        {{ partial "figure.html" (dict "src" . "border" true) }}
     </div>
     {{ end }}
 

layouts/partials/figure.html

@@ -1,4 +1,12 @@
+{{ $hidecaption := index . "hidecaption" }}
+
+{{ if index . "border" }}
+<figure class="border">
+{{ else }}
 <figure>
+{{ end }}
+    {{ with index . "src" }}
+
     {{ $media := . | resources.Fingerprint "sha512" }}
     {{ if eq .MediaType.MainType "image" }}
     <img src="{{ $media.Permalink }}" alt="{{ $media.Title }}" />
@@ -9,9 +17,13 @@
     </video>
     {{ end }}
 
+    {{ if not $hidecaption }}
     {{ with $media.Title }}
     <figcaption>
         {{ . | markdownify }}
     </figcaption>
     {{ end }}
+    {{ end }}
+
+    {{ end }}
 </figure>

layouts/shortcodes/figure.html

@@ -1,2 +1,15 @@
 {{ $resource := $.Page.Resources.GetMatch (.Get "src") }}
-{{ partial "figure.html" $resource }}
+
+{{ $border := false }}
+{{ if .Get "border" }}
+{{ $border = true }}
+{{ end }}
+
+{{ $hidecaption := false }}
+{{ if .Get "hidecaption" }}
+{{ $hidecaption = true }}
+{{ end }}
+
+<p>
+    {{ partial "figure.html" (dict "src" $resource "border" $border "hidecaption" $hidecaption) }}
+</p>