-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
270 lines (239 loc) · 11.9 KB
/
index.html
File metadata and controls
270 lines (239 loc) · 11.9 KB
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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="msvalidate.01" content="A33DD006A856FA6C50237167A6582E90" />
<link rel="shortcut icon" href="/sri.png" />
<title>二排官方网站</title>
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="https://cdn.staticfile.net/aos/2.3.4/aos.css" />
<link rel="stylesheet" href="https://cdn.staticfile.net/mdui/1.0.2/css/mdui.min.css" />
<script src="https://cdn.staticfile.net/jquery/3.7.1/jquery.min.js"></script>
<!-- Google字体 -->
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,600,1,0" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@700&display=swap">
<link href="https://fonts.googleapis.com/css2?family=Kanit&family=Oswald&family=Teko:wght@300&display=swap"
rel="stylesheet">
<!-- 灰度滤镜 -->
<link rel="stylesheet" href="/grayscale.css">
</head>
<body class="mdui-theme-primary-teal">
<div class="mdui-appbar" data-aos="fade-down" data-aos-duration="1200">
<div class="mdui-toolbar mdui-color-theme">
<a href="/" class="mdui-btn mdui-btn-icon">
<i class="mdui-icon material-icons">home</i>
</a>
<a href="/" class="mdui-typo-headline">
<p class="mdui-typo-headline" style="line-height: 64px; margin: 0;">二排起义首页
</p>
</a>
<div class="mdui-toolbar-spacer"></div>
</div>
<div class="mdui-tab mdui-color-theme">
<a target="_blank" href="./book" class="mdui-typo-headline mdui-ripple mdui-ripple-white"><i
class="mdui-icon material-icons">book</i> 二排教育出版社</a>
<a target="_blank" href="./book/music" class="mdui-typo-headline mdui-ripple mdui-ripple-white"><i
class="mdui-icon material-icons">music_note</i> 二排音乐工作室</a>
<a target="_blank" href="./game" class="mdui-typo-headline mdui-ripple mdui-ripple-white"><i
class="mdui-icon material-symbols-outlined">sports_esports</i> 二排游戏中心</a>
</div>
</div>
<div class="templateux-cover" style="background-image: url('https://bing.img.run/1920x1080.php');overflow: hidden;
/* 背景图片不重复 */
background-repeat: no-repeat;
/* 背景图片位置：居中 */
background-position: center;
/* 背景图片固定 */
background-attachment: fixed;
background-size: cover;
/* 禁止用户误选中 */
user-select: none;
">
<div class="title" style="font-family: Alimama_DongFangDaKai;">
二排起义
</div>
<!-- <div class="container">
<div class="row align-items-lg-center">
<div class="col-lg-6 text-center order-lg-2">
</div> -->
<!-- <div class="col-lg-6 order-lg-1">
<div data-aos="fade-up" data-aos-duration="1200" text="文津集团好！2500平方米没得跑！" class="text-gradient">
文津集团好！2500平方米没得跑！</div>
<p class="lead mb-5" data-aos="fade-up" data-aos-delay="100">
<p data-aos="fade-up" data-aos-delay="200"><a href="./#start" class="btn btn-primary py-3 px-4">了解更多</a>
</p>
</div> -->
<a name="start"></a>
</div>
</div>
</div> <!-- .templateux-cover -->
<div class="templateux-section" data-aos="fade-up" data-aos-duration="1300">
<div class="container">
<div class="row">
<div class="col-md-12 templateux-overlap">
<div class="row">
<div class="col-md-4" data-aos="fade-up" data-aos-delay="600">
<div class="media block-icon-1 d-block text-left">
<img src="./images/icon/history.png" width="70" height="70" />
<div class="media-body">
<h2 class="h5 mb-4 sub-title">悠久的历史 Long-History</h2>
<p>在一班文化革命后，反压主义开始在一班传播，值日势力的动摇让人民看到了希望。<br>在这时，反压组织如雨后春笋般涌现，各种组织的活动越发活跃，所有组织合并，成立了二排起义。</p>
</div>
</div> <!-- .block-icon-1 -->
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="700">
<div class="media block-icon-1 d-block text-left">
<img src="./images/icon/wenhua.png" width="70" height="70" />
<div class="media-body">
<h2 class="h5 mb-4 sub-title">深厚的文化 Deep-Culture</h2>
<p>
得益于起义的悠久历史，二排特色文化越发深厚。文章、诗篇层出不穷，无不在彰显二排的包容开放。<br>在文化运动中，诗篇洗净了人民的麻木不仁，摧毁了人民心中根深蒂固的封建意识，把共和刻入了每个人的心中。
</p>
</div>
</div> <!-- .block-icon-1 -->
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="800">
<div class="media block-icon-1 d-block text-left">
<img src="./images/icon/qizhi.png" width="70" height="70" />
<div class="media-body">
<h2 class="h5 mb-4 sub-title">饱经风霜的历程 Hard-Journey</h2>
<p>
二排经历了两次值日战争，饱受值日生和易金衔的摧残，曾发生“登名十五人”的惨剧。<br>艰难完成了推翻值日制度的任务后，又发生内部叛变，汪子勤和罗淑华二人一手策划了反革命政变，二排五人被批斗，酿成了“一二
• 九事变”。但英勇的二排人从不放弃！</p>
</div>
</div> <!-- .block-icon-1 -->
</div>
</div>
</div>
</div>
</div>
</div> <!-- .templateux-section -->
<div class="">
<div class="d-flex flex-column flex-sm-row">
<a href="./game" class=" block-thumbnail-1 one-third" style="background-image: url('images/game.svg'); "
data-aos="fade" data-aos-delay="100">
<div class="block-thumbnail-content">
<h2>二排游戏中心</h2>
</div>
</a>
<a href="/12-9/" class=" block-thumbnail-1 two-third" style="background-image: url('images/img-2.jpg'); "
data-aos="fade" data-aos-delay="100">
<div class="block-thumbnail-content">
<h2>纪念一二•九事变</h2>
</div>
</a>
</div>
<div class="d-flex flex-column flex-sm-row">
<a href="https://ks.wjx.top/vj/mTTVaGo.aspx" class=" block-thumbnail-1 two-third"
style="background-image: url('images/img-3.jpg'); " data-aos="fade" data-aos-delay="200">
<div class="block-thumbnail-content">
<h2>加入二排</h2>
</div>
</a>
<a href="https://kdocs.cn/l/cdXmjJvcT94I" class=" block-thumbnail-1 one-third"
style="background-image: url('images/img-4.jpg'); " data-aos="fade" data-aos-delay="200">
<div class="block-thumbnail-content">
<h2>阅读诗集</h2>
</div>
</a>
</div>
<div class="d-flex flex-column flex-sm-row">
<a href="./book" class=" block-thumbnail-1 one-third" style="background-image: url('images/book.svg'); "
data-aos="fade" data-aos-delay="300">
<div class="block-thumbnail-content">
<h2>二排教育出版社</h2>
</div>
</a>
<a href="./book/music" class=" block-thumbnail-1 two-third" style="background-image: url('images/img-5.jpg'); "
data-aos="fade" data-aos-delay="300">
<div class="block-thumbnail-content">
<h2>二排音乐工作室</h2>
</div>
</a>
</div>
</div>
</div> <!-- .templateux-section -->
<div class="templateux-section bg-primary" id="templateux-counter-section">
<div class="container">
<div class="row">
<div class="col-md">
<div class="templateux-counter text-center">
<span class="templateux-number" data-number="3">3</span>
<span class="templateux-label">历史悠久</span>
</div>
</div>
<div class="col-md">
<div class="templateux-counter text-center">
<span class="templateux-number" data-number="4">4</span>
<span class="templateux-label">出版物丰富</span>
</div>
</div>
<div class="col-md">
<div class="templateux-counter text-center">
<span class="templateux-number" data-number="5">5</span>
<span class="templateux-label">音乐制作</span>
</div>
</div>
</div>
</div>
</div>
</div> <!-- .templateux-section -->
<footer class="templateux-footer bg-light">
<div class="container">
<div class="row mb-5">
<div class="col-md-8 pr-md-5">
<div class="block-footer-widget">
<div text="关于二排网站" class="text-gradient-foot">关于二排网站</div>
<div class="text-gradient-foot-eng">
<p style='font-family: Kanit;'>About SRI Website</p>
</div>
<br>
<p style="color:black">
二排起义网站是为了帮助二排文化在一班广泛传播而建立的。我们关注一班社会阶级平等，并为受压迫的平民提供文化支持。在几学期以来，我们成功推翻了值日政权，并为反罗暴政继续努力。</p>
<p style="color:black">二排网站于八上建立，运作模式是在全班范围内与普通民众、其他民主组织合作，开展学术研究与诗集编写项目，并带领有志青年参与其中。</p>
</div>
</div>
<!-- <div class="col-md-8 pr-md-5">
<div class="block-footer-widget">
<div text="小彩蛋" class="text-gradient-foot-egg-big">小彩蛋</div>
<div text="如你所见，这里有一个蛋，点一下试试？" class="text-gradient-foot-egg">如你所见，这里有一个蛋，点一下试试？</div>
<a href="./egg"><img src="/images/egg.png" width="80vw" style="box-shadow:0px 0px 10px 10px gold;" /></a>
</div>
</div> -->
</div>
<div class="row mb-5">
</div> <!-- .row -->
<div class="row pt-5 text-left">
<div class="col-md-12 text-left">
<a href="https://icp.gov.moe/?keyword=20240355" target="_blank">萌ICP备20240355号</a>
<p>
©2020-
<script>
document.write(new Date().getFullYear());
</script> Deng Junjian All rights reserved.
<a style="font-family: Star-Rail-Neue;">QingQiShuHua</a>
<a href="https://github.com/duck-deng/SRI-uniWebsite" target="_blank">
<img style="display: inline-block; vertical-align: middle"
src="https://img.shields.io.disabled/github/last-commit/duck-deng/SRI-uniWebsite?label=%E6%9C%80%E8%BF%91%E6%9B%B4%E6%96%B0&style=flat-square">
</a>
</p>
</div>
</div>
</div> <!-- .row -->
</div>
</footer> <!-- .templateux-footer -->
</div> <!-- .js-animsition -->
<script src="https://cdn.staticfile.net/mdui/1.0.2/js/mdui.min.js"></script>
<script src="https://cdn.staticfile.net/jquery/3.7.1/jquery.min.js"></script>
<script src="js/scripts-all.js"></script>
<script src="js/main.js"></script>
<script src="https://cdn.staticfile.net/aos/2.3.4/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>