new: Added dark and light theme switching

This commit is contained in:
yvling
2024-12-25 00:08:50 +08:00
parent cd9130401f
commit aecb0a31ae
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 }} | {{ .about.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/lib/xcode-dark.css">
@@ -68,6 +68,12 @@
</div>
{{ end }}
<!-- 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>
</body>
</html>

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 }} | {{ .history_post.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">
@@ -107,6 +107,12 @@
{{ .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/archive.js"></script>
</body>
</html>

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">
@@ -98,6 +98,12 @@
{{ .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>
</body>
</html>

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 }} | {{ .friend.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/lib/xcode-dark.css">
@@ -74,6 +74,12 @@
{{ .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>
function goto(path) {
window.location.href = path;

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>

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/lib/xcode-dark.css">
@@ -129,6 +129,12 @@
</div>
{{ end }}
<!-- 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/post.js"></script>
</body>
</html>

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">
@@ -105,6 +105,12 @@
{{ .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/search.js"></script>
</body>
</html>

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">
@@ -89,6 +89,12 @@
{{ .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>
const tagList = "{{ .tagged_post.tag_list }}";
</script>