add email address (obfuscated)

img/email.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="#EB5757"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z "></path></svg>
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="#FFFFFF"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z "></path></svg>

index.html

@@ -35,10 +35,28 @@ Previously at Google, reCAPTCHA, &amp; Carnegie Mellon.</p>
 <!-- SVG icons from https://microicon-clone.vercel.app/git/24/FFFFFF -->
 
 <p><a href="https://twitter.com/mcmillen"><img alt="@mcmillen" src="/img/twitter.svg"></a> <a href="https://twitter.com/mcmillen">@mcmillen</a></p>
-<!-- TODO: email address -->
+<p><a href="mailto:email@example.com"><img alt="email" src="/img/email.svg"></a> <a href="mailto:email@example.com">colin at mcmillen dot dev</a></p>
-
 <p><a href="https://git.mcmillen.dev/mcmillen?tab=activity"><img alt="Git" src="/img/git.svg"></a> <a href="https://git.mcmillen.dev/mcmillen?tab=activity">git.mcmillen.dev</a></p>
 <p>For more details, check my <a href="resume.html">resumé</a> &amp; <a href="publications.html">publications</a>.</p>
+<script>
+  const mailtoArray = [
+    'm', 'a', 'i', 'l', 't', 'o', ':',
+    'c', 'o', 'l', 'i', 'n', '@',
+    'm', 'c', 'm', 'i',  'l', 'l', 'e', 'n',
+    '.', 'd', 'e', 'v'];
+  const mailtoLink = mailtoArray.join('');
+  const anchors = document.getElementsByTagName('a');
+  for (let i = 0; i < anchors.length; i++) {
+    const anchor = anchors[i];
+    if (anchor.href == 'mailto:email@example.com') {
+       anchor.href = mailtoLink;
+       if (anchor.innerText == 'colin at mcmillen dot dev') {
+        anchor.innerText = mailtoLink.substring(7);
+      }
+    }
+  }
+</script>
+
 <h2 id="recent-updates">Recent Updates</h2>
 <p>You can sign up for occasional updates via my <a href="https://tinyletter.com/mcmillen">email newsletter</a>.</p>
 <ul>