-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcloudsnav-about.html
142 lines (110 loc) · 4.24 KB
/
cloudsnav-about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>云中城云起始页-关于本站</title>
<link rel="icon" href="./assets/favicon2.ico">
<link rel="stylesheet" href="./css/cloudsnav.css">
<link rel="stylesheet" href="./css/cloudsnav-dark.css">
</head>
<body>
<main>
<nav style="margin-top:30px;">
<about class="common">
<about_title>
<p class="common_title">关于本站</p>
</about_title>
<about_text>
<p class="common_text">
欢迎来到云中城云起始页！
<br>
本站是一个mlp主题的起始页兼导航站，是一位马迷练习编程的项目
<br>
<br>
本项目仍在开发中！
<br>
<br>
已填的坑：设置菜单、浅色模式（没错本站是先有深色后有浅色的）
<br>
未填的坑：每日一言、投稿网站、留言板等（这些涉及后端，我还在学~）
</p>
<div style="display:flex;flex-direction:row;margin-top: 30px;">
<a href="https://github.com/FuTou2333/personalwebsite" target="_blank" class="about_button">本站源码</a>
<a href="https://futou2333.github.io/personalwebsite/" target="_blank" class="about_button">作者の个人网站</a>
</div>
</about_text>
</about>
<update_log class="common">
<update_log_title>
<p class="common_title">更新日志</p>
</update_log_title>
<update_log_text>
<version>
<span class="common_title_2"><b>v0.2.0</b><span class="common_title_3">2022/7/18</span></span>
<span class="common_text">
· 新增设置菜单，终于填上了这个大坑，写了将近200行js
<br>
· 新增浅色模式，好看吗？
<br>
· 改进移动端适配
<br>
· 改进导航条布局
<br>
· 修复了天气组件层级bug
<br>
· 修复了天气组件水平方向没对齐的bug
</span>
</version>
<version>
<span class="common_title_2"><b>v0.1.1</b><span class="common_title_3">2022/6/10</span></span>
<span class="common_text">
· 改进导航卡片样式
<br>
· 改进“关于本站”页面样式
</span>
</version>
<version>
<span class="common_title_2"><b>v0.1.0</b><span class="common_title_3">2022/6/7</span></span>
<span class="common_text">
· 所有基础功能均已完成
<br>
· 新增网站分类
<br>
· 新增时间显示
<br>
· 新增必应每日一图功能
<br>
· 新增天气组件
<br>
· 新增“关于本站”页面
</span>
</version>
<version>
<span class="common_title_2"><b>v0.0.1</b><span class="common_title_3">2022/5/31</span></span>
<span class="common_text">
· 网站雏形诞生
</span>
</version>
</update_log_text>
</update_log>
</nav>
<script>
//适配深色模式
document.querySelector('link[href="./css/cloudsnav-dark.css"]').disabled = true; //找到深色模式css并默认不启用
function change_darkMode() {
document.querySelector('link[href="./css/cloudsnav-dark.css"]').disabled = disableDarkMode;
}
let darkModeData = window.localStorage.getItem("darkMode");
if (darkModeData) {
if (darkModeData === "是") {
disableDarkMode = false;
change_darkMode();
} else if (darkModeData === "否") {
disableDarkMode = true;
change_darkMode();
}
}
</script>
</body>
</html>