Add titles anchor links

OpenTermsArchive · Jul 8, 2024 · 8e3eeb5 · 8e3eeb5
1 parent 21c4cc4
commit 8e3eeb5
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/themes/opentermsarchive/assets/css/elements/titles.css b/themes/opentermsarchive/assets/css/elements/titles.css
@@ -119,3 +119,18 @@ h6,
   color: var(--colorBlack800);
   line-height: 1.25;
 }
+
+.title-anchor {
+  color: var(--colorBlack400);
+  font-size: 0.8em;
+  font-weight: normal;
+  display: none;
+}
+
+h2, h3, h4, h5, h6 {
+  &:hover {
+    a.title-anchor {
+      display: inline;
+    }
+  }
+}
diff --git a/themes/opentermsarchive/layouts/_default/_markup/render-heading.html b/themes/opentermsarchive/layouts/_default/_markup/render-heading.html
@@ -0,0 +1,6 @@
+<h{{ .Level }} id="{{ .Anchor }}">
+  {{ .Text | safeHTML }}
+  {{ if ne .Level 1 }}
+    <a class="title-anchor" href="#{{ .Anchor }}">🔗</a>
+  {{ end }}
+</h{{ .Level }}>