diff --git a/example.html b/example.html
index 6816926..5ccb180 100644
--- a/example.html
+++ b/example.html
@@ -1,161 +1,161 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title id="title">精彩即将呈现...</title>
-    <link rel="stylesheet" href="examp.css">
-    <base target="_self">
-    <link rel="shortcut icon" href="https://gitee.com/ProgramCX/tzydhpics/raw/master/tczx.png" type="image/png">
-</head>
-
-<body>
-    <div id="cover">
-        <p>精彩即将呈现...</p>
-    </div>
-    <script src="jq.min.js"></script>
-    
-    <!-- <audio src="music.m4a" id="audio" preload="none"></audio> -->
-    <!-- <audio src="https://downsc.chinaz.net/Files/DownLoad/sound1/201605/7324.mp3" -->
-        <!-- id="audio" preload="none"></audio>    -->
-        <audio src="https://gitee.com/tzydh/tzydh/raw/main/music.m4a" id="audio" preload="none"></audio>
-    <div id="tit">
-        <div class="title">
-            <p id="topic">Loading...</p>
-            <a class="a btn" onclick="$('#sidebar').toggleClass('show');"><svg xmlns="http://www.w3.org/2000/svg"
-                    width="16" height="16" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
-                    <path fill-rule="evenodd"
-                        d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
-                </svg></a>
-        </div>
-        <!-- <p>若某些图片加载失败，请右键图片点击加载映像以重新加载</p> -->
-        <div id="musctrl">
-            <p>🎵运动员进行曲</p>
-            <a onclick="if($(this).hasClass('play')){
-                    document.getElementById('audio').play();
-                    played=true;
-                    $('#musctrl>.btn').text('暂停');
-                    $('#musctrl>.btn').removeClass('play');
-                    $('#music>.tip').text('我们已开始播放音乐');
-                    $('#music>.btn').remove();
-                }else{
-                    document.getElementById('audio').pause();
-                    this.innerText='播放';
-                    $(this).addClass('play')
-                }" class="play a btn" style="margin: 0 15px;">播放</a>
-        </div>
-    </div>
-    <div id="sidebar">
-        <div class="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>
-    <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>
-    <script>
-        var r = window.location.search.substr(1).match(/(^|&)id=([^&]*)(&|$)/);
-        if (r != null) r = unescape(r[2])
-        else {
-            alert('一点小问题，不必介意，还请刷新试试');
-        }
-        $.getJSON(`pics/${r}.json`).then(res => {
-            $('#topic').text(res.title);
-            $('#title').text('天中运动会-' + res.title);
-            if(res.intro){
-                $('#content')[0].innerHTML += `<div class="text">
-                    <p class="tit">${res.intro.tit}</p>
-                    <p>${res.intro.cnt}</p>
-                </div>`;
-            }
-            res.pics.forEach(p => {
-                $('#content')[0].innerHTML += `<div class="pic af">
-                    <p>加载中...</p>
-                    <a href="${p.url}" class="link"><img src="${p.url}" class="pic" loading="lazy"></img></a>
-                    <p class="desp">${p.dtl}</p>
-                </div>`;
-            });
-            $('#cover,html').addClass('load');
-            start();
-        }).fail(() => {
-            alert('一些小问题，不必介意，还请刷新试试');
-        });
-    </script>
-    <p id="tip" class="show">点击图片可单独浏览；点击左上三横按钮可切换体育项目。</p>
-    <div id="content">
-        <div id="music">
-            <p class="ti">奏乐~</p>
-            <p class="tip">下滑即意味着我们将趁浏览器不备时播放</p>
-            <a onclick="document.getElementById('audio').play();
-            played=true;
-            $('#musctrl>.btn').text('暂停');
-            $('#musctrl>.btn').removeClass('play');
-            $('#music>.tip').text('我们已开始播放音乐');
-            $('#music>.btn').remove();
-            localStorage.setItem('playm','true');" class="play a btn">默认播放</a>
-            <a class="a btn noplay" onclick="
-            document.getElementById('audio').pause();
-            playm=false;
-            $('#music>.btn').remove();
-            $('#music>.tip').text('我们不会播放音乐');
-            localStorage.setItem('playm','false');">从不播放</a>
-        </div>
-    </div>
-    <div id="footer">
-        网站制作（点击后面昵称可浏览个人主页）：<a class="a jump" target="_blank" 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:waterdroplab@outlook.com">WaterDropLab@outlook.com</a><br>
-        在此我们向为制作该次运动会相册网站提供照片的教师和学生表示感谢！
-    </div>
-    <script src="examp.js"></script>
-</body>
-
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title id="title">精彩即将呈现...</title>
+    <link rel="stylesheet" href="examp.css">
+    <base target="_self">
+    <link rel="shortcut icon" href="https://gitee.com/ProgramCX/tzydhpics/raw/master/tczx.png" type="image/png">
+</head>
+
+<body>
+    <div id="cover">
+        <p>精彩即将呈现...</p>
+    </div>
+    <script src="jq.min.js"></script>
+    
+    <!-- <audio src="music.m4a" id="audio" preload="none"></audio> -->
+    <!-- <audio src="https://downsc.chinaz.net/Files/DownLoad/sound1/201605/7324.mp3" -->
+        <!-- id="audio" preload="none"></audio>    -->
+        <audio src="https://gitee.com/tzydh/tzydh/raw/main/music.m4a" id="audio" preload="none"></audio>
+    <div id="tit">
+        <div class="title">
+            <p id="topic">Loading...</p>
+            <a class="a btn" onclick="$('#sidebar').toggleClass('show');"><svg xmlns="http://www.w3.org/2000/svg"
+                    width="16" height="16" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
+                    <path fill-rule="evenodd"
+                        d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
+                </svg></a>
+        </div>
+        <!-- <p>若某些图片加载失败，请右键图片点击加载映像以重新加载</p> -->
+        <div id="musctrl">
+            <p>🎵运动员进行曲</p>
+            <a onclick="if($(this).hasClass('play')){
+                    document.getElementById('audio').play();
+                    played=true;
+                    $('#musctrl>.btn').text('暂停');
+                    $('#musctrl>.btn').removeClass('play');
+                    $('#music>.tip').text('我们已开始播放音乐');
+                    $('#music>.btn').remove();
+                }else{
+                    document.getElementById('audio').pause();
+                    this.innerText='播放';
+                    $(this).addClass('play')
+                }" class="play a btn" style="margin: 0 15px;">播放</a>
+        </div>
+    </div>
+    <div id="sidebar">
+        <div class="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>
+    <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>
+    <script>
+        var r = window.location.search.substr(1).match(/(^|&)id=([^&]*)(&|$)/);
+        if (r != null) r = unescape(r[2])
+        else {
+            alert('一点小问题，不必介意，还请刷新试试');
+        }
+        $.getJSON(`pics/${r}.json`).then(res => {
+            $('#topic').text(res.title);
+            $('#title').text('天中运动会-' + res.title);
+            if(res.intro){
+                $('#content')[0].innerHTML += `<div class="text">
+                    <p class="tit">${res.intro.tit}</p>
+                    <p>${res.intro.cnt}</p>
+                </div>`;
+            }
+            res.pics.forEach(p => {
+                $('#content')[0].innerHTML += `<div class="pic af">
+                    <p>加载中...</p>
+                    <a href="${p.url}" class="link"><img src="${p.url}" class="pic" loading="lazy"></img></a>
+                    <p class="desp">${p.dtl}</p>
+                </div>`;
+            });
+            $('#cover,html').addClass('load');
+            start();
+        }).fail(() => {
+            alert('一些小问题，不必介意，还请刷新试试');
+        });
+    </script>
+    <p id="tip" class="show">点击图片可单独浏览；点击左上三横按钮可切换体育项目。</p>
+    <div id="content">
+        <div id="music">
+            <p class="ti">奏乐~</p>
+            <p class="tip">下滑即意味着我们将趁浏览器不备时播放</p>
+            <a onclick="document.getElementById('audio').play();
+            played=true;
+            $('#musctrl>.btn').text('暂停');
+            $('#musctrl>.btn').removeClass('play');
+            $('#music>.tip').text('我们已开始播放音乐');
+            $('#music>.btn').remove();
+            localStorage.setItem('playm','true');" class="play a btn">默认播放</a>
+            <a class="a btn noplay" onclick="
+            document.getElementById('audio').pause();
+            playm=false;
+            $('#music>.btn').remove();
+            $('#music>.tip').text('我们不会播放音乐');
+            localStorage.setItem('playm','false');">从不播放</a>
+        </div>
+    </div>
+    <div id="footer">
+        网站制作：<a class="a jump" target="_blank" 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:pinsoftstudio@outlook.com">PinsoftStudio@outlook.com</a><br>
+        在此我们向为制作该次运动会相册网站提供照片的教师和学生表示感谢！
+    </div>
+    <script src="examp.js"></script>
+</body>
+
 </html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 466b60a..e4dd4bf 100644
--- a/index.html
+++ b/index.html
@@ -1,110 +1,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>
-    
-    <!-- <audio src="https://ghproxy.com/https://github.com/WaterDropLab/tczxydh/releases/download/Music/music.m4a" id="audio" preload="none"></audio> -->
-    <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:waterdroplab@outlook.com">WaterDropLab@outlook.com</a><br>
-        在此我们向为制作该次运动会相册网站提供照片的教师和学生表示感谢！
-    </div>
-    <script src="index.js"></script>
-</body>
+<!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:pinsoftstudio@outlook.com">PinsoftStudio@outlook.com</a><br>
+        在此我们向为制作该次运动会相册网站提供照片的教师和学生表示感谢！
+    </div>
+    <script src="index.js"></script>
+</body>
 </html>
\ No newline at end of file
