Protection of mail addresses using base64 encoding

themes/tsc_vfl/assets/js/mails.js

@@ -0,0 +1,7 @@
+$(function() {
+    $('.mail-link').each((idx, e) => {
+        const hrefBase64 = $(e).attr('href');
+        const href = atob(hrefBase64);
+        $(e).prop('href', href);
+    })
+})

themes/tsc_vfl/layouts/partials/page/head.html

@@ -21,4 +21,5 @@
     <script defer src="{{ relURL "js/jquery-3.6.3.min.js" }}"></script>
     <script defer src="{{ relURL "js/slider.js" }}"></script>
     <script defer src="{{ relURL "js/gallery.js" }}"></script>
+    <script defer src="{{ (resources.Get "js/mails.js" ).RelPermalink }}"></script>
 </head>

themes/tsc_vfl/layouts/shortcodes/mail-link.html

@@ -0,0 +1,3 @@
+<a class="mail-link" href="{{ printf "mailto:%s" (.Get "mail") | encoding.Base64Encode }}">
+    {{ .Inner }}
+</a>

themes/tsc_vfl/layouts/shortcodes/tsc/vorstand.html

@@ -30,7 +30,9 @@
             <div class="role">{{ $.Get "role" }}</div>
             <div class="name">
                 {{ with $.Get "mail" }}
-                    <a href="mailto:{{ . }}"><img src="/img/mail.jpg" class="mail-icon"></a>
+                    <a href="{{ printf "mailto:%s" . | encoding.Base64Encode }}" class="mail-link">
+                        <img src="/img/mail.jpg" class="mail-icon">
+                    </a>
                 {{ end }}
                 {{ .Params.title }}
             </div>