Use HTTP redirect to obfuscate email address

src/.htaccess.njk

@@ -14,6 +14,9 @@ Header set Cache-Control "no-cache, public"
 
 RewriteEngine on
 
+# Redirect obfuscated email links to mailto link
+RewriteRule ^email/$ "mailto:{{ sitemeta.siteAuthor.email }}" [R=301,L]
+
 # Block bad bots
 RewriteCond %{HTTP_USER_AGENT} ({{ robots.htaccess }}) [NC]
 RewriteRule .* https://nocommercialuse.org/ [L]

src/_data/sitemeta.js

@@ -4,7 +4,7 @@ export const siteUrl = "https://" + siteDomain || "http://localhost:8080";
 export const siteAuthor = {
 	name: "Leilukin",
 	email: "contact@leilukin.com",
-	emailEncoded: "contact@leilukin.com",
+	emailEncoded: '<span class="email-encoded">contact@leilukin<b>.example</b>.com</span>',
 	url: siteUrl + "/about"
 };
 export const siteLanguage = "en";

src/_includes/global/footer.njk

@@ -1,7 +1,7 @@
 <footer class="footer">
     <p>
         <svg class="inline-icon" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48L48 64zM0 176L0 384c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-208L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
-        <a href="mailto:{{ sitemeta.siteAuthor.emailEncoded | safe }}">Contact me by email</a> (<a href="https://useplaintext.email/">plain text email</a> encouraged)
+        <a rel="nofollow, noindex" href="mail/">Contact me by email</a> (<a href="https://useplaintext.email/">plain text email</a> encouraged)
     </p>
 
 {%- block footerContent %}

src/assets/css/utility.css

@@ -42,6 +42,7 @@ a > .inline-icon { padding-inline-end: .25em; }
 }
 
 .item-list__indent { margin: 0.3em 0 0 1.25em; }
+.email-encoded b { display: none; }
 
 .hidden { display: none; }
 

src/index.njk

@@ -19,7 +19,7 @@ eleventyComputed:
 
     <p>You can browse all my contents published on this site through the <a href="/archive">Archive</a> page, or the <a href="/categories">Content Categories</a> page. You can use the <a href="/sitemap">site map</a> to navigate this website.</p>
 
-    <p>Feel free to drop a message and say hi on <a href="/guestbook">my guestbook</a>! You can also contact me by <a href="mailto:{{ sitemeta.siteAuthor.emailEncoded | safe }}">sending me an email</a>. Using <a href="https://useplaintext.email/">plain text email</a> is encouraged.</p>
+    <p>Feel free to drop a message and say hi on <a href="/guestbook">my guestbook</a>! You can also contact me by <a rel="nofollow, noindex" href="mail/">sending me an email</a>. Using <a href="https://useplaintext.email/">plain text email</a> is encouraged.</p>
 
     <p>Read the <a href="/about">About</a> page to learn more about this site and its webmaster.</p>
 

src/slashes/navbarlinks/about.md

@@ -54,7 +54,7 @@ I am also autistic, so I use this website as a platform to catalogue my interest
 
 Leilukin is not my real name, but it is an internet pseudonym that I have used since I was a teenager, so the name has become my online identity, and I prefer to go by Leilukin in informal online spaces.
 
-You can contact me via email: {{ sitemeta.siteAuthor.emailEncoded | safe }}. Using [plain text email](https://useplaintext.email/) is encouraged.
+You can contact me via email: [{{ sitemeta.siteAuthor.emailEncoded | safe }}](email/){rel="nofollow, noindex"}. Using [plain text email](https://useplaintext.email/) is encouraged.
 
 [Check out my Now page](/now) to learn what I am doing right now.