-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
109 lines (105 loc) · 6.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title class="title">安徽省天长中学第五十届田径运动会相册</title>
<link rel="stylesheet" href="index.css">
<base target="_blank">
<link rel="shortcut icon" href="https://s3.bmp.ovh/imgs/2023/11/14/0dd35da309410587.png" type="image/png">
</head>
<body>
<div id="cover">
<p>精彩即将呈现...</p>
</div>
<script src="jq.min.js"></script>
<a class="a" id="totop" onclick="$('html')[0].scroll(0,0)">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-chevron-bar-up" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M3.646 11.854a.5.5 0 0 0 .708 0L8 8.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708zM2.4 5.2c0 .22.18.4.4.4h10.4a.4.4 0 0 0 0-.8H2.8a.4.4 0 0 0-.4.4z"/>
</svg>
</a>
<div id="tit">
<div class="cnt">
<!-- <img src="https://picst.sunbangyan.cn/2023/10/14/rb0n6s.png"> -->
<img src="https://s3.bmp.ovh/imgs/2023/11/14/f94aee807ff87e27.png" alt="">
<p class="name">安徽省天长中学第五十届田径运动会</p>
</div>
</div>
<p id="tip" class="show a" onclick="$('html')[0].scroll(0,ph)"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-down-fill" viewBox="0 0 16 16">
<path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/>
</svg> 下滑</p>
<div id="content">
<div class="trad af">
金秋时节，传去朗朗读书声；
十月清风，传来阵阵少年笑。
天长中学运动会，始于1974年，至今已有49年，旨在释放同学们的运动热情，野蛮其体魄，强健其精神，让汗水挥洒赛场，用奋斗浇灌学生。
鹏徙北海，凭六月息可上万里；
风朝初阳，浴火重生再铸辉煌。
</div>
</div>
<div id="grid">
<a class="card enable" href="example.html?id=opencrmn" style="grid-column: 2 span;">
<p>开幕式</p>
</a>
<a class="card enable" href="example.html?id=volunteer">
<p>志愿服务</p>
</a>
<a class="card enable" style="grid-column: 2 span;" href="example.html?id=closecrmn">
<p>闭幕式</p>
</a>
<a class="card enable" href="example.html?id=4x100">
<p>4×100m</p>
</a>
<a class="card enable" href="example.html?id=100">
<p>100m</p>
</a>
<a class="card enable" href="example.html?id=200">
<p>200m</p>
</a>
<a class="card enable" href="example.html?id=400">
<p>400m</p>
</a>
<a class="card enable" href="example.html?id=800">
<p>800m</p>
</a>
<a class="card enable" href="example.html?id=1500">
<p>1500m</p>
</a>
<a class="card enable" href="example.html?id=3000">
<p>3000m</p>
</a>
<a class="card enable" href="example.html?id=shotput">
<p>铅球</p>
</a>
<a class="card enable" href="example.html?id=highjump">
<p>跳高</p>
</a>
<a class="card enable" style="grid-column: 2 span;" href="example.html?id=longjump">
<p>跳远&三级跳远</p>
</a>
<a class="card enable" href="example.html?id=schoolscene">
<p>学校风景</p>
</a>
<a class="card enable" href="example.html?id=relay">
<p>迎面接力</p>
</a>
</div>
<div id="download">
<a class="a btn" href="https://1drv.ms/u/s!Ap7-VItGxZ6oiB2n_RUPgvCkUDv_?e=VOLz5k"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16">
<path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/>
<path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z"/>
</svg>下载所有图片 (原图)</a>
<a class="a btn" href="https://wwkq.lanzouq.com/iaTLS1dj1kaf"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-database-down" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M12.5 9a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7Zm.354 5.854a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708l.646.647V10.5a.5.5 0 0 1 1 0v2.793l.646-.647a.5.5 0 0 1 .708.708l-1.5 1.5Z"/>
<path fill-rule="evenodd" d="M12.096 6.223A4.92 4.92 0 0 0 13 5.698V7c0 .289-.213.654-.753 1.007a4.493 4.493 0 0 1 1.753.25V4c0-1.007-.875-1.755-1.904-2.223C11.022 1.289 9.573 1 8 1s-3.022.289-4.096.777C2.875 2.245 2 2.993 2 4v9c0 1.007.875 1.755 1.904 2.223C4.978 15.71 6.427 16 8 16c.536 0 1.058-.034 1.555-.097a4.525 4.525 0 0 1-.813-.927C8.5 14.992 8.252 15 8 15c-1.464 0-2.766-.27-3.682-.687C3.356 13.875 3 13.373 3 13v-1.302c.271.202.58.378.904.525C4.978 12.71 6.427 13 8 13h.027a4.552 4.552 0 0 1 0-1H8c-1.464 0-2.766-.27-3.682-.687C3.356 10.875 3 10.373 3 10V8.698c.271.202.58.378.904.525C4.978 9.71 6.427 10 8 10c.262 0 .52-.008.774-.024a4.525 4.525 0 0 1 1.102-1.132C9.298 8.944 8.666 9 8 9c-1.464 0-2.766-.27-3.682-.687C3.356 7.875 3 7.373 3 7V5.698c.271.202.58.378.904.525C4.978 6.711 6.427 7 8 7s3.022-.289 4.096-.777ZM3 4c0-.374.356-.875 1.318-1.313C5.234 2.271 6.536 2 8 2s2.766.27 3.682.687C12.644 3.125 13 3.627 13 4c0 .374-.356.875-1.318 1.313C10.766 5.729 9.464 6 8 6s-2.766-.27-3.682-.687C3.356 4.875 3 4.373 3 4Z"/>
</svg>下载所有图片 (压缩后)</a>
</div>
<div id="footer">
网站制作：<a class="a jump" target="_blank" style="text-decoration: underline;" href="https://tjy-gitnub.github.io/">星源</a><br>
项目策划、后期完善：<a class="a jump" target="_blank" href="https://tjy-gitnub.github.io/">星源</a>、<a class="a jump" target="_blank" href="https://programcx.github.io/">Program</a><br>
联系邮箱：<a class="a jump" target="_blank" href="mailto:[email protected]">[email protected]</a><br>
在此我们向为制作该次运动会相册网站提供照片的教师和学生表示感谢！
</div>
<script src="index.js"></script>
</body>
</html>