From 4651772fdaef57f4e7ed03cf6a594fbe3854228b Mon Sep 17 00:00:00 2001
From: James Dinh <jamesdinh77@gmail.com>
Date: Sat, 28 Jan 2023 13:59:57 -0800
Subject: [PATCH] Added email replace

---
 buy.html      |  3 ++-
 js/general.js | 13 +++++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/buy.html b/buy.html
index 1cb5787..7d6f679 100644
--- a/buy.html
+++ b/buy.html
@@ -13,6 +13,7 @@
     <!-- <link rel="icon" href="img/icon.ico"> -->
     
     <!-- JavaScript Refs -->
+    <script defer src="js/general.js"></script>
     <style>
         @font-face {
             font-family: "Queensides";
@@ -52,7 +53,7 @@
     </div>
     <main>
         <div class="buy-info">
-            <h2>Interested in buying a piece? Contact me at<br><a class="email-link" target="_blank" href="mailto:nancypannikkat@gmail.com?subject=Art Purchase Inquiry">nancypannikkat@gmail.com</a></h2><br><br>
+            <h2>Interested in buying a piece? Contact me at<br><a class="email-link" target="_blank" href="mailto:nancypannikkat-at-gmail-dot-com">nancypannikkat (at) gmail (dot) com</a></h2><br><br>
             <h2>Or call me at<br><span class="emphasis-text">650-793-3954</span></h2>
         </div>
     </main>
diff --git a/js/general.js b/js/general.js
index 19f25ac..902b551 100644
--- a/js/general.js
+++ b/js/general.js
@@ -25,4 +25,17 @@ document.addEventListener( 'DOMContentLoaded', function() {
     function uncheck(id) {
         document.getElementById(id).checked = false;
     }
+
+    //Email Replace
+    function setAttributes(elem, attrs) {
+        for(var key in attrs) {
+          elem.setAttribute(key, attrs[key]);
+        }
+    }
+  
+    const tech_emails = document.querySelectorAll('.email-replace');
+    tech_emails.forEach(entry => {
+        setAttributes(entry, {"href": "mailto:nancypannikkat" + "@" + "gmail.com?subject=Art Purchase Inquiry", "target": "_blank"});
+        entry.innerHTML = "nancypannikkat" + "@" + "gmail.com";
+    });
 });
\ No newline at end of file