add header anchors

config.toml

···
 [markdown]
 highlight_code = true
 highlight_theme = "material-dark"
-
-# smart_punctuation = true
+smart_punctuation = false
 bottom_footnotes = true
+insert_anchor_links = "left"
 
 [search]
 index_format = "elasticlunr_json"

sass/style.scss

···
     color: var(--primary);
 }
 
+.zola-anchor {
+    text-decoration: none;
+    transition: color 0.5s ease;
+    color: var(--secondary);
+    &:hover {
+        color: var(--accent);
+    }
+}
+
 .dollcode {
     transition: color 2s;
     color: var(--accent);

templates/anchor-link.html

···
+<a
+    class="zola-anchor"
+    href="#{{ id }}"
+    aria-label="Anchor link for: {{ id }}"
+>#</a>