diff --git a/content/index.md b/content/index.md
index 561355d..658dc5d 100644
--- a/content/index.md
+++ b/content/index.md
@@ -7,12 +7,30 @@ Previously at Google, reCAPTCHA, & Carnegie Mellon.
 
 [![@mcmillen](/img/twitter.svg)](https://twitter.com/mcmillen) [@mcmillen](https://twitter.com/mcmillen)
 
-<!-- TODO: email address -->
+[![email](/img/email.svg)](mailto:email@example.com) [colin at mcmillen dot dev](mailto:email@example.com)
 
 [![Git](/img/git.svg)](https://git.mcmillen.dev/mcmillen?tab=activity) [git.mcmillen.dev](https://git.mcmillen.dev/mcmillen?tab=activity)
 
 For more details, check my [resumé](resume.html) & [publications](publications.html).
 
+<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>
 
 ## Recent Updates
 
diff --git a/static/img/email.svg b/static/img/email.svg
new file mode 100644
index 0000000..d7899d2
--- /dev/null
+++ b/static/img/email.svg
@@ -0,0 +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="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>
\ No newline at end of file