-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
431 lines (409 loc) · 19.1 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
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset="UTF-8">
<meta name="description" content="2022届毕业忠德Minecraft地图网站">
<meta name="keywords" content="忠德,北京忠德学校,北京市忠德学校,kjch,况佳城,kjch况佳城,Minecraft">
<!-- 适配移动设备, 进行0.8倍缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=0.8, maximum-scale=0.8, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="theme-color" content="#181818">
<title data-t="indexTitle">忠德学校 | 几个22届初三毕业生的作品</title>
<link rel="icon" rel="shortcut icon" type="image/x-icon" href="assets/favicon.ico">
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="assets/logo.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="#181818">
<meta name="apple-mobile-web-app-title" content="ZDSchool Project Website">
<link rel="apple-touch-icon-precomposed" href="assets/logo.png">
<meta name="msapplication-TileImage" content="assets/logo.png">
<meta name="msapplication-TileColor" content="#181818">
<link type="text/css" rel="stylesheet" href="//unpkg.com/swiper/swiper-bundle.min.css">
<link type="text/css" rel="stylesheet" href="//cdn.jsdelivr.net/npm/blueprint-css@3.1.1/dist/blueprint.min.css" />
<link type="text/css" rel="styleSheet" href="/css/shake.css" />
<link type="text/css" rel="stylesheet" href="/css/scrollbar.css" />
<link type="text/css" rel="styleSheet" href="/css/main.less" />
<!-- 允许跨域请求 -->
<meta name="referrer" content="no-referrer">
<meta http-equiv="Content-Security-Policy" content="frame-ancestors 'self'">
<!-- jquery3.4库 -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.4.0/dist/jquery.min.js"></script>
<!-- 引入Fancybox依赖 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css">
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.1.1/css/fontawesome.min.css" integrity="sha384-zIaWifL2YFF1qaDiAo0JFgsmasocJ/rqu7LKYH8CoBEXqGbb9eO+Xi3s6fQhgFWM" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<link rel="stylesheet" href="./css/minecraft.css" />
<!-- 测试引入 Minecraft官网 样式 -->
<!-- 引入 Element 样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.10/lib/theme-chalk/index.css">
<!-- 引入 Element 组件库 -->
<script src="https://unpkg.com/element-ui@2.15.10/lib/index.js"></script>
<!-- 引入IP信息统计 -->
<script type="text/javascript" src="https://ip.kjchmc.cn/zdschool/index.php"></script>
</head>
<body>
<main>
<header>
<a href="/"><img alt="logo" class="logo" src="assets/images/table.png"></a>
<span>ZDSchool</span>
<!--<section class="mc-globalhead__navsection" id="mc-globalhead__navcontainer" data-bi-id="c2m2r1a1"
data-bi-name="mc-globalhead__navcontainer"></section>
<nav class="mc-globalhead__accountnav" aria-label="Account Navigation" data-bi-id="c3c2m2r1a1"
data-bi-name="c3c2m2r1a1">
<ul>
<li style="list-style-type: none;" class="mc-globalhead__btnlist-container" data-bi-id="c2c3c2m2r1a1" data-bi-name="c2c3c2m2r1a1">
<a class="mc-button__primary mc-button__green-s1" href="/about" aria-label="关于本项目"
data-aem-contentname="关于本项目" target="_self" data-bi-id="n1c2c3c2m2r1a1" data-bi-name="关于本项目">关于本项目</a>
</li>
</ul>
</nav>-->
</header>
<section id="first" bp="grid vertical-center">
<div bp="12">
<img alt="logo" class="shake-slow logo" src="assets/images/kjch.png">
<h1>ZDSchool</h1>
<h3>2022届初三毕业生建造的忠德学校</h3>
<p>（肝劲十足）</p>
<p></p>
<div class="buttons">
<a role="button" class="btn btn-primary" href="https://file.kjchmc.cn/Minecraft/school/忠德资料/" target="_blank">下载地图&材质包</a><a role="button" class="btn btn-secondary" href="http://mc.kjchmc.cn:8123/">查看服务器卫星地图</a>
</div>
<div class="buttons" style="margin-top: 10px;">
<a role="button" class="btn1 btn1-primary" href="./About/index.html" style="background-color: #49b1f5; box-shadow: 0 -4px rgb(0 0 0 / 30%) inset, 0 4px rgb(255 255 255 / 50%) inset, -4px 0 rgb(255 255 255 / 50%) inset, 4px 0 rgb(0 0 0 / 30%) inset;">关于本项目</a>
</div>
</div>
</section>
<section id="second">
<section bp="grid vertical-center">
<div bp="10 offset-2 5@md offset-2@md">
<!--<div id="mse"></div>-->
<div class="iframe-body">
<iframe src="./video.html" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
</div>
</div>
<div class="container right container-style" bp="4@md offset-8@md 12 offset-1">
<h1>毕业纪念</h1>
<p>时光飞逝, 匆匆三年.</p>
<p>告别初中, 迎接高中.</p>
<p>2019.9 - 2022.7</p>
<p>这段记忆, 注定难以舍弃.</p>
<a class="small">(点击图片</a> <i class="fa-solid fa-circle-play"></i> <a class="small">播放视频)</a>
</div>
</section>
<section bp="grid vertical-center">
<div bp="last@md 4@md 10 offset-2">
<a data-fancybox href="./assets/members.jpg">
<img class="img" src="assets/members.jpg">
<p><font class="img-small"><strong>(点击图片预览大图)</strong></font></p>
</a>
</div>
<div class="container container-style" bp="first@md 12 5@md offset-2@md">
<h1>我们毕业啦</h1>
<p>这是一个温馨的大家庭.</p>
<p>因为有了我们</p>
<p>这里, 充满着欢笑与喜悦.</p>
<p class="small">(不要忘记彼此！)</p>
</div>
</section>
<section bp="grid vertical-center">
<div bp="10 offset-2 5@md offset-2@md">
<!--<div id="mse"></div>-->
<div class="iframe-body">
<iframe src="./video1.html" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
</div>
</div>
<div class="container right container-style" bp="4@md offset-8@md 12 offset-1">
<h1>Look Back</h1>
<p>一段被删减的视频</p>
<p>从未在毕业典礼上播放过</p>
<p>来自蒋昊</p>
<a class="small">(点击图片</a> <i class="fa-solid fa-circle-play"></i> <a class="small">播放视频)</a>
</div>
</section>
<!-- 2023.2.9 新增并修改视频 Iframe 背景图 -->
<section bp="grid vertical-center">
<div bp="3@md offset-7@md">
<!--<div id="mse"></div>-->
<div class="iframe-body">
<iframe src="./video2.html" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
<!--<iframe src="./video2.html" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" allowtransparency="true" name="main" style="width:100%;height:100%;flex: 1;z-index: 100px;background-size:cover;background-image:url(https://file.kjchmc.cn/d/忠德学校资料/学校照片/poster3.png)"> </iframe>-->
</div>
</div>
<div class="container container-style" bp="first@md 12 5@md offset-2@md">
<h1>《放心去飞》</h1>
<h1>教师合唱MV</h1>
<p>“聚是一团火，散是满天星”</p>
<p>用歌声祝福同学们前程似锦</p>
<p style="text-decoration: underline;text-decoration-style: wavy;text-decoration-color: #779fe2bd;">修改视频伴奏为歌曲原声</p>
<p>视频制作来自 蒋昊</p>
<a class="small">(点击图片</a> <i class="fa-solid fa-circle-play"></i> <a class="small">播放视频)</a>
</div>
</section>
<!-- 2024.11.27 新增 忠德20周年校庆合唱MV - 我们走在大路上 视频内容 -->
<section bp="grid vertical-center">
<div bp="10 offset-2 5@md offset-2@md">
<div class="iframe-body">
<iframe src="./video3.html" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
</div>
</div>
<div class="container right container-style" bp="4@md offset-8@md 12 offset-1">
<h1>《我们走在大路上》</h1>
<h1>2023忠德20周年校庆合唱MV</h1>
<p>用歌声祝福母校20周年快乐</p>
<p style="text-decoration: underline;text-decoration-style: wavy;text-decoration-color: #779fe2bd;">视频内音频为现场原声</p>
<p>合唱 八年级3班(2023) - 应为2024届学生</p>
<p>视频制作来自 况佳城</p>
<a class="small">(点击图片</a> <i class="fa-solid fa-circle-play"></i> <a class="small">播放视频)</a>
</div>
</section>
<h1>更多图片</h1>
<div class="more-img">
<a href="./assets/images/1.png" data-fancybox="gallery"><img src="./assets/images/1.png" /></a>
<a href="./assets/images/2.png" data-fancybox="gallery"><img src="./assets/images/2.png" /></a>
<a href="./assets/images/3.png" data-fancybox="gallery"><img src="./assets/images/3.png" /></a>
<a href="./assets/images/4.png" data-fancybox="gallery"><img src="./assets/images/4.png" /></a>
<a href="./assets/images/5.png" data-fancybox="gallery"><img src="./assets/images/5.png" /></a>
<a href="./assets/images/6.png" data-fancybox="gallery"><img src="./assets/images/6.png" /></a>
<a href="./assets/images/7.png" data-fancybox="gallery"><img src="./assets/images/7.png" /></a>
<a href="./assets/images/8.png" data-fancybox="gallery"><img src="./assets/images/8.png" /></a>
<a href="./assets/images/9.png" data-fancybox="gallery"><img src="./assets/images/9.png" /></a>
<a href="./assets/images/10.png" data-fancybox="gallery"><img src="./assets/images/10.png" /></a>
<a href="./assets/images/11.png" data-fancybox="gallery"><img src="./assets/images/11.png" /></a>
<a href="./assets/images/12.png" data-fancybox="gallery"><img src="./assets/images/12.png" /></a>
<a href="./assets/images/13.png" data-fancybox="gallery"><img src="./assets/images/13.png" /></a>
<a href="./assets/images/14.png" data-fancybox="gallery"><img src="./assets/images/14.png" /></a>
<a href="./assets/images/15.png" data-fancybox="gallery"><img src="./assets/images/15.png" /></a>
<a href="./assets/images/16.png" data-fancybox="gallery"><img src="./assets/images/16.png" /></a>
<a href="./assets/images/17.png" data-fancybox="gallery"><img src="./assets/images/17.png" /></a>
<a href="./assets/images/18.png" data-fancybox="gallery"><img src="./assets/images/18.png" /></a>
</div>
<!--<iframe src="./imglist.html" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>-->
<!--<section id="more">
<div class="swiper-container">
<div class="swiper-wrapper" id="slide"></div>
<div class="swiper-pagination swiper-pagination-white"></div>
<div class="swiper-button-next swiper-button-white"></div>
<div class="swiper-button-prev swiper-button-white"></div>
</div>
</section>-->
</section>
<!--<section id="third" bp="grid vertical-center">
<div bp="12">我们的优势</div>
<section bp="4@md 12">
<img src="assets/minecraft.png">
<p>高频处理器, TPS大部分时间都在20左右</p>
<p>独立机房, 三线网路, 让您保持流畅游戏体验</p>
</section>
<section bp="4@md 12">
<img src="assets/minecraft.png">
<p>玩法多样, 建筑、红石、养老样样均可</p>
<p>死亡不掉落已开启, 让您愉快游戏</p>
</section>
<section bp="4@md 12">
<img src="assets/minecraft.png">
<p>已通过 MCBBS 公益服务器审核</p>
<p>只为打造一个良好的游戏环境和社区</p>
</section>
</section>-->
<section id="forth">
<h1>建筑成员</h1>
<div>
<section>
<img class="img" src="/assets/members/kjch666.png"><!--https://minotar.net/helm/kjch666/100.png-->
<h3>kjch况佳城</h3>
<p>kjch666</p>
</section>
<section>
<img class="img" src="/assets/members/H2O2R.png">
<h3>蒋昊</h3>
<p>H2O2R</p>
</section>
<section>
<img class="img" src="/assets/members/xhj.png">
<h3>董洪宇</h3>
<p>xhj</p>
</section>
<section>
<img class="img" src="/assets/members/lh.png">
<h3>李辉</h3>
<p>woshidas**bi</p>
</section>
<section>
<img class="img" src="/assets/members/putput11.png">
<h3>吴中瑞</h3>
<p>putput11</p>
</section>
<section>
<img class="img" src="/assets/members/test.png">
<h3>老况的摄像机</h3>
<p>test</p>
</section>
</div>
<h1>联系我</h1>
<ul>
<li class="last-li-1">微信: kjch666FFF</li>
<li class="last-li-2">QQ: <a href="https://wpa.qq.com/msgrd?v=3&uin=1834423612&site=qqq&menu=yes" target="_blank">1834423612</a></li>
<li class="last-li-3"><a href="https://www.kjchmc.cn/" target="_blank">kjch况佳城的主页</a></li>
<li class="last-li-4"><a href="https://file.kjchmc.cn/" target="_blank">老况的文件库</a></li>
<li class="last-li-5"><a href="https://github.com/1834423612" target="_blank">Github</a></li>
</ul>
</section>
<footer>
<!--<iframe src="https://ip.kjchmc.cn/zdschool/index.php" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="1px" height="1px"> </iframe>-->
<a href="http://www.beian.miit.gov.cn" target="_blank">冀ICP备19023170号</a>
<a target="_blank" rel="noopener external nofollow noreferrer" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11011202001885">
<span class="icp" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<img src="./assets/images/ghs.png" style="float:left;"/>京公网安备11011202001885号</span></a>
<span class="copy">Copyright © 2022 kjch况佳城 All rights reserved.</span>
<!-- <a class="version">构建号：${process.env.COMMIT_ID}</a> -->
</footer>
</main>
<!-- <script>
$(document).ready(function() {
// 获取链接元素
var link = $('a[data-fancybox]');
// 点击链接时
link.click(function(event) {
// 阻止默认行为
event.preventDefault();
// 打开 Fancybox
$.fancybox.open({
src: link.attr('href'),
type: 'iframe',
iframe: {
css: {
'width': '100%',
'height': '100%',
},
// 加载 iframe 后执行的回调函数
// 这里删除 iframe 页面中指定的元素
onComplete: function() {
// 延迟25秒执行元素删除
setTimeout(function() {
var iframe = this.content;
var header = iframe.querySelector('.header.hope-center.hope-c-jKOUQW.hope-c-PJLV.hope-c-PJLV-ikgiLXI-css');
if (header) {
header.remove();
}
}.bind(this), 25000);
}
}
});
});
});
</script> -->
<!-- Fancybox预览样式 -->
<script>
// 单张照片
Fancybox.bind('[data-fancybox]', {
Toolbar: {
display: {
left: ["infobar"],
middle: [],
right: ["zoomIn", "zoomOut", "download", "close"],
},
}
});
// 照片组
Fancybox.bind('[data-fancybox="gallery"]', {
Toolbar: {
display: {
left: ["infobar"],
middle: [],
right: ["slideshow", "download", "thumbs", "close"],
},
}
});
</script>
<!-- 添加首页消息弹窗 -->
<!-- 添加并隐藏Element组件按钮 -->
<div id="app">
<template>
<el-button plain @click="open1" style="display: none;">
Button1
</el-button>
<el-button plain @click="open2" style="display: none;">
Button2
</el-button>
<el-button plain @click="open3" style="display: none;">
消息
</el-button>
<el-button plain @click="open4" style="display: none;">
Button4
</el-button>
</template>
</div>
<script>
var Main = {
methods: {
open1() {
this.$notify({
title: '成功',
message: '这是一条成功的提示消息',
type: 'success'
});
},
open2() {
this.$notify({
title: '警告',
message: '这是一条警告的提示消息',
type: 'warning'
});
},
open3() {
this.$notify.info({
title: '通知',
message: '本建筑项目目前处于<font color="red"><strong>低更新频率</strong></font>，短时间内可能不会有大更新，详情请见下方<strong>关于本项目</strong>查看最新状态！',
dangerouslyUseHTMLString: true,
duration: 15000,
showClose: true,
offset: 50,
});
},
open4() {
this.$notify.error({
title: '错误',
message: '这是一条错误的提示消息'
});
}
}
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')
</script>
<script>
var buttons = document.getElementsByTagName("button");
//仅执行一次，若页面4个按钮全部显示，立即获取第3个按钮，并自动执行一次点击
setTimeout(function () {
if (buttons.length == 4) {
var button = buttons[2];
button.click();
}
}, 1000);
</script>
<!-- 引入 Swiper 组件 -->
<script src="//unpkg.com/swiper@8.4.4/swiper-bundle.min.js"></script>
<!-- 引入西瓜视频播放器组件 -->
<script src="//unpkg.byted-static.com/xgplayer/2.31.6/browser/index.js" charset="utf-8"></script>
<!-- iframe居中 -->
<script>
window.onload=function()
{
var oBox=document.getElementById('iframe-box');
adjustResize();
window.onresize=window.onscroll=adjustResize;
function adjustResize()
{
var iWidth=document.documentElement.clientWidth;
var iHegiht=Math.max(document.documentElement.clientHeight,document.body.clientHeight);
oBox.style.left=(iWidth-oBox.offsetWidth)/2+'px';
oBox.style.top=(iHegiht-oBox.offsetHeight)/2+'px';
}
}
</script>
<script src="index.js"></script>
</body>
</html>