put obfuscated_email in html template

templates/base.html

@@ -80,22 +80,8 @@
     }
   });
   </script>
-
-  <!-- Matomo -->
-  <script>
-    var _paq = window._paq = window._paq || [];
-    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
-    _paq.push(['trackPageView']);
-    _paq.push(['enableLinkTracking']);
-    (function() {
-      var u="//matomo.ptrs.top/";
-      _paq.push(['setTrackerUrl', u+'matomo.php']);
-      _paq.push(['setSiteId', '1']);
-      var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-      g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
-    })();
-  </script>
-  <!-- End Matomo Code --
+  {% include 'obfuscated_email.html' %}
+  
 </body>
 
 </html>

templates/obfuscated_email.html

@@ -0,0 +1,27 @@
+<script>
+function obfuscateEmail(item) {
+	let href = item.href;
+	let innerHTML = item.innerHTML;
+	item.onmouseover = (_this) => {
+		const elt = _this.target;
+		const b64email = elt.href.match('[^/]*$').pop();
+		elt.href = 'mailto:' + atob(b64email);
+		elt.innerHTML = 'E-mail: ' + atob(b64email);
+	}
+	item.onmouseout = (_this) => {
+		_this.target.href = href;
+		_this.target.innerHTML = innerHTML;
+	}
+
+}
+
+function init() {
+	const elts = []
+	const query = document.getElementsByClassName("obfuscated_email")
+	for (let i = 0; i < query.length; i++) {
+		obfuscateEmail(query[i]);
+	}
+}
+
+window.onload = init
+</script>