Skip to content

Commit d863b0c

Browse files
Developer09264Developer09264
committed
updated
1 parent ba0ce3a commit d863b0c

2 files changed

Lines changed: 101 additions & 165 deletions

File tree

‎assets/html/about.html‎

Lines changed: 101 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,115 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4+
<meta charset="UTF-8">
45
<title>关于</title>
56
<link rel="icon" href="./assets/images/favicon.svg" type="image/svg+xml">
6-
<link rel="stylesheet" type="text/css" href="../css/about.css">
7+
<style>
8+
/* 动态背景 */
9+
@keyframes pearl-shimmer {
10+
0% { background-position: 0% 50%; }
11+
50% { background-position: 100% 50%; }
12+
100% { background-position: 0% 50%; }
13+
}
14+
15+
body {
16+
margin: 0;
17+
padding: 0;
18+
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+
);
27+
background-size: 400% 400%;
28+
animation: pearl-shimmer 20s ease infinite;
29+
font-family: 'Segoe UI', sans-serif;
30+
}
31+
32+
/* 导航栏 */
33+
.nav {
34+
background: rgba(255, 255, 255, 0.9);
35+
backdrop-filter: blur(10px);
36+
padding: 1rem 2rem;
37+
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
38+
}
39+
40+
.nav a {
41+
color: #8a297f;
42+
text-decoration: none;
43+
font-size: 1.2rem;
44+
}
45+
46+
/* 卡片容器 */
47+
.container {
48+
max-width: 1200px;
49+
margin: 2rem auto;
50+
padding: 0 1rem;
51+
}
52+
53+
/* 卡片样式 */
54+
.card {
55+
background: rgba(255, 255, 255, 0.85);
56+
backdrop-filter: blur(5px);
57+
border-radius: 15px;
58+
padding: 2rem;
59+
margin: 2rem 0;
60+
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
61+
transition: transform 0.3s ease;
62+
}
63+
64+
/* 标题样式 */
65+
h1 {
66+
color: #8a297f;
67+
font-size: 3rem;
68+
text-align: center;
69+
margin: 2rem 0;
70+
text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
71+
}
72+
73+
h2 {
74+
color: #6b205f;
75+
border-left: 4px solid #8a297f;
76+
padding-left: 1rem;
77+
margin: 1.5rem 0;
78+
}
79+
80+
/* 响应式设计 */
81+
@media (max-width: 768px) {
82+
.container {
83+
padding: 0 0.5rem;
84+
}
85+
86+
.card {
87+
padding: 1.5rem;
88+
margin: 1rem 0;
89+
}
90+
91+
h1 {
92+
font-size: 2.2rem;
93+
}
94+
}
95+
</style>
96+
797
</head>
898
<body onload="updateTimer()">
9-
<a href="../../index.html">返回主页</a>
99+
<nav class="nav">
100+
<a href="../../index.html">&lt; 返回田语</a>
101+
</nav>
10102
<div class="header">
11-
<h1>关于</h1>
103+
<h1>关于...<h1>
12104
</div>
13-
<div class="content">
105+
<div class="container">
106+
<div class="card">
107+
<h2>关于田语</h2>
14108
<p>《田语》者，今世思想家、教育家田氏之门人，录其言行而辑成之语录也。辑于二〇二三年，具体日期未详。以语录体为主，集中显现田氏及其学派之教育主张、伦理思想、道德观念、生活态度等。然《田语》之编著，曾遭严酷压制，故编撰转入地下。《田语》不独为田氏之象征，亦乃一班级、一时代之象征，实为田学之瑰宝焉。</p>
15-
</div>
109+
</div>
16110
<div class="timer" id="timer"></div>
17111
联系我：c09264@outlook.com
112+
</div>
18113
<script type="text/javascript" src="../js/about.js"></script>
19114
</body>
20-
</html>
115+
</html>

‎in.html‎

Lines changed: 0 additions & 159 deletions
This file was deleted.

0 commit comments

Comments
 (0)