yc4646/code.academic_webpage
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add dynamic toggle icon

Browse Source
This commit is contained in:
Chen Yang
2025-06-21 19:02:44 +08:00
parent afd265cdcb
commit 318af764eb
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
index.html
View File

@@ -39,6 +39,8 @@
var elements = document.getElementsByClassName("style-one"); var elements = document.getElementsByClassName("style-one");
for (const element of elements) for (const element of elements)
element.classList.toggle("dark_mode_style-one"); element.classList.toggle("dark_mode_style-one");
var icon = document.getElementById("toggleICON");
icon.classList.toggle("fas fa-sun");
} }
</script> </script>
} }
@@ -51,7 +53,7 @@
<a href="#teaching">Teaching</a> <a href="#teaching">Teaching</a>
<a href="#research">Research</a> <a href="#research">Research</a>
<a href="#service">Service</a> <a href="#service">Service</a>
<a href="" onclick="toggleDarkLight();return false"><i class="fas fa-sun"></i></a> <a href="" onclick="toggleDarkLight();return false"><i id="toggleICON" class="fas fa-moon"></i></a>
</div> </div>
<div class="main" id="home"> <div class="main" id="home">
@@ -541,6 +543,12 @@
<div class="ball"></div> <div class="ball"></div>
<div class="ball"></div> <div class="ball"></div>
</div> </div>
<script>
const ICON_tog = document.querySelector('#toggle');
ICON_tog.addEventListener('click', () => {
ICON_tog.classList.toggle("is-active");
});
</script>
</body> </body>
</html> </html>