Update index.html
Browse files- index.html +12 -4
index.html
CHANGED
@@ -306,10 +306,15 @@ footer {
|
|
306 |
<div class="toggle-switch" style="position: absolute; top: 10px; right: 10px;">
|
307 |
<input type="checkbox" id="theme-switch">
|
308 |
<label for="theme-switch">
|
309 |
-
<div class="sun"
|
310 |
-
|
|
|
|
|
|
|
|
|
311 |
</label>
|
312 |
</div>
|
|
|
313 |
<div class="main">
|
314 |
<h2>Introduction</h2>
|
315 |
<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()};
|
|
463 |
|
464 |
function scrollFunction() {
|
465 |
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
|
466 |
-
document.querySelector("header").style.padding = "
|
467 |
-
document.querySelector("header h1").style.fontSize = "
|
|
|
468 |
} else {
|
469 |
document.querySelector("header").style.padding = "40px 0";
|
470 |
document.querySelector("header h1").style.fontSize = "2.5em";
|
|
|
471 |
}
|
472 |
}
|
|
|
473 |
|
474 |
</script>
|
475 |
</body>
|
|
|
306 |
<div class="toggle-switch" style="position: absolute; top: 10px; right: 10px;">
|
307 |
<input type="checkbox" id="theme-switch">
|
308 |
<label for="theme-switch">
|
309 |
+
<div class="sun">
|
310 |
+
<img src="https://i.ibb.co.com/Fz1fpSY/image.png" alt="Logo Matahari" style="border-radius: 50%; object-fit: cover;">
|
311 |
+
</div>
|
312 |
+
<div class="moon">
|
313 |
+
<img src="https://i.ibb.co.com/3NwFvrb/image.png" alt="Logo Bulan" style="border-radius: 50%; object-fit: cover;">
|
314 |
+
</div>
|
315 |
</label>
|
316 |
</div>
|
317 |
+
|
318 |
<div class="main">
|
319 |
<h2>Introduction</h2>
|
320 |
<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>
|
|
|
468 |
|
469 |
function scrollFunction() {
|
470 |
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
|
471 |
+
document.querySelector("header").style.padding = "20px 0"; // Menyusut menjadi setengah
|
472 |
+
document.querySelector("header h1").style.fontSize = "1.25em"; // Menyusut menjadi setengah
|
473 |
+
document.querySelector("header h1").style.textAlign = "left"; // Teks berpindah ke kiri
|
474 |
} else {
|
475 |
document.querySelector("header").style.padding = "40px 0";
|
476 |
document.querySelector("header h1").style.fontSize = "2.5em";
|
477 |
+
document.querySelector("header h1").style.textAlign = "center";
|
478 |
}
|
479 |
}
|
480 |
+
|
481 |
|
482 |
</script>
|
483 |
</body>
|