Update index.html
Browse files- index.html +7 -2
index.html
CHANGED
@@ -307,14 +307,19 @@ footer {
|
|
307 |
<div class="toggle-switch" style="position: absolute; top: 10px; right: 10px;">
|
308 |
<input type="checkbox" id="theme-switch">
|
309 |
<label for="theme-switch" style="display: flex; align-items: center; justify-content: space-between; padding: 2px;">
|
310 |
-
<div class="sun" style="background-color: #ff0; border-radius: 50%; width: 22px; height: 22px;"
|
|
|
|
|
311 |
<div class="slider" style="background-color: #ccc; border-radius: 34px; width: 50px; height: 26px; position: relative;">
|
312 |
<div class="dot" style="background-color: #fff; border-radius: 50%; width: 22px; height: 22px; position: absolute; top: 2px; left: 2px; transition: 0.3s;"></div>
|
313 |
</div>
|
314 |
-
<div class="moon" style="background-color: #bbb; border-radius: 50%; width: 22px; height: 22px;"
|
|
|
|
|
315 |
</label>
|
316 |
</div>
|
317 |
|
|
|
318 |
<script>
|
319 |
document.getElementById('theme-switch').addEventListener('change', function() {
|
320 |
var dot = document.querySelector('.dot');
|
|
|
307 |
<div class="toggle-switch" style="position: absolute; top: 10px; right: 10px;">
|
308 |
<input type="checkbox" id="theme-switch">
|
309 |
<label for="theme-switch" style="display: flex; align-items: center; justify-content: space-between; padding: 2px;">
|
310 |
+
<div class="sun" style="background-color: #ff0; border-radius: 50%; width: 22px; height: 22px;">
|
311 |
+
βοΈ <!-- Tambahkan simbol matahari -->
|
312 |
+
</div>
|
313 |
<div class="slider" style="background-color: #ccc; border-radius: 34px; width: 50px; height: 26px; position: relative;">
|
314 |
<div class="dot" style="background-color: #fff; border-radius: 50%; width: 22px; height: 22px; position: absolute; top: 2px; left: 2px; transition: 0.3s;"></div>
|
315 |
</div>
|
316 |
+
<div class="moon" style="background-color: #bbb; border-radius: 50%; width: 22px; height: 22px;">
|
317 |
+
π <!-- Tambahkan simbol bulan -->
|
318 |
+
</div>
|
319 |
</label>
|
320 |
</div>
|
321 |
|
322 |
+
|
323 |
<script>
|
324 |
document.getElementById('theme-switch').addEventListener('change', function() {
|
325 |
var dot = document.querySelector('.dot');
|