From ac748368975c9f5140c5b82cea20ca8eea440cc5 Mon Sep 17 00:00:00 2001
From: Jasleen1210 <05kaur.j@gmail.com>
Date: Wed, 31 Jul 2024 00:13:00 +0530
Subject: [PATCH] Slider to all pages

---
 pages/about.html        | 11 +++++++++++
 pages/contributors.html | 11 +++++++++++
 pages/faq.html          | 11 +++++++++++
 pages/features.html     | 12 ++++++++++++
 pages/feedback.html     | 12 +++++++++++-
 5 files changed, 56 insertions(+), 1 deletion(-)

diff --git a/pages/about.html b/pages/about.html
index 2241e7e..33b1bde 100644
--- a/pages/about.html
+++ b/pages/about.html
@@ -161,6 +161,17 @@
         animateCircles();
       });
     </script>
+    <span class="slider" style="width: 40px; height: 20px; display: none;"></span> 
+        
+    <div id="sun-moon-mode-toggler" class="toggle-container" >
+        <input type="checkbox" id="themeToggle" class="switch-checkbox" onclick="toggleTheme()">
+        <label  id="themeChangeToggle" class="theme-switch" for="themeToggle">
+            <div class="toggle-button">
+                <span class="light-mode-icon"><img src="../sun.svg" style = "display: block;"></span>
+                <span class="dark-mode-icon"><img src="../moon.svg"style = "display: block;"></span>
+            </div>
+        </label>
+    </div>
     <div>
         <button id="backToTopBtn" title="Back to Top" aria-label="Back to Top"><i class="fas fa-arrow-up"></i></button>
     </div>
diff --git a/pages/contributors.html b/pages/contributors.html
index 483d125..3209360 100644
--- a/pages/contributors.html
+++ b/pages/contributors.html
@@ -162,6 +162,17 @@
             animateCircles();
           });
         </script>
+        <span class="slider" style="width: 40px; height: 20px; display: none;"></span> 
+        
+        <div id="sun-moon-mode-toggler" class="toggle-container" >
+            <input type="checkbox" id="themeToggle" class="switch-checkbox" onclick="toggleTheme()">
+            <label  id="themeChangeToggle" class="theme-switch" for="themeToggle">
+                <div class="toggle-button">
+                    <span class="light-mode-icon"><img src="../sun.svg" style = "display: block;"></span>
+                    <span class="dark-mode-icon"><img src="../moon.svg"style = "display: block;"></span>
+                </div>
+            </label>
+        </div>
     <div>
         <button id="backToTopBtn" title="Back to Top" aria-label="Back to Top"><i class="fas fa-arrow-up"></i></button>
     </div>
diff --git a/pages/faq.html b/pages/faq.html
index 0de6356..cadfdf9 100644
--- a/pages/faq.html
+++ b/pages/faq.html
@@ -194,6 +194,17 @@
             animateCircles();
           });
         </script>
+        <span class="slider" style="width: 40px; height: 20px; display: none;"></span> 
+        
+        <div id="sun-moon-mode-toggler" class="toggle-container" >
+            <input type="checkbox" id="themeToggle" class="switch-checkbox" onclick="toggleTheme()">
+            <label  id="themeChangeToggle" class="theme-switch" for="themeToggle">
+                <div class="toggle-button">
+                    <span class="light-mode-icon"><img src="../sun.svg" style = "display: block;"></span>
+                    <span class="dark-mode-icon"><img src="../moon.svg"style = "display: block;"></span>
+                </div>
+            </label>
+        </div>
     <div>
         <button id="backToTopBtn" title="Back to Top" aria-label="Back to Top"><i class="fas fa-arrow-up"></i></button>
     </div>
diff --git a/pages/features.html b/pages/features.html
index 84ff815..8b3f492 100644
--- a/pages/features.html
+++ b/pages/features.html
@@ -160,6 +160,18 @@
             animateCircles();
           });
         </script>
+    <span class="slider" style="width: 40px; height: 20px; display: none;"></span> 
+        
+    <div id="sun-moon-mode-toggler" class="toggle-container" >
+        <input type="checkbox" id="themeToggle" class="switch-checkbox" onclick="toggleTheme()">
+        <label  id="themeChangeToggle" class="theme-switch" for="themeToggle">
+            <div class="toggle-button">
+                <span class="light-mode-icon"><img src="../sun.svg" style = "display: block;"></span>
+                <span class="dark-mode-icon"><img src="../moon.svg"style = "display: block;"></span>
+            </div>
+        </label>
+    </div>
+    
     <button id="backToTopBtn" title="Back to Top" aria-label="Back to Top"><i class="fas fa-arrow-up"></i></button>
     <div class="snowflakes" style="display: block;">
         <div id="particles-js"></div>
diff --git a/pages/feedback.html b/pages/feedback.html
index 65f478e..07728f0 100644
--- a/pages/feedback.html
+++ b/pages/feedback.html
@@ -123,7 +123,17 @@
         <div class="circle"></div>
         <div class="circle"></div>
       </div>
-  
+      <span class="slider" style="width: 40px; height: 20px; display: none;"></span> 
+        
+      <div id="sun-moon-mode-toggler" class="toggle-container" >
+          <input type="checkbox" id="themeToggle" class="switch-checkbox" onclick="toggleTheme()">
+          <label  id="themeChangeToggle" class="theme-switch" for="themeToggle">
+              <div class="toggle-button">
+                  <span class="light-mode-icon"><img src="../sun.svg" style = "display: block;"></span>
+                  <span class="dark-mode-icon"><img src="../moon.svg"style = "display: block;"></span>
+              </div>
+          </label>
+      </div>
     <button id="backToTopBtn" title="Back to Top" aria-label="Back to Top"><i class="fas fa-arrow-up"></i></button>
     <div class="snowflakes" style="display: block;">
         <div id="particles-js"></div>