Update index.html

index.html

@@ -303,13 +303,13 @@ footer {
         <h1>LuminAI API Client</h1>
     </header>
     <div class="container">
-        <div class="toggle-switch">
-            <input type="checkbox" id="theme-switch">
-            <label for="theme-switch">
-                <div class="sun"></div>
-                <div class="moon"></div>
-            </label>
-        </div>
+        <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>
+  </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>
@@ -458,6 +458,19 @@ themeSwitch.addEventListener('change', () => {
                 console.error('Failed to copy: ', err);
             });
         }
+
+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";
+  } else {
+    document.querySelector("header").style.padding = "40px 0";
+    document.querySelector("header h1").style.fontSize = "2.5em";
+  }
+}
+      
     </script>
 </body>
 </html>