“欲买桂花同载酒，终不似，少年游。”

再见，MT！
Miracle-Town · Dec 5, 2023 · 3390223 · 3390223
1 parent b1427a9
commit 3390223
Show file tree

Hide file tree

Showing 5 changed files with 62 additions and 10 deletions.
diff --git a/check.html b/check.html
@@ -43,8 +43,8 @@
                         <a class="nav-link" href="//wiki.mtsmc.net/rule">市民公约</a>
                     </li>
                 </ul>
-                <a target="_blank" href="https://docs.qq.com/form/page/DWUh5cmphZk1ad2dp"
-                    class="d-flex btn btn-outline-primary" type="button">
+                <a id="navbar-join-btn" target="_blank" href="https://docs.qq.com/form/page/DWUh5cmphZk1ad2dp"
+                    class="d-flex btn btn-outline-light" type="button">
                     <i class="bi bi-send"></i>申请问卷
                 </a>
             </div>

diff --git a/img/end.jpg b/img/end.jpg
diff --git a/index.html b/index.html
@@ -44,8 +44,8 @@
                         <a class="nav-link" href="//wiki.mtsmc.net/rule">市民公约</a>
                     </li>
                 </ul>
-                <a target="_blank" href="https://docs.qq.com/form/page/DWUh5cmphZk1ad2dp"
-                    class="d-flex btn btn-outline-primary" type="button">
+                <a id="navbar-join-btn" target="_blank" href="https://docs.qq.com/form/page/DWUh5cmphZk1ad2dp"
+                    class="d-flex btn btn-outline-light" type="button">
                     <i class="bi bi-send"></i>申请问卷
                 </a>
             </div>
@@ -58,9 +58,23 @@
                 aria-label="Slide 1"></button>
             <button type="button" data-bs-target="#index-banner" data-bs-slide-to="1" aria-label="Slide 2"></button>
             <button type="button" data-bs-target="#index-banner" data-bs-slide-to="2" aria-label="Slide 3"></button>
+            <button type="button" data-bs-target="#index-banner" data-bs-slide-to="3" aria-label="Slide 4"></button>
         </div>
         <div class="carousel-inner">
-            <div class="carousel-item active" data-bs-interval="10000">
+            <div class="carousel-item active">
+                <img src="img/end.jpg" class="d-block" alt="">
+                <div class="carousel-caption carousel-caption-middle d-block">
+                    <h1>欲买桂花同载酒，终不似，少年游。</h1>
+                    <p class="mb-3" style="max-width: 800px; margin: auto;">
+                        因现有服务器将于 2024 年 1 月 10 日到期，
+                        Miracle Town 管理组经过慎重讨论决定本次到期后将永久关闭 Miracle Town 服务器，
+                        届时 Miracle Town提供的所有服务将不可用
+                    </p>
+                    <a href="https://cdn.rxgzs.cn/mt/mtend.pdf" target="_blank" class="btn btn-outline-light btn-sm">查看停服公告</a>
+                </div>
+            </div>
+
+            <div class="carousel-item" data-bs-interval="10000">
                 <video id="banner-video" autoplay muted loop class="d-block" x5-playsinline="true" playsinline="true"
                     webkit-playsinline="true" preload="auto" x5-video-player-fullscreen="false">
                     <source src="img/banner.mp4" type="video/mp4">
@@ -72,6 +86,7 @@ <h1>田园牧歌，我们的家园。</h1>
                         class="btn btn-outline-light btn-sm">现在加入</a>
                 </div>
             </div>
+
             <div class="carousel-item">
                 <img src="img/2years/bg.jpg" class="d-block" alt="">
                 <div class="carousel-caption carousel-caption-middle d-block">
@@ -80,6 +95,7 @@ <h1>梦想续篇 奇迹无限</h1>
                     <a href="//wiki.mtsmc.net/2years" target="_blank" class="btn btn-outline-light btn-sm">全程回顾</a>
                 </div>
             </div>
+
             <div class="carousel-item">
                 <img src="img/sky-city.jpg" class="d-block" alt="">
                 <div class="carousel-caption carousel-caption-middle d-block">
@@ -142,7 +158,7 @@ <h1 class="modal-title fs-5 text-success fw-bold" id="myModalLabel">复制成功
                         <i class="bi bi-box-arrow-up-right"></i>联系管理员</a>
                     <a target="_blank" class="icon-link icon-link-hover link-secondary mx-2"
                         href="//status.rxgzs.cn">
-                        查看维护计划
+                        查看状态页
                         <i class="bi bi-chevron-right"></i>
                     </a>
                 </div>
@@ -172,6 +188,30 @@ <h1 class="modal-title fs-5 text-success fw-bold" id="myModalLabel">复制成功
                 </div>
             </div>
         </div>
+
+        <div id="endToast" class="toast bg-blur" role="alert" aria-live="assertive" aria-atomic="true"
+            data-bs-autohide="false">
+            <div class="toast-header text-bg-danger">
+                <i class="bi bi-clock-history bi-mr"></i>
+                <strong class="me-auto">Miracle Town 停服公告</strong>
+                <small>2023/12/5</small>
+                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast"
+                    aria-label="Close"></button>
+            </div>
+            <div class="toast-body">
+                <p class="my-0">
+                    <strong>“欲买桂花同载酒，终不似，少年游。”</strong>
+                    因现有服务器将于 2024 年 1 月 10 日到期，Miracle Town 管理组经过慎重讨论决定本次到期后将永久关闭 Miracle Town
+                    服务器，届时 Miracle Town 提供的所有服务将不可用。具体细节请查看<a href="https://cdn.rxgzs.cn/mt/mtend.pdf">停服公告</a>。
+                </p>
+                <div class="mt-2">
+                    <a target="_blank" class="btn btn-sm btn-danger"
+                        href="https://cdn.rxgzs.cn/mt/mtend.pdf">
+                        查看停服公告<i class="bi bi-chevron-right"></i>
+                    </a>
+                </div>
+            </div>
+        </div>
     </div>
 
     <section class="container-fluid py-5 text-center text-white" id="get">

diff --git a/js/index.js b/js/index.js
@@ -35,10 +35,17 @@ function copyToClipboard() {
 //初始化提示框
 const errorToast = bootstrap.Toast.getOrCreateInstance(document.getElementById('errorToast'))
 const birthdayToast = bootstrap.Toast.getOrCreateInstance(document.getElementById('birthdayToast'))
+const endToast = bootstrap.Toast.getOrCreateInstance(document.getElementById('endToast'))
 
-//初始化Get-Ping区域
+//展示endToast
+function displayEndToast() {
+    endToast.show();
+}
+
+//初始化窗口
 window.onload = () => {
     getPing();
+    displayEndToast();
 }
 
 //移除Get-Ping占位符

diff --git a/js/main.js b/js/main.js
@@ -1,15 +1,20 @@
 navbar = document.getElementById('nav');
-nvaLogo = document.getElementById('nav-logo');
+navLogo = document.getElementById('nav-logo');
+navbarJoinBtn = document.getElementById('navbar-join-btn');
 
 addEventListener('scroll', () => {
     if (window.scrollY > 0) {
         navbar.classList.add('navbar-scrolled');
-        nvaLogo.setAttribute('src', './img/logo.png');
+        navLogo.setAttribute('src', './img/logo.png');
         navbar.setAttribute('data-bs-theme', 'light');
+        navbarJoinBtn.classList.remove('btn-outline-light');
+        navbarJoinBtn.classList.add('btn-outline-primary');
     } else {
         navbar.classList.remove('navbar-scrolled');
-        nvaLogo.setAttribute('src', './img/logo-white.png');
+        navLogo.setAttribute('src', './img/logo-white.png');
         navbar.setAttribute('data-bs-theme', 'dark');
+        navbarJoinBtn.classList.remove('btn-outline-primary');
+        navbarJoinBtn.classList.add('btn-outline-light');
     }
 });