✨ feat: add anchor header links on hover

Closes #64

content/blog/_index.md

@@ -4,4 +4,5 @@ path = "/blog"
 title = "Blog"
 sort_by = "date"
 template = "section.html"
+insert_anchor_links = "left"
 +++

sass/parts/_misc.scss

@@ -31,6 +31,30 @@ iframe {
   margin-bottom: 3vmin;
 }
 
+.zola-anchor {
+  font-size: 1rem;
+  position: absolute;
+  margin-left: -1.7em;
+  padding-right: 0.45em;
+  padding-left: 0.4em;
+  opacity: 0;
+}
+
+h1:hover .zola-anchor,
+h2:hover .zola-anchor,
+h3:hover .zola-anchor,
+h4:hover .zola-anchor,
+h5:hover .zola-anchor,
+h6:hover .zola-anchor {
+  opacity: 1;
+}
+
+h1, h2, h3, h4, h5, h6{
+  a:hover {
+  background-color: transparent;
+  }
+}
+
 ul {
   margin-top: 0;
 }
@@ -91,7 +115,7 @@ a:hover {
   color: var(--hover-color);
 }
 
-a:not(.no-hover-padding)::before {
+a:not(.no-hover-padding, .zola-anchor)::before {
   content: "";
   position: absolute;
   top: 0;