figbert.com-website

commit 057754f67620bf64be8f2c8623281982f7e8cd5a
parent 2d654b0b72784ec5d313bfab272aa83f7e56760b
Author: FIGBERT <figbert@figbert.com>
Date:   Sun, 18 Aug 2024 19:50:02 -0700

Update anchor links with hand-drawn illustration

Diffstat:
M
static/global.css
 | 
3
++-
M
templates/anchor-link.html
 | 
6
+++---

2 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/static/global.css b/static/global.css
@@ -115,8 +115,9 @@ small {
 .zola-anchor {
   opacity: 0;
   position: absolute;
+  top: -1ch;
   right: 100.5%;
-  font-size: 60%;
+  width: 2ch;
   transition: opacity 0.3s cubic-bezier(1, 0, 0, 1);
 }
 
diff --git a/templates/anchor-link.html b/templates/anchor-link.html
@@ -1,3 +1,3 @@
-<a class="zola-anchor" href="#{{ id }}" aria-label="Anchor link for: {{ id }}"
-  >#</a
->
+<a class="zola-anchor" href="#{{ id }}" aria-label="Anchor link for: {{ id }}">
+  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 70 71"><path fill="currentColor" d="m56.874 31.996-2.19 2.161-1.483 7.94-.105 10.197-1.451 1.45-11.61.105-4.397.781-2.234 4.49.075.946.741.741.952.075 6.322-2.788 13.824-.03 2.02-1.528.105-10.196 1.38-9.058.005-3.263-.717-1.378M45.073 41.12 34.58 33.948l-15.908-9.863-4.365-4.202-.807-1.99-1.452-1.45-1.867.005-.745.745-.006 3.281 8.404 8.595 16.463 10.068L49.35 50.569l1.625-1.81v-1.874"/></svg>
+</a>