Add markup renderers

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

assets/sass/heading.scss

@@ -0,0 +1,10 @@
+.heading {
+  .heading-anchor {
+    opacity: 0;
+    transition: opacity 0.2s ease;
+  }
+}
+
+.heading:hover .heading-anchor {
+  opacity: 1;
+}

assets/sass/main.scss

@@ -6,6 +6,7 @@ $width-max: 60rem;
 @import "fonts";
 @import "common";
 
+@import "heading";
 @import "image";
 
 @import "header";

layouts/_default/_markup/render-heading.html

@@ -0,0 +1,4 @@
+<h{{ .Level }} id="{{- .Anchor | safeURL -}}" class="heading">
+  {{ .Text | safeHTML }}
+  <a href="#{{- .Anchor | safeURL -}}" class="heading-anchor">#</a>
+</h{{ .Level }}>

layouts/_default/_markup/render-image.html

@@ -0,0 +1,6 @@
+{{ partial "image.html" (dict
+  "path" .Destination
+  "caption" .Text
+  "alt" .Title
+  )
+}}

layouts/_default/_markup/render-link.html

@@ -0,0 +1,9 @@
+<a
+  href="{{- .Destination | safeURL -}}"
+  {{ with .Title }}title="{{- . -}}"{{ end }}
+  {{ if strings.HasPrefix .Destination "http" }}
+    target="_blank" rel="noopener"
+  {{ end }}
+>
+  {{ .Text | safeHTML }}
+</a>

layouts/partials/image.html

@@ -1,10 +1,14 @@
 {{- $path := .path -}}
-{{- $alt := .alt -}}
 {{- $caption := .caption -}}
+{{- $alt := default .caption .alt -}}
 
 {{ if $path }}
   <figure class="image">
-    <img src="{{- $path | absURL -}}" {{ with $alt }}alt="{{- . -}}"{{ end }} />
+    <img
+      src="{{- $path | absURL -}}"
+      {{ with $caption }}title="{{- . -}}"{{ end }}
+      {{ with $alt }}alt="{{- . -}}"{{ end }}
+    />
     {{ with $caption }}
       <figcaption>{{ . }}</figcaption>
     {{ end }}

treefmt.nix

@@ -32,5 +32,7 @@
     ".envrc"
     "public/**"
     "static/**"
+    # FIXME: https://github.com/NiklasPor/prettier-plugin-go-template/issues/120
+    "layouts/_default/_markup/render-heading.html"
   ];
 }