From 9664764db5de3724809057d9b6c6cdc1a4774cbf Mon Sep 17 00:00:00 2001
From: Ville Lindholm <ville@lindholm.dev>
Date: Fri, 4 Oct 2024 10:38:00 +0300
Subject: [PATCH] obfuscate email a bit

---
 layouts/_default/baseof.html | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index a6a8260..8e15631 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -31,12 +31,19 @@
     <!-- a naive email obfuscator to counteract scrapers -->
     <script>
         window.addEventListener('DOMContentLoaded', function () {
-            let first = 'ville';
-            let at = '@';
-            let last = 'lindholm';
             document.querySelectorAll('span#lindholm-email').forEach(function (span) {
-                span.innerHTML = `${first}${at}${last}.dev`;
+                span.innerHTML = "Rendering email...";
+                span.setAttribute('aria-busy', 'true');
             });
+            setTimeout(function () {
+                let first = 'ville';
+                let at = '@';
+                let last = 'lindholm';
+                document.querySelectorAll('span#lindholm-email').forEach(function (span) {
+                    span.innerHTML = `${first}${at}${last}.dev`;
+                    span.removeAttribute('aria-busy');
+                });
+            }, 2000);
         });
     </script>
 </head>
@@ -50,7 +57,9 @@
                 </li>
             </ul>
             <ul>
-                <li><a href="/cv" class="contrast">CV</a></li>
+                <li><a href="/cv">
+                        <h5>CV</h5>
+                    </a></li>
                 <!-- <li><a href="/blog" class="contrast">Blog</a></li> -->
             </ul>
         </nav>