From 76e2d689fbf2411e8cb287ea28393e6443d02328 Mon Sep 17 00:00:00 2001
From: James Dinh <jamesdinh77@gmail.com>
Date: Sat, 28 Jan 2023 14:03:34 -0800
Subject: [PATCH] Added email replace

---
 about.html      |  1 +
 buy.html        |  2 +-
 index.html      |  1 +
 js/general.js   | 24 ++----------------------
 js/slideshow.js | 20 ++++++++++++++++++++
 5 files changed, 25 insertions(+), 23 deletions(-)
 create mode 100644 js/slideshow.js

diff --git a/about.html b/about.html
index 65dfe9a..3578d40 100644
--- a/about.html
+++ b/about.html
@@ -13,6 +13,7 @@
     <!-- <link rel="icon" href="img/icon.ico"> -->
     
     <!-- JavaScript Refs -->
+    <script defer src="js/general.js"></script>
     <script src="js/jquery-3.6.1.min.js"></script>
     <script defer src="js/contact.js"></script>
     <style>
diff --git a/buy.html b/buy.html
index 7d6f679..6af330d 100644
--- a/buy.html
+++ b/buy.html
@@ -53,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-at-gmail-dot-com">nancypannikkat (at) gmail (dot) com</a></h2><br><br>
+            <h2>Interested in buying a piece? Contact me at<br><a class="email-link email-replace" 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/index.html b/index.html
index faf9b17..92805d1 100644
--- a/index.html
+++ b/index.html
@@ -21,6 +21,7 @@
     <!-- JavaScript Refs -->
     <script defer src="js/general.js"></script>
     <script defer src="js/splide.min.js"></script>
+    <script defer src="js/slideshow.js"></script>
     <!-- <script defer src="js/jquery-3.6.1.min.js"></script>
     <script defer src="js/jquery.watermark.min.js"></script>
     <script defer src="js/applywatermark.js"></script> -->
diff --git a/js/general.js b/js/general.js
index 902b551..6e25d55 100644
--- a/js/general.js
+++ b/js/general.js
@@ -1,24 +1,4 @@
 document.addEventListener( 'DOMContentLoaded', function() {
-    var splide = new Splide( '.splide', {
-        type   : 'loop',
-        perPage: 1,
-        focus  : 'center',
-        autoWidth: true,
-        autoplay: true,
-        mediaQuery: 'max',
-        breakpoints: {
-            1000: {
-                destroy: true,
-            },
-        },
-        lazyLoad: true,
-        keyboard: true,
-        isNavigation: true,
-        pauseOnFocus: true,
-        speed: 2000,
-        interval: 7000,
-    } );
-    splide.mount();
     window.onload = function() {
         uncheck('menu-btn');
     };
@@ -33,8 +13,8 @@ document.addEventListener( 'DOMContentLoaded', function() {
         }
     }
   
-    const tech_emails = document.querySelectorAll('.email-replace');
-    tech_emails.forEach(entry => {
+    const emails = document.querySelectorAll('.email-replace');
+    emails.forEach(entry => {
         setAttributes(entry, {"href": "mailto:nancypannikkat" + "@" + "gmail.com?subject=Art Purchase Inquiry", "target": "_blank"});
         entry.innerHTML = "nancypannikkat" + "@" + "gmail.com";
     });
diff --git a/js/slideshow.js b/js/slideshow.js
new file mode 100644
index 0000000..a4038a1
--- /dev/null
+++ b/js/slideshow.js
@@ -0,0 +1,20 @@
+var splide = new Splide( '.splide', {
+    type   : 'loop',
+    perPage: 1,
+    focus  : 'center',
+    autoWidth: true,
+    autoplay: true,
+    mediaQuery: 'max',
+    breakpoints: {
+        1000: {
+            destroy: true,
+        },
+    },
+    lazyLoad: true,
+    keyboard: true,
+    isNavigation: true,
+    pauseOnFocus: true,
+    speed: 2000,
+    interval: 7000,
+} );
+splide.mount();
\ No newline at end of file