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

Added dark mode.

Browse Source
This commit is contained in:
Chen Yang
2025-06-21 18:01:13 +08:00
parent bedc40ad39
commit b762ae5f26
2 changed files with 124 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
index.html
View File

@@ -15,6 +15,44 @@
x.style.display = "none";
}
}
function toggleDarkLight() {
var element = document.body;
element.classList.toggle("dark_mode_body");
// var element = document.a;
// element.classList.toggle("dark_mode");
var elements = document.getElementsByClassName("authorlink")
for (const element of elements)
element.classList.toggle("dark_mode_authorlink");
var elements = document.getElementsByClassName("paperlink")
for (const element of elements)
element.classList.toggle("dark_mode_paperlink");
var elements = document.getElementsByClassName("extlink")
for (const element of elements)
element.classList.toggle("dark_mode_extlink");
var elements = document.getElementsByClassName("jourlink")
for (const element of elements)
element.classList.toggle("dark_mode_jourlink");
var elements = document.getElementsByClassName("ball");
for (const element of elements)
element.classList.toggle("dark_mode_ball");
var elements = document.getElementsByClassName("style-zero");
for (const element of elements)
element.classList.toggle("dark_mode_style-zero");
var elements = document.getElementsByClassName("style-one");
for (const element of elements)
element.classList.toggle("dark_mode_style-one");
// var elements = document.getElementsByClassName("jourlink")
// for (const element of elements)
// element.classList.toggle("dark_mode_jourlink");
// element.classList.toggle("dark_mode_authorlink");
// var className = div.getAttribute("class");
// if(className=="authorlink") {
// div.className = "dark_mode_authorlink";
// }
// else{
// div.className = "authorlink";
// }
}
</script>
</head>
@@ -25,6 +63,7 @@
<a href="#teaching">Teaching</a>
<a href="#research">Research</a>
<a href="#service">Service</a>
<a href="" onclick="toggleDarkLight();return false">Toggle Light/Dark</a>
</div>
<div class="main" id="home">
@@ -57,6 +96,8 @@
</table>
</div>
<!-- [<a href="" onclick="toggleDarkLight();return false">Toggle Dark/Light</a>] -->
<hr id="teaching" class="style-zero">