Skip to content

Commit b887ed1

Browse files
Developer09264Developer09264
committed
move all quotes to new page
1 parent f4b84f1 commit b887ed1

1 file changed

Lines changed: 154 additions & 0 deletions

File tree

‎assets/html/allQuotes.html‎

Lines changed: 154 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-CN">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>安徽省濉溪中学 - 田勇</title>
8+
<style>
9+
/* 动态背景 */
10+
@keyframes pearl-shimmer {
11+
0% { background-position: 0% 50%; }
12+
50% { background-position: 100% 50%; }
13+
100% { background-position: 0% 50%; }
14+
}
15+
16+
body {
17+
margin: 0;
18+
padding: 0;
19+
min-height: 100vh;
20+
background: linear-gradient(
21+
135deg,
22+
#fff5f5 0%,
23+
#f0f5ff 25%,
24+
#f5fff0 50%,
25+
#fff0f5 75%,
26+
#f5f0ff 100%
27+
);
28+
background-size: 400% 400%;
29+
animation: pearl-shimmer 20s ease infinite;
30+
font-family: 'Segoe UI', sans-serif;
31+
}
32+
33+
/* 导航栏 */
34+
.nav {
35+
background: rgba(255, 255, 255, 0.9);
36+
backdrop-filter: blur(10px);
37+
padding: 1rem 2rem;
38+
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
39+
}
40+
41+
.nav a {
42+
color: #8a297f;
43+
text-decoration: none;
44+
font-size: 1.2rem;
45+
}
46+
47+
/* 卡片容器 */
48+
.container {
49+
max-width: 1200px;
50+
margin: 2rem auto;
51+
padding: 0 1rem;
52+
}
53+
54+
/* 卡片样式 */
55+
.card {
56+
background: rgba(255, 255, 255, 0.85);
57+
backdrop-filter: blur(5px);
58+
border-radius: 15px;
59+
padding: 2rem;
60+
margin: 2rem 0;
61+
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
62+
transition: transform 0.3s ease;
63+
}
64+
65+
/* 标题样式 */
66+
h1 {
67+
color: #8a297f;
68+
font-size: 3rem;
69+
text-align: center;
70+
margin: 2rem 0;
71+
text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
72+
}
73+
74+
h2 {
75+
color: #6b205f;
76+
border-left: 4px solid #8a297f;
77+
padding-left: 1rem;
78+
margin: 1.5rem 0;
79+
}
80+
81+
/* 外号列表 */
82+
.nickname-list {
83+
list-style: none;
84+
padding: 0;
85+
display: flex;
86+
flex-wrap: wrap;
87+
gap: 1rem;
88+
}
89+
90+
.nickname-list li {
91+
background: #f8e3f5;
92+
padding: 0.5rem 1.2rem;
93+
border-radius: 20px;
94+
font-weight: 500;
95+
}
96+
97+
/* 响应式设计 */
98+
@media (max-width: 768px) {
99+
.container {
100+
padding: 0 0.5rem;
101+
}
102+
103+
.card {
104+
padding: 1.5rem;
105+
margin: 1rem 0;
106+
}
107+
108+
h1 {
109+
font-size: 2.2rem;
110+
}
111+
}
112+
</style>
113+
</head>
114+
115+
<body>
116+
<nav class="nav">
117+
<a href="../../index.html">&lt; 返回田语</a>
118+
</nav>
119+
120+
<div class="container">
121+
<h2>安徽省濉溪中学</h2>
122+
<h1>- 田勇 -</h1>
123+
124+
<!-- 基本信息卡片 -->
125+
<div class="card">
126+
<h2>荣誉称号</h2>
127+
<!--
128+
<p><strong>别号列表：</strong></p>
129+
-->
130+
<ul class="nickname-list">
131+
<li><b>八哥</b></li>
132+
<li>濉中达尔文</li>
133+
<li>濉中狄仁杰</li>
134+
<li>癞蛤蟆</li>
135+
</ul>
136+
</div>
137+
138+
<!-- 背景介绍卡片 -->
139+
<div class="card">
140+
<h2>身份</h2>
141+
<div class="placeholder-text">
142+
<p><b>濉溪中学语文老师</b></p>
143+
<p><b>安徽师范大学</b>毕业生</p>
144+
<p><b>副教授级别</b>的老师</p>
145+
<p>高考阅卷<b>专家组</b></p>
146+
<p><b>最受学生欢迎</b>的老师</p>
147+
</div>
148+
</div>
149+
150+
151+
</div>
152+
</body>
153+
154+
</html>

0 commit comments

Comments
 (0)