updated index.html

sk66641 · Aug 12, 2024 · a2c436a · a2c436a
1 parent 3968bfe
commit a2c436a
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 44 deletions.
diff --git a/index.html b/index.html
@@ -5,8 +5,10 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="author" content="Sanu Kumar">
-  <meta name="description" content="Experience the vibrant Random Disco Light Simulator! Enjoy dynamic, colorful light patterns and immerse yourself in a fun, party-like atmosphere.">
-  <meta name="keywords" content="disco lights, light simulator, random disco lights, colorful lights, dynamic light patterns, party lights, interactive light effects, fun lighting, vibrant light show, random light patterns">
+  <meta name="description"
+    content="Experience the vibrant Random Disco Light Simulator! Enjoy dynamic, colorful light patterns and immerse yourself in a fun, party-like atmosphere.">
+  <meta name="keywords"
+    content="disco lights, light simulator, random disco lights, colorful lights, dynamic light patterns, party lights, interactive light effects, fun lighting, vibrant light show, random light patterns">
   <title>Random Disco Light Simulator</title>
 
   <link rel="icon" type="image/x-icon" href="./assets/images/favicon.ico">
@@ -18,12 +20,15 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
     integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
     crossorigin="anonymous" referrerpolicy="no-referrer" />
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+  <link
+    href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+    rel="stylesheet">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
   <script src="https://www.youtube.com/iframe_api"></script>
 
   <script src="./js/backToTopBtn.js"></script>
-  <style>/* style.css */
+  <style>
+    /* style.css */
 
     .form-group {
       margin-bottom: 20px;
@@ -47,8 +52,8 @@
       box-shadow: 0 0 20px #23bdf5,
         0 0 60px #f523f5,
         0 0 100px #23bdf5;
-        animation: colors 1s infinite;
-  transform: translate(-50%, -50%);
+      animation: colors 1s infinite;
+      transform: translate(-50%, -50%);
     }
 
     .circle-container {
@@ -62,22 +67,21 @@
     }
 
     @media (max-width: 724px) {
-      .circle-container{
+      .circle-container {
         display: none;
       }
     }
-    @keyframes colors {
-  0% {
-    filter: hue-rotate(0deg);
-  }
-
-  100% {
-    filter: hue-rotate(360deg);
-  }
 
-}
+    @keyframes colors {
+      0% {
+        filter: hue-rotate(0deg);
+      }
 
+      100% {
+        filter: hue-rotate(360deg);
+      }
 
+    }
   </style>
 
 
@@ -161,7 +165,7 @@
       </lottie-player>
     </div>
   </div>
-  <button id="backToTopBtn" title="Back to Top" aria-label="Back to Top" ><i class="fas fa-arrow-up"></i></button>
+  <button id="backToTopBtn" title="Back to Top" aria-label="Back to Top"><i class="fas fa-arrow-up"></i></button>
 
   <!--
   <div class="indexpage">
@@ -184,10 +188,13 @@
         <ul class="sidebarOne">
           <li class="cross"><i style="cursor: pointer;" class="fa-solid fa-x"></i></li>
           <li class="logo"><a href="./index.html"><img src="assets/images/logo/logo..png" alt="Website Logo"></a></li>
-          <li><a href="#" id="reload" style="display: none;" aria-label="reload"><i class="fa-solid fa-rotate-right"></i> Reload</a></li>
+          <li><a href="#" id="reload" style="display: none;" aria-label="reload"><i
+                class="fa-solid fa-rotate-right"></i> Reload</a></li>
           <!-- <li><a href="#" id="addTime" aria-label="Add Time" style="display: none;">Add Time</a></li> -->
-          <li><a href="#" id="pauseStartBtn" style="display: none;" aria-label="Pause/Start"><i class="fa-solid fa-pause"></i>Pause</a></li>
-          <li><a href="#" id="fullscreenBtn" aria-label="Toggle Fullscreen"><i class="fa fa-chalkboard-teacher" aria-hidden="true"></i> Fullscreen</a></li>
+          <li><a href="#" id="pauseStartBtn" style="display: none;" aria-label="Pause/Start"><i
+                class="fa-solid fa-pause"></i>Pause</a></li>
+          <li><a href="#" id="fullscreenBtn" aria-label="Toggle Fullscreen"><i class="fa fa-chalkboard-teacher"
+                aria-hidden="true"></i> Fullscreen</a></li>
           <li><a href="#" id="editBtn" aria-label="Edit"><i class="fa-solid fa-pen-to-square"></i> Edit</a></li>
           <!-- edit drop down content -->
           <div class="editdropdown" id="editdropdown" style="display: none;">
@@ -238,12 +245,17 @@ <h2>Edit Options</h2>
           <li><a href="pages/features.html"><i class="fa fa-lightbulb" aria-hidden="true"></i> Features</a></li>
           <li><a href="./Login/index1.html"><i class="fa fa-user-plus" aria-hidden="true"></i> Step In</a></li>
           <li><a href="./pages/faq.html"><i class="fa-solid fa-comments" aria-hidden="true"></i> FAQ</a></li>
-          <li><a href="./pages/testimonials.html"><i class="fa-solid fa-star" aria-hidden="true"></i> Testimonials</a></li>
+          <li><a href="./pages/testimonials.html"><i class="fa-solid fa-star" aria-hidden="true"></i> Testimonials</a>
+          </li>
           <li><a href="pages/feedback.html"><i class="fa fa-hands-helping" aria-hidden="true"></i> Feedback</a></li>
-          <li><a href="pages/contributors.html"><i class="fa fa-code-branch" aria-hidden="true"></i> Contributors</a></li>
-          <li><a href="./pages/privacy.html"><i class="fa fa-user-secret" aria-hidden="true"></i> Privacy Policy</a></li>
-          <li><a href="./pages/licensing.html"><i class="fa fa-balance-scale" aria-hidden="true"></i> MIT License</a></li>
-          <li><a href="./pages/terms.html"><i class="fa fa-file-alt" aria-hidden="true"></i> Terms and Conditions</a></li>
+          <li><a href="pages/contributors.html"><i class="fa fa-code-branch" aria-hidden="true"></i> Contributors</a>
+          </li>
+          <li><a href="./pages/privacy.html"><i class="fa fa-user-secret" aria-hidden="true"></i> Privacy Policy</a>
+          </li>
+          <li><a href="./pages/licensing.html"><i class="fa fa-balance-scale" aria-hidden="true"></i> MIT License</a>
+          </li>
+          <li><a href="./pages/terms.html"><i class="fa fa-file-alt" aria-hidden="true"></i> Terms and Conditions</a>
+          </li>
           <li><a href="#" id="google_translate_element"></a></li>
         </ul>
         <ul class="navMain">
@@ -340,20 +352,20 @@ <h1 id="changingHeading">Random Disco <span id="changing">Light Simulator</span>
 
             <span style="font-size: 24px; color: #f09819; ">or</span>
             <input type="url" id="youtubeUrlInput" placeholder="Paste YouTube URL">
-           
+
           </div>
 
           <div class="form-group">
             <label for="pattern">7. Light Pattern:</label>
             <select id="pattern" aria-label="Select Light Pattern">
-                <option value="flashing">Flashing</option>
-                <option value="fading">Fading</option>
-                <option value="cycling">Cycling</option>
-                <option value="none">None</option>
-              
+              <option value="flashing">Flashing</option>
+              <option value="fading">Fading</option>
+              <option value="cycling">Cycling</option>
+              <option value="none">None</option>
+
             </select>
-        </div>
-        
+          </div>
+
 
         </div>
 
@@ -442,16 +454,16 @@ <h1 id="changingHeading">Random Disco <span id="changing">Light Simulator</span>
 
     <!-- <div id="message" aria-live="polite">The timer has ended. The page will reload.</div> -->
 
-
-    <span class="slider" style="width: 40px; height: 20px; display: none;"></span> 
 
-    <div id="sun-moon-mode-toggler" class="toggle-container" >
+    <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 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>
 
@@ -508,7 +520,7 @@ <h1 id="changingHeading">Random Disco <span id="changing">Light Simulator</span>
     </center>
   </div>
 </div> -->
-<script src="./js/theme.js"></script>
+    <script src="./js/theme.js"></script>
     <script>
       function toggleOtherInput() {
         var feedbackType = document.getElementById("feedbackType").value;
@@ -750,6 +762,7 @@ <h2>Account Not Available</h2>
   </script>
   <script type="text/javascript"
     src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
+  <script>alert(" ⚠️ Performance Warning \nOur website is currently experiencing high memory usage, which may impact your browsing experience. We are working on optimizing the site to improve its speed. We appreciate your patience and understanding as we make these improvements.")</script>
 </body>
 
-</html>
+</html>
diff --git a/js/script.js b/js/script.js
@@ -1,4 +1,3 @@
-alert(" ⚠️ Performance Warning \nOur website is currently experiencing high memory usage, which may impact your browsing experience. We are working on optimizing the site to improve its speed. We appreciate your patience and understanding as we make these improvements.")
 let musicAudio;
 let isPaused = false;
 let isMuted = false;