Update index.html

index.html

@@ -306,14 +306,11 @@ footer {
 <div class="toggle-switch" style="position: absolute; top: 10px; right: 10px;">
   <input type="checkbox" id="theme-switch">
   <label for="theme-switch">
-    <div class="sun" style="background-color: #ccc;">
-      <img src="https://i.ibb.co.com/3NwFvrb/image.png" alt="Logo Matahari" style="border-radius: 50%; object-fit: contain;">
-    </div>
-    <div class="moon" style="background-color: #4a90e2;">
-      <img src="https://i.ibb.co.com/Fz1fpSY/image.png" alt="Logo Bulan" style="border-radius: 50%; object-fit: contain;">
-    </div>
+    <div class="sun"></div>
+    <div class="moon"></div>
   </label>
 </div>
+
         <div class="main">
             <h2>Introduction</h2>
             <p>This document provides a simple JavaScript client for interacting with the LuminAI API. The client allows you to send requests with various parameters and receive results from the API.</p>
@@ -467,8 +464,9 @@ window.onscroll = function() {scrollFunction()};
 
 function scrollFunction() {
   if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
-    document.querySelector("header").style.padding = "20px 0"; // Menyusut menjadi setengah
-    document.querySelector("header h1").style.fontSize = "1.25em"; // Menyusut menjadi setengah
+    document.querySelector("header").style.padding = "10px 0"; // Menyusut menjadi setengah
+    document.querySelector("header").style.overflow = "hidden"; // Mencegah h1 meluap
+    document.querySelector("header h1").style.fontSize = "1em"; // Menyusut lebih lanjut
     document.querySelector("header h1").style.textAlign = "left"; // Teks berpindah ke kiri
   } else {
     document.querySelector("header").style.padding = "40px 0";
@@ -477,6 +475,7 @@ function scrollFunction() {
   }
 }
 
+
       
     </script>
 </body>