Updating dark / light mode toggler switch

TheWongLife · May 27, 2024 · 4c2ed66 · 4c2ed66
1 parent 2329a93
commit 4c2ed66
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 14 deletions.
diff --git a/about.html b/about.html
@@ -17,7 +17,7 @@
     <body data-bs-theme="dark">
         <div class="form-check form-switch">
             <input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
-            <label class="form-check-label" for="darkModeSwitch">Dark Mode</label>
+            <label class="form-check-label" for="darkModeSwitch">Dark / Light Mode</label>
         </div>
         <nav class="navbar navbar-dark navbar-expand-lg bg-dark ">
             <div class="container-fluid">
@@ -110,9 +110,6 @@ <h3 align="center">Senior @ University of Illinois Urbana-Champaign (UIUC) major
                 </div>
             </div>
         </footer>
-        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
-            integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
-            crossorigin="anonymous"></script>
         <script>
             document.addEventListener('DOMContentLoaded', (event) => {
                 const htmlElement = document.documentElement;
@@ -133,6 +130,12 @@ <h3 align="center">Senior @ University of Illinois Urbana-Champaign (UIUC) major
                 });
             });
         </script>
+        <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" 
+            integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" 
+            crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+            integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+            crossorigin="anonymous"></script>
     </body>
 
 </html>
diff --git a/contact.html b/contact.html
@@ -17,7 +17,7 @@
     <body data-bs-theme="dark">
         <div class="form-check form-switch">
             <input class="form-check-input" type="checkbox" id="darkModeSwitch" checked>
-            <label class="form-check-label" for="darkModeSwitch">Dark Mode</label>
+            <label class="form-check-label" for="darkModeSwitch">Dark / Light Mode</label>
         </div>
         <nav class="navbar navbar-dark navbar-expand-lg bg-dark ">
             <div class="container-fluid">
@@ -110,9 +110,6 @@ <h1 class="text-center mt-5">How to contact me</h1>
                 </div>
             </div>
         </footer>
-        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
-            integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
-            crossorigin="anonymous"></script>
         <script>
             document.addEventListener('DOMContentLoaded', (event) => {
                 const htmlElement = document.documentElement;
@@ -133,6 +130,12 @@ <h1 class="text-center mt-5">How to contact me</h1>
                 });
             });
         </script>
+        <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" 
+            integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" 
+            crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+            integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+            crossorigin="anonymous"></script>
     </body>
 
 </html>
diff --git a/index.html b/index.html
@@ -161,9 +161,6 @@ <h4>Visual Studio Code</h4>
                 </div>
             </div>
         </footer>
-        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
-            integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
-            crossorigin="anonymous"></script>
         <script>
             document.addEventListener('DOMContentLoaded', (event) => {
                 const htmlElement = document.documentElement;
@@ -184,6 +181,12 @@ <h4>Visual Studio Code</h4>
                 });
             });
         </script>
+        <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" 
+            integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" 
+            crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+            integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+            crossorigin="anonymous"></script>
     </body>
 
 </html>
diff --git a/resume.html b/resume.html
@@ -61,9 +61,6 @@
                 </div>
             </div>
         </footer>
-        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
-            integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
-            crossorigin="anonymous"></script>
         <script>
             document.addEventListener('DOMContentLoaded', (event) => {
                 const htmlElement = document.documentElement;
@@ -84,6 +81,12 @@
                 });
             });
         </script>
+        <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" 
+            integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" 
+            crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+            integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+            crossorigin="anonymous"></script>
     </body>
 
 </html>