Support for Image Caption via <figcaption>; Customized site.min.css and _default/_markup/render_image.html

_vendor/git.sandpoints.org/Drawwell/SandpointsTheme/layouts/_default/_markup/render-image.html

@@ -1,21 +1,23 @@
-{{- $text_link := .Text -}}
+<!-- Layout element for the pattern: ![TEXT](URL) Used for Internal links; BIB references; videos; links to static files -->
+
+{{- $text_link := .Text -}} <!-- variable for the link text -->
 
 {{ $_ := newScratch }}
 {{- range $k, $v := .Page.Site.Data.sandpointsnamegraph -}}
   {{ $_.Add "triads" $k }}
 {{- end -}}
 
-{{- if strings.HasPrefix .Destination "img:" -}}
+{{- if strings.HasPrefix .Destination "img:" -}} <!--clause for prefix img: -->
   {{- $img_params := (substr .Destination 4) -}}
   {{- $img_src := index (split $img_params " ") 0 -}}
   {{- $img_attr := index (split $img_params $img_src) 1 -}}
 <img class="sandpoints-img" src="{{ $img_src }}" {{ $img_attr | safeHTMLAttr }} />
-{{- else if strings.HasPrefix .Destination "vid:" -}}
+{{- else if strings.HasPrefix .Destination "vid:" -}} <!-- clause for prefix vid: -->
   {{- $vid_params := (substr .Destination 4) -}}
   {{- $vid_src := index (split $vid_params " ") 0 -}}
   {{- $vid_attr := index (split $vid_params $vid_src) 1 -}}
 <video class="sandpoints-vid" controls src="{{ $vid_src }}" {{ $vid_attr | safeHTMLAttr }}></video>
-{{- else if strings.HasPrefix .Destination "bib:" -}}
+{{- else if strings.HasPrefix .Destination "bib:" -}} <!-- clause for prefix bib: -->
   {{- $destination := (substr .Destination 4) -}}
   {{- $c_prefix := .Page.Site.Params.sandpointsCatalogPrefix | default "/library/" -}}
   {{- if index $.Page.Site.Data.books.catalog $destination -}}
@@ -26,7 +28,7 @@
       {{- $bibtitle = printf "%s" $b.title }}
     {{ end }}
     {{ .Page.Scratch.Add "bibs" (slice (slice $bibhref $bibtitle)) }}
-    {{- if not $text_link -}}
+    {{- if not $text_link -}} <!-- if no title (in square brackets) then compile bibliographic citation text.-->
       <span>{{- delimit $b.authors ", " " & " -}}{{- with $b.pubdate -}},&nbsp;{{- substr . 0 4}}{{- end -}}.&nbsp;<a href="{{- $c_prefix | safeURL -}}BROWSE_LIBRARY.html#/book/{{- $destination -}}"{{- with $b.title}} title="{{- . -}}"{{- end -}} target="_blank"><span class="sup">bib⁄</span><i>{{- $b.title -}}</i></a>.&nbsp;{{- with $b.publisher -}}{{- . -}}.{{- end -}}</span>
       {{- else -}}
       <span class="sup">bib⁄</span><a href="{{- $c_prefix | safeURL -}}BROWSE_LIBRARY.html#/book/{{- $destination -}}"{{- with $b.title}} title="{{- . -}}"{{- end -}} target="_blank">{{- $text_link -}}</a>
@@ -34,7 +36,7 @@
   {{- else -}}
     <a href="{{- $c_prefix | safeURL -}}BROWSE_LIBRARY.html#/book/{{- $destination -}}"{{- with .Title}} title="{{- . -}}"{{- end -}}>{{- $text_link -}}⦚<span>bib:{{- $destination -}} not found</span></a>
   {{- end -}}
-{{- else if in ($_.Get "triads") (index (split .Destination ":") 0)  -}}
+{{- else if in ($_.Get "triads") (index (split .Destination ":") 0)  -}} <!-- clause for internal reference to some markdown file in /content/ -->
   {{- if $.Page.Site.GetPage (printf "/%s" (replace .Destination ":" "/")) -}}
     {{- $session := $.Page.Site.GetPage (printf "/%s" (replace .Destination ":" "/"))  -}}
     {{ .Page.Scratch.Add "links" (slice $session) }}
@@ -46,15 +48,18 @@
   {{- else -}}
     <a href="{{- .Destination -}}/{{- if eq hugo.Environment "offline" -}}index.html{{- end -}}">{{- $text_link -}}⦚<span>{{- .Destination -}} not found</span></a>
   {{- end -}}
-{{- else if strings.HasPrefix .Destination "audio:" -}}
+{{- else if strings.HasPrefix .Destination "audio:" -}} <!-- clause for prefix audio:-->
   {{- $a_destination := (substr .Destination 6) -}}
   {{- if findRE "^.*static" $a_destination -}}
     <span class="soundcite" data-url="{{- (replaceRE "^.*static" "" $a_destination ) | safeURL -}}">{{ .Text }}</span>
   {{- else -}}
     <span class="soundcite" data-url="{{- $a_destination  | safeURL -}}">{{ .Text }}</span>
   {{- end -}}
-{{- else if findRE "^.*static" .Destination -}}
+{{- else if findRE "^.*static" .Destination -}} <!-- EDITED clause for link to file in /static/ folder -->
-  <img src="{{- (replaceRE "^.*static" "" .Destination ) | safeURL -}}" alt="{{- .Text -}}" {{- with .Title}} title="{{- . -}}"{{- end -}} />
+  <img src="{{- (replaceRE "^.*static" "" .Destination ) | safeURL -}}" alt="{{- .Title -}}" {{- with .Title}} title="{{- . -}}"{{- end -}} />
-{{- else -}}
+	{{ if .Text }}
+		<figcaption> {{with .Text }} {{ . }} {{end}}</figcaption> <!-- ALT becomes caption. Title becomes moouse over text.-->
+	{{ end }}
+{{- else -}} <!-- else-->
   <img src="{{- .Destination | safeURL -}}" alt="{{- .Text -}}" {{- with .Title}} title="{{- . -}}"{{- end -}} />
 {{- end -}}

_vendor/git.sandpoints.org/Drawwell/SandpointsTheme/static/css/site.min.css

@@ -1,4 +1,4 @@
-html,body,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr{
+html,body,dl,dt,dd,blockquote,figcaption, figure,fieldset,legend,textarea,pre,iframe,hr{
     margin:0;
     padding:0
 }
@@ -247,6 +247,7 @@ input:focus,select:focus,textarea:focus,label:focus,button:focus{
     font-size:1em;
     margin-left:-.37em
 }
+
 footer{
     display:flex;
     margin-bottom:1rem;
@@ -464,6 +465,13 @@ blockquote{
 code { /*edited by anybody; added background color same as in pre above*/
     background-color: #fff5f5;
 }
+figcaption {/*edited by anybody*/
+	margin-left:1rem;
+	font-size: 75%; 
+	margin-bottom:1rem;
+	margin-top: -0.7rem; /*negative top margin so that it's colser to the image*/
+}
+
 h2+p:first-letter{
     font-family:great vibes,cursive;
     color:rgba(0,0,0,.8);