Skip to content

Commit 03675a6

Browse files
updated
1 parent 5d2ff59 commit 03675a6

3 files changed

Lines changed: 45 additions & 35 deletions

File tree

assets/html/about.html

Lines changed: 43 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,36 @@
11
<!DOCTYPE html>
22
<html>
3+
34
<head>
4-
<meta charset="UTF-8">
5-
<title>关于</title>
6-
<link rel="icon" href="./assets/images/favicon.svg" type="image/svg+xml">
5+
<meta charset="UTF-8">
6+
<title>关于</title>
7+
<link rel="icon" href="./assets/images/favicon.svg" type="image/svg+xml">
78
<style>
89
/* 动态背景 */
910
@keyframes pearl-shimmer {
10-
0% { background-position: 0% 50%; }
11-
50% { background-position: 100% 50%; }
12-
100% { background-position: 0% 50%; }
11+
0% {
12+
background-position: 0% 50%;
13+
}
14+
15+
50% {
16+
background-position: 100% 50%;
17+
}
18+
19+
100% {
20+
background-position: 0% 50%;
21+
}
1322
}
1423

1524
body {
1625
margin: 0;
1726
padding: 0;
1827
min-height: 100vh;
19-
background: linear-gradient(
20-
135deg,
21-
#fff5f5 0%,
22-
#f0f5ff 25%,
23-
#f5fff0 50%,
24-
#fff0f5 75%,
25-
#f5f0ff 100%
26-
);
28+
background: linear-gradient(135deg,
29+
#fff5f5 0%,
30+
#f0f5ff 25%,
31+
#f5fff0 50%,
32+
#fff0f5 75%,
33+
#f5f0ff 100%);
2734
background-size: 400% 400%;
2835
animation: pearl-shimmer 20s ease infinite;
2936
font-family: 'Segoe UI', sans-serif;
@@ -34,7 +41,7 @@
3441
background: rgba(255, 255, 255, 0.9);
3542
backdrop-filter: blur(10px);
3643
padding: 1rem 2rem;
37-
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
44+
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
3845
}
3946

4047
.nav a {
@@ -57,7 +64,7 @@
5764
border-radius: 15px;
5865
padding: 2rem;
5966
margin: 2rem 0;
60-
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
67+
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
6168
transition: transform 0.3s ease;
6269
}
6370

@@ -67,7 +74,7 @@
6774
font-size: 3rem;
6875
text-align: center;
6976
margin: 2rem 0;
70-
text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
77+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
7178
}
7279

7380
h2 {
@@ -82,34 +89,37 @@
8289
.container {
8390
padding: 0 0.5rem;
8491
}
85-
92+
8693
.card {
8794
padding: 1.5rem;
8895
margin: 1rem 0;
8996
}
90-
97+
9198
h1 {
9299
font-size: 2.2rem;
93100
}
94101
}
95102
</style>
96103

97104
</head>
105+
98106
<body onload="updateTimer()">
99-
<nav class="nav">
107+
<nav class="nav">
100108
<a href="../../index.html">&lt; 返回田语</a>
101109
</nav>
102-
<div class="header">
103-
<h1>关于...<h1>
104-
</div>
105-
<div class="container">
106-
<div class="card">
107-
<h2>关于田语</h2>
108-
<p>《田语》者,今世思想家、教育家田氏之门人,录其言行而辑成之语录也。辑于二〇二三年,具体日期未详。以语录体为主,集中显现田氏及其学派之教育主张、伦理思想、道德观念、生活态度等。然《田语》之编著,曾遭严酷压制,故编撰转入地下。《田语》不独为田氏之象征,亦乃一班级、一时代之象征,实为田学之瑰宝焉。</p>
109-
</div>
110-
<div class="timer" id="timer"></div>
111-
联系我: c09264@outlook.com
112-
</div>
113-
<script type="text/javascript" src="../js/about.js"></script>
110+
<div class="header">
111+
<h1>关于...<h1>
112+
</div>
113+
<div class="container">
114+
<div class="card">
115+
<h2>关于田语</h2>
116+
<p>《田语》者,今世思想家、教育家田氏之门人,录其言行而辑成之语录也。辑于二〇二三年,具体日期未详。以语录体为主,集中显现田氏及其学派之教育主张、伦理思想、道德观念、生活态度等。然《田语》之编著,曾遭严酷压制,故编撰转入地下。《田语》不独为田氏之象征,亦乃一班级、一时代之象征,实为田学之瑰宝焉。
117+
</p>
118+
</div>
119+
<div class="timer" id="timer"></div>
120+
联系我: c09264@outlook.com
121+
</div>
122+
<script type="text/javascript" src="../js/about.js"></script>
114123
</body>
115-
</html>
124+
125+
</html>

assets/js/about.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
function updateTimer() {
2-
const startDate = new Date(2023, 9, 2, 12, 29, 0); // 月份是从0开始的,所以10月是9
2+
const startDate = new Date(2023, 9, 2, 12, 29, 0);
33
const now = new Date();
44
const diff = now - startDate;
55
const days = Math.floor(diff / (1000 * 60 * 60 * 24));

assets/js/script.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -51,7 +51,7 @@ fetch("assets/quotes.txt")
5151
console.error('There was a problem with the fetch operation:', error);
5252
});
5353

54-
54+
5555
setInterval(showRandomQuote, 4000);
5656

5757

0 commit comments

Comments
 (0)