-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·262 lines (242 loc) · 10.8 KB
/
index.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
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
<!-- Fly3949 ©2018 -->
<!DOCTYPE html>
<html lang=zh-cmn-Hans>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="keywords" content="泉州五中,毕业,毕业档案">
<meta name="description" content="五中狼的毕业档案">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<title>五中狼的毕业档案</title>
<base href="https://cdn-record2018.qz5z.ren">
<link rel="icon" href="assets/img/logo.png" type="image/x-icon">
<link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdn.bootcss.com/Buttons/2.0.0/css/buttons.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/main.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-78734040-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-78734040-8');
</script>
</head>
<body>
<!-- 喂分享组件吃的图片 -->
<div style="position: fixed;top: -9999px;">
<img src="assets/img/pages/7/1.jpg">
</div>
<img src="assets/img/music-off.png" class="music-btn">
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div id="bg1"></div>
<!-- 默认隐藏，非首页则显示 -->
<div id="bg2"></div>
<div class="cloud"></div>
<div class="flight"></div>
<!--MOB SHARE BEGIN-->
<div class="-mob-share-ui" style="display: none">
<ul class="-mob-share-list">
<li class="-mob-share-weibo">
<p>新浪微博</p>
</li>
<li class="-mob-share-qzone">
<p>QQ空间</p>
</li>
<li class="-mob-share-qq">
<p>QQ好友</p>
</li>
<li class="-mob-share-douban">
<p>豆瓣</p>
</li>
<li class="-mob-share-facebook">
<p>Facebook</p>
</li>
<li class="-mob-share-twitter">
<p>Twitter</p>
</li>
</ul>
<div class="-mob-share-close">取消</div>
</div>
<div class="-mob-share-ui-bg"></div>
<!--MOB SHARE END-->
<div class="wrap" id="wrap">
<div class="item item-1">
<div class="title"></div>
<div class="avatar"></div>
<div class="center">
<button class="btn-login button button-white button-rounded">查看我的毕业档案</button>
</div>
</div>
<div class="item item-2">
<div class="page">
<p class="item-text">
在
<span class="highlight">1011</span>
天之前
<br> 你紧握着录取通知书
<br> 憧憬而又不安地
<br> 第一次踏入五中的校门
</p>
<p class="divide"></p>
<p class="item-text bb last">出发，是为了更好的未来</p>
<img src="assets/img/pages/1/1.png" style="max-width: 60%;margin-top: 10vw;">
</div>
</div>
<div class="item item-3">
<div class="page">
<p class="item-text">
从年段
<span class="highlight countup" id="score-from"></span>
名到
<span class="highlight countup" id="score-to"></span>
名
<br>
<span class="highlight" id="score-percent"></span>
<span class="highlight">%</span>
的飞跃
<br> 汗水浸湿的稿纸
<br> 堆叠如山的笔芯
<br> 是成长的见证
</p>
<p class="divide"></p>
<p class="item-text bb last">努力，是为了某一天的蜕变</p>
<img src="assets/img/pages/2/1.png" style="max-width: 50%;margin-top: 10vw;">
</div>
</div>
<div class="item item-4">
<div class="page">
<p class="item-text">
『表示从一楼到四楼的距离』
<br> 『原来只有三年』
<br> ……
<br> 印象中，三年里
<br> 教学楼到食堂的路
<br> 来来回回
<br> 走了
<span class="highlight" id="steps"></span> 多趟
</p>
<p class="divide"></p>
<p class="item-text bb last">时间奔跑着，一年又一年</p>
<img src="assets/img/pages/3/1.png" style="max-width: 70%;margin-top: 0;">
</div>
</div>
<div class="item item-5">
<div class="page">
<p class="item-text">
你的 2018 关键词
<br>
<span class="highlight" id="keyword1">奋斗</span>
<br>
<span class="highlight" id="keyword2">成就</span>
<br>
<span class="highlight" id="keyword3">非凡</span>
</p>
<p class="divide"></p>
<p class="item-text bb last">向前跑，哪怕迎着冷眼和嘲笑</p>
<img src="assets/img/pages/4/1.png" style="max-width: 70%;margin-top: 15vw;">
</div>
</div>
<div class="item item-6">
<div class="page">
<p class="item-text">
步入大学校园的你
<br> 是否还记得
<br> 曾经的伙伴？
<br> 班主任的口头禅
<br> 是否还在耳边回响？
</p>
<p class="divide"></p>
<p class="item-text bb last">五中狼，青春不散场</p>
<img src="assets/img/pages/5/1.png" style="max-width: 60%;margin-top: -8vw;">
</div>
</div>
<div class="item item-7">
<div class="page">
<p class="item-text">
十年后的你
<br> 也许正经历种种坎坷
<br> 孤身闯荡，形单影只
<br> 也许你会想回到过去
<br> 再做一次选择
<br> 请不要放弃，不要感到遗憾
<br> 五中狼，总要学会独自拼搏
</p>
<p class="divide"></p>
<p class="item-text bb last">五中狼，相信未来会更好</p>
<img src="assets/img/pages/6/1.png" style="max-width: 60%;margin-top: -3vw">
</div>
</div>
<div class="item item-8">
<div class="page">
<p class="item-text bb">写一句话，给未来的自己</p>
<p class="item-text" style="font-size: 2.5vw">140 字以内，只有一次机会哦！</p>
<div class="input-group" style="padding:2vw">
<textarea id="say-t1" type="text" class="form-control" placeholder="给踏入大学校园的自己" maxlength="140"></textarea>
</div>
<div class="input-group" style="padding:2vw">
<textarea id="say-t2" type="text" class="form-control" placeholder="给十年后的自己" maxlength="140"></textarea>
</div>
<div class="input-group" style="padding:2vw">
<input id="say-email" type="email" class="form-control" placeholder="你的邮箱">
</div>
<br>
<div class="center">
<button id="say-btn" id="btn-do-login" class="button button-primary button-rounded">写好啦</button>
</div>
<br>
<div class="center">
<button class="button button-primary button-rounded" onclick="myslider.next();">算了，以后再写</button>
</div>
</div>
</div>
<div class="item item-9">
<div class="page" style="padding-top: 5vw">
<p class="item-text bb">
五中狼，毕业了……
</p>
<p class="divide"></p>
<img src="assets/img/pages/7/1.jpg" style="max-width: 80%;max-height: 45vh; margin-top: 4vw;">
<p class="item-text" style="font-size: 2vw;margin-top: 2vw;line-height: 4.5vw;">
我只想拉住流年，好好的说声再见……
<br> 六月后，光年成记念。
<br> —— 雷雨心《记念》
</p>
<div class="row" style="margin: 0 auto;padding: 5vw;">
<div class="col-xs-4" style="margin: 0 auto;">
<div class="center">
<button id="say-btn" class="button button-primary button-rounded btn-share" style="width: 30vw;padding: 0 5px;">分享</button>
</div>
</div>
<div class="col-xs-4" style="margin: 0 auto;">
<div class="center">
<button class="button button-primary button-rounded" onclick="myslider.slideTo(0)" style="width: 30vw;padding: 0 5px;">返回</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 滑块 -->
<div class="global">
<div class="slider">
<span class="sprite_global"></span>
</div>
</div>
<audio id="bgm" src="assets/audio/bgm.mp3" style="display:none" loop preload></audio>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="assets/js/iSlider.js"></script>
<script src="assets/js/layer.js"></script>
<script id="-mob-share" src="assets/js/mob-share.js?appkey=263c7e29d9f40"></script>
<script src="assets/js/main.js"></script>
</body>
</html>