Added support for syntax for image titles

README.md

@@ -17,6 +17,7 @@ As well as some additional **features**:
 - Added random footer messages
 - Added "Edit this on GitHub" button
 - Added `inlineimg` shortcode to render images (e.g. SVGs) in-line
+- Added support for `![](image title="title")` syntax for image titles
 - Random, somewhat humorous messages at the end of each post
 
 And some **bugfixes**:

layouts/_default/_markup/render-image.html

@@ -0,0 +1,8 @@
+{{ if .Title }}
+  <figure>
+    <img src="{{ .Destination | safeURL }}" alt="{{ .Text }}" class="figcaption-img">
+    <figcaption>{{ .Title }}</figcaption>
+  </figure>
+{{ else }}
+  <img src="{{ .Destination | safeURL }}" alt="{{ .Text }}">
+{{ end }}

static/css/main.css

@@ -488,4 +488,15 @@ ul {
     margin: 0 0 0 0 !important;
     max-width: 100%;
     display: inline-block !important;
+}
+
+.figcaption-img {
+    margin-bottom: 0px;
+}
+
+figcaption {
+    font-size: 0.9rem;
+    display: block;
+    text-align: center;
+    color: gray;
 }