From a7d1faa0a858e658990a027d1435842817ecaa2c Mon Sep 17 00:00:00 2001
From: Nikolaos Karaolidis <nick@karaolidis.com>
Date: Fri, 8 Aug 2025 10:53:21 +0200
Subject: [PATCH] Add markup renderers

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>
---
 assets/sass/heading.scss                     | 10 ++++++++++
 assets/sass/main.scss                        |  1 +
 layouts/_default/_markup/render-heading.html |  4 ++++
 layouts/_default/_markup/render-image.html   |  6 ++++++
 layouts/_default/_markup/render-link.html    |  9 +++++++++
 layouts/partials/image.html                  |  8 ++++++--
 treefmt.nix                                  |  2 ++
 7 files changed, 38 insertions(+), 2 deletions(-)
 create mode 100644 assets/sass/heading.scss
 create mode 100644 layouts/_default/_markup/render-heading.html
 create mode 100644 layouts/_default/_markup/render-image.html
 create mode 100644 layouts/_default/_markup/render-link.html

diff --git a/assets/sass/heading.scss b/assets/sass/heading.scss
new file mode 100644
index 0000000..31339d1
--- /dev/null
+++ b/assets/sass/heading.scss
@@ -0,0 +1,10 @@
+.heading {
+  .heading-anchor {
+    opacity: 0;
+    transition: opacity 0.2s ease;
+  }
+}
+
+.heading:hover .heading-anchor {
+  opacity: 1;
+}
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index 29d16de..2325a91 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -6,6 +6,7 @@ $width-max: 60rem;
 @import "fonts";
 @import "common";
 
+@import "heading";
 @import "image";
 
 @import "header";
diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html
new file mode 100644
index 0000000..4c8a0db
--- /dev/null
+++ b/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 }}>
diff --git a/layouts/_default/_markup/render-image.html b/layouts/_default/_markup/render-image.html
new file mode 100644
index 0000000..ade3e86
--- /dev/null
+++ b/layouts/_default/_markup/render-image.html
@@ -0,0 +1,6 @@
+{{ partial "image.html" (dict
+  "path" .Destination
+  "caption" .Text
+  "alt" .Title
+  )
+}}
diff --git a/layouts/_default/_markup/render-link.html b/layouts/_default/_markup/render-link.html
new file mode 100644
index 0000000..9ec19f7
--- /dev/null
+++ b/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>
diff --git a/layouts/partials/image.html b/layouts/partials/image.html
index d7f08dc..c27a2f2 100644
--- a/layouts/partials/image.html
+++ b/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 }}
diff --git a/treefmt.nix b/treefmt.nix
index a4ce36e..30beb9d 100755
--- a/treefmt.nix
+++ b/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"
   ];
 }