chore: improve email protect

.vscode/settings.json

@@ -3,6 +3,7 @@
   "editor.codeActionsOnSave": {
     "source.fixAll": true
   },
+  "editor.wordWrap": "on",
   "markdownlint.config": {
     "single-h1": false,
     "no-inline-html": false,

assets/customize.js

@@ -1,5 +1,3 @@
-document.querySelectorAll('a[data-href]').forEach((element) => {
-  element.href = atob(element.dataset.href);
-  delete element.dataset.href;
-})
-
+document.querySelectorAll('a[href^="mailto:"]').forEach((element) => {
+  element.href = atob(element.href.replace(/^mailto:/, ''));
+});

layouts/_default/_markup/render-link.html

@@ -1,7 +1,7 @@
 {{- if hasPrefix .Destination "mailto:" -}}
 {{- $text := replace (replace .Text "-" "--") "_" "__" -}}
 {{- $icon := resources.GetRemote (printf "https://img.shields.io/badge/email-%s-blue.svg?style=flat-square" $text) -}}
-<a class="email" data-href="{{ .Destination | base64Encode }}"><img class="shields-icon" src="{{ $icon.Permalink }}" /></a>
+<a href="mailto:{{ .Destination | base64Encode }}"><img class="shields-icon" src="{{ $icon.Permalink }}" /></a>
 {{- else -}}
 <a href="{{ .Destination }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if hasPrefix .Destination "http" }} target="_blank"{{ end }}>
 {{- .Text | safeHTML -}}