new: Added dark and light theme switching

This commit is contained in:
2024-12-25 00:08:50 +08:00
parent 7a7ddc5082
commit fc54cc9cb6
15 changed files with 225 additions and 27 deletions

View File

@@ -5,7 +5,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{ .site_info.title }}</title>
<link rel="icon" type="image/x-icon" href="{{ .site_info.logo }}"/>
<link rel="icon" type="image/x-icon" href="../assets/img/logo.png"/>
<link rel="stylesheet" href="../assets/css/lib/fontawesome.all.min.css">
<link rel="stylesheet" href="../assets/css/lib/bootstrap.min.css">
<link rel="stylesheet" href="../assets/css/global.css">
@@ -26,7 +26,7 @@
<div class="container p-3">
<div class="row pt-3 pt-md-4 pt-lg-5">
<div class="col main-logo">
<div class="main-logo-img" style="background-image: url('{{ .site_info.logo }}');"></div>
<div class="main-logo-img"></div>
<div class="main-logo-txt">
{{ .site_info.title }}
</div>
@@ -114,6 +114,13 @@
{{ .site_info.copyright }}
</div>
<!-- theme -->
<div class="theme-wrap" onclick="changeTheme()">
<i class="fa-solid fa-circle-half-stroke" style="width: 100%; height: 100%"></i>
</div>
<script src="../assets/js/global.js"></script>
<script src="../assets/js/index.js"></script>
</body>
</html>