Update index.html

index.html

@@ -306,10 +306,15 @@ 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"></div>
-    <div class="moon"></div>
+    <div class="sun">
+      <img src="https://i.ibb.co.com/Fz1fpSY/image.png" alt="Logo Matahari" style="border-radius: 50%; object-fit: cover;">
+    </div>
+    <div class="moon">
+      <img src="https://i.ibb.co.com/3NwFvrb/image.png" alt="Logo Bulan" style="border-radius: 50%; object-fit: cover;">
+    </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>
@@ -463,13 +468,16 @@ window.onscroll = function() {scrollFunction()};
 
 function scrollFunction() {
   if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
-    document.querySelector("header").style.padding = "10px 0";
-    document.querySelector("header h1").style.fontSize = "2em";
+    document.querySelector("header").style.padding = "20px 0"; // Menyusut menjadi setengah
+    document.querySelector("header h1").style.fontSize = "1.25em"; // Menyusut menjadi setengah
+    document.querySelector("header h1").style.textAlign = "left"; // Teks berpindah ke kiri
   } else {
     document.querySelector("header").style.padding = "40px 0";
     document.querySelector("header h1").style.fontSize = "2.5em";
+    document.querySelector("header h1").style.textAlign = "center";
   }
 }
+
       
     </script>
 </body>