Inject email into HTML pages

Replaces Cloudflare's email-decode.min.js

diff --git a/errors/404.html b/errors/404.html
index 65a69db759feb58f04528e9d36d25e8dc9169c22..dbe69046784f92b25a66d4081abceb7e6dd57b72 100644 (file)
--- a/errors/404.html
+++ b/errors/404.html
@@ -61,10 +61,10 @@
 
   <!-- Spacer element to stick the footer to the bottom of the page -->
   <div></div>
-  
+
   <footer>
     <address>
-      <a href="mailto:ardis@ardislu.dev">ardis@ardislu.dev</a>
+      <a href="#"><noscript>ardis [at] ardislu [dot] dev</noscript></a>
     </address>
   </footer>
 
@@ -80,6 +80,11 @@
 
     document.querySelector('div').remove();
     message.removeAttribute('hidden');
+
+    // Inject obfuscated email. To block low-effort scraping.
+    const addr = document.querySelector('address > a');
+    addr.href = atob('bWFpbHRvOmFyZGlzQGFyZGlzbHUuZGV2');
+    addr.textContent = atob('YXJkaXNAYXJkaXNsdS5kZXY=');
   </script>
 </body>
 

diff --git a/index.html b/index.html
index 09961563855e10a74d42d31b3ee557fe6cb749c2..df027767d0baf467fb36bb2948bf679f50bc15c2 100644 (file)
--- a/index.html
+++ b/index.html
@@ -111,7 +111,7 @@
     </div>
 
     <address>
-      <a href="mailto:ardis@ardislu.dev">ardis@ardislu.dev</a>
+      <a href="#"><noscript>ardis [at] ardislu [dot] dev</noscript></a>
     </address>
   </footer>
 

diff --git a/script.js b/script.js
index 52dd42c677c518c1f8f150f6de4cbf478d8dc526..5cc6af3cdda651b1fb03ee91868c0e00fee33438 100644 (file)
--- a/script.js
+++ b/script.js
@@ -405,5 +405,10 @@ articleSkeleton.insertAdjacentHTML('beforeend',
   </article>`);
 globalThis.components.set('article-skeleton', articleSkeleton);
 
+/* Inject obfuscated email. To block low-effort scraping. */
+const addr = document.querySelector('address > a');
+addr.href = atob('bWFpbHRvOmFyZGlzQGFyZGlzbHUuZGV2');
+addr.textContent = atob('YXJkaXNAYXJkaXNsdS5kZXY=');
+
 help();
 showPage(location.pathname); // To support direct links to articles