Skip to content

Commit

Permalink
improvement: code formatting and consistency adjustments
Browse files Browse the repository at this point in the history 
- Consistent annotation style for HTML tags
- Adjust the order and format of meta tags
- Optimized the indentation and readability of JavaScript code
- Unify the HTML structure of links and buttons
- Ensure consistency and standardization of CSS styles

This change affects multiple HTML pages, including but not limited to '1. Only one audio element is allowed to play .html','2. Click on the link to pop up a prompt box example.html','3. (1) Combination with (2) .html','4. Wallpaper Switcher .html', '4.1 Wallpaper Switcher, but the user uploads the wallpaper .html', and '404.html'. These changes are intended to improve the cleanliness and consistency of the code, without any functional changes.
  • Loading branch information
@Suisuroru
Suisuroru committed Sep 6, 2024
1 parent 919ff2c commit f8ded47
Show file tree
Hide file tree
Showing 19 changed files with 1,054 additions and 1,041 deletions.
143 changes: 72 additions & 71 deletions 404.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,57 +2,58 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="蔚蓝档案 的第三方网站。">
<meta name="keywords" content="碧蓝档案,蔚蓝档案,BlueArchive,Blue Archive,ブルーアーカイブ">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="蔚蓝档案 的第三方网站。" name="description">
<meta content="碧蓝档案,蔚蓝档案,BlueArchive,Blue Archive,ブルーアーカイブ" name="keywords">
<!-- <meta name="author" content="您的名字"> -->

<!-- 设置页面主题色 -->
<meta name="theme-color" content="#ffffff">
<meta content="#ffffff" name="theme-color">

<!-- 设置页面图标 -->
<!-- <link rel="shortcut icon" href="./favicon.ico"> -->
<link rel="icon" href="https://webcnstatic.yostar.net/ba_cn_web/prod/web/favicon.png">
<link href="https://webcnstatic.yostar.net/ba_cn_web/prod/web/favicon.png" rel="icon">

<!-- 设置页面标题 -->
<title>404 Not Found</title>

<!-- 引入 MDUI CSS 文件 -->
<link rel="stylesheet" href="https://unpkg.com/mdui@1.0.2/dist/css/mdui.min.css" />
<link href="https://unpkg.com/mdui@1.0.2/dist/css/mdui.min.css" rel="stylesheet"/>

</head>

<body class="mdui-theme-layout-auto mdui-appbar-with-toolbar mdui-theme-primary-indigo mdui-theme-accent-blue">

<div class="mdui-drawer mdui-drawer-close" id="main-menu">
<div class="mdui-list" mdui-collapse="{accordion: true}">
<div class="mdui-collapse-item">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
<i class="mdui-list-item-icon mdui-icon material-icons">apps</i>
<!-- <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">Home</div> -->
<div class="mdui-list-item-content">内容</div>
<i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</div>

<div class="mdui-collapse-item-body mdui-list">
<a href="./index.html" class="mdui-list-item mdui-ripple">首页</a>
<div class="mdui-drawer mdui-drawer-close" id="main-menu">
<div class="mdui-list" mdui-collapse="{accordion: true}">
<div class="mdui-collapse-item">
<div class="mdui-collapse-item-header mdui-list-item mdui-ripple">
<i class="mdui-list-item-icon mdui-icon material-icons">apps</i>
<!-- <div class="mdui-collapse-item-header mdui-list-item mdui-ripple">Home</div> -->
<div class="mdui-list-item-content">内容</div>
<i class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
</div>

</div>
<div class="mdui-collapse-item-body mdui-list">
<a class="mdui-list-item mdui-ripple" href="./index.html">首页</a>

</div>
</div>

</div>
</div>

<div class="mdui-container">

<!-- 设置应用栏 -->
<div class="mdui-appbar mdui-appbar-fixed">
</div>

<div class="mdui-container">

<!-- 设置应用栏 -->
<div class="mdui-appbar mdui-appbar-fixed">
<div class="mdui-toolbar mdui-color-theme">
<span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-drawer="{target: '#main-menu', swipe: true}">
<span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white"
mdui-drawer="{target: '#main-menu', swipe: true}">
<i class="mdui-icon material-icons">menu</i>
</span>
<a href="javascript:;" class="mdui-typo-headline">404 Not Found</a>
<a class="mdui-typo-headline" href="javascript:;">404 Not Found</a>
<!-- <a href="javascript:;" class="mdui-typo-title">第三方网站</a> -->
<div class="mdui-toolbar-spacer"></div>
<!-- <a href="javascript:;" class="mdui-btn mdui-btn-icon">
Expand All @@ -65,59 +66,59 @@
<i class="mdui-icon material-icons">more_vert</i>
</a> -->
</div>
</div>

</div>

</div>


<div class="mdui-container-fluid">
<br>
<!-- <br> -->
<p align="center">

<div class="mdui-card-content">

<div class="mdui-container-fluid">
<br>
<!-- <br> -->
<p align="center">

<div class="mdui-card-content">

<div class="mdui-typo" style="height: auto !important;">
<!-- <h3>欢迎来到 KFACBT 的网站！</h3> -->
<!-- <h1 class="title">欢迎来到 <code>蔚蓝档案</code> 的 <strong>第三方</strong> 网站！</h1> -->


<div align="center">
<p style="font-size: 500%;">404 Not Found</p>
<!-- <p style="font-size: 250%;">本站点已停止运营</p> -->
<a href="./index.html" target="_blank">
<button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-blue-700">返回主页</button>
</a>
</div>

<br><br><br><br><br><br><br><br><br><br>

<p><a href="./Saiba-Midori.html" target="_self">神秘小网页</a></p>

<!-- <hr>
<h2 id="-">关于本网站</h2>
<p>本网站 是游戏 <strong>《蔚蓝档案》</strong> 的同人网站，其中的信息均为 <strong>已经公开了</strong> 的信息。本网站上的内容不代表任何官方观点。</p>
<p>本网站为非盈利站点。</p>
<p>本站与 <code>ブルーアーカイブ</code>、<code>Yostar</code>、<code>Nexon</code> 以及 <code>Nexon Games</code> 没有任何形式的关联。</p>
<hr>
<p><a href="https://github.com/Blue-Archive-Web/Blue-Archive-Web.github.io">GitHub 仓库</a></p>
<div class="mdui-divider"></div>
<br>
<p>Copyright © 2024 <a href="https://github.com/gytxtx" target="_blank">KFACBT</a>. All rights reserved.</p>
<p>本站基于 <a href="https://mdui.org/">MDUI</a> 构建，相关版权归原作者所有。</p> -->
</div>

<div class="mdui-typo" style="height: auto !important;">
<!-- <h3>欢迎来到 KFACBT 的网站！</h3> -->
<!-- <h1 class="title">欢迎来到 <code>蔚蓝档案</code> 的 <strong>第三方</strong> 网站！</h1> -->


<div align="center">
<p style="font-size: 500%;">404 Not Found</p>
<!-- <p style="font-size: 250%;">本站点已停止运营</p> -->
<a href="./index.html" target="_blank">
<button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-blue-700">返回主页</button>
</a>
</div>

<br><br><br><br><br><br><br><br><br><br>

<p><a href="./Saiba-Midori.html" target="_self">神秘小网页</a></p>

<!-- <hr>
<h2 id="-">关于本网站</h2>
<p>本网站 是游戏 <strong>《蔚蓝档案》</strong> 的同人网站，其中的信息均为 <strong>已经公开了</strong> 的信息。本网站上的内容不代表任何官方观点。</p>
<p>本网站为非盈利站点。</p>
<p>本站与 <code>ブルーアーカイブ</code>、<code>Yostar</code>、<code>Nexon</code> 以及 <code>Nexon Games</code> 没有任何形式的关联。</p>
<hr>
<p><a href="https://github.com/Blue-Archive-Web/Blue-Archive-Web.github.io">GitHub 仓库</a></p>
<div class="mdui-divider"></div>
<br>
<p>Copyright © 2024 <a href="https://github.com/gytxtx" target="_blank">KFACBT</a>. All rights reserved.</p>
<p>本站基于 <a href="https://mdui.org/">MDUI</a> 构建，相关版权归原作者所有。</p> -->
</div>

</p>
</div>


<!-- 引入 MDUI JS 文件 -->
<script src="https://unpkg.com/mdui@1.0.2/dist/js/mdui.min.js"></script>

</p>
</div>


<!-- 引入 MDUI JS 文件 -->
<script src="https://unpkg.com/mdui@1.0.2/dist/js/mdui.min.js"></script>

</body>
</html>
22 changes: 11 additions & 11 deletions Music/css/top-banner-fix.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,31 +6,31 @@
}

.text-center {
text-align: center!important;
text-align: center !important;
}

.text-white {
color: #fff!important;
color: #fff !important;
}

.bg-blue {
background: rgb(0, 93, 186);
}

.py-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important;
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}

.header-top {
text-align: center!important;
color: #fff!important;
text-align: center !important;
color: #fff !important;
background: rgb(0, 93, 186);

/* 这玩意还是得留着，不留会出 Bug (Thinking) */
padding-top: 1px!important; /* 设置顶部边距为 2rem */
padding-bottom: 1px!important; /* 设置底部边距为 4rem */
padding-top: 1px !important; /* 设置顶部边距为 2rem */
padding-bottom: 1px !important; /* 设置底部边距为 4rem */

/* padding: 5px; */
}

Expand All @@ -50,7 +50,7 @@
line-height: 1.4;

/* 留着不留着好像没什么用 (Thinking) */
padding: 5px; /* 统一设置内边距 */
margin: 5px; /* 统一设置外边距 */
padding: 5px; /* 统一设置内边距 */
margin: 5px; /* 统一设置外边距 */
}
}
20 changes: 10 additions & 10 deletions Music/css/top-banner.css
View file
Original file line number Diff line number Diff line change
@@ -1,31 +1,31 @@
.text-center {
text-align: center!important;
text-align: center !important;
}

.text-white {
color: #fff!important;
color: #fff !important;
}

.bg-blue {
background: rgb(0, 93, 186);
}

.py-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important;
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}

.header-top {
text-align: center!important;
color: #fff!important;
text-align: center !important;
color: #fff !important;
background: rgb(0, 93, 186);
padding-top: 3rem!important;
padding-bottom: 3rem!important;
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}

.header-top {
padding-top: 2rem!important; /* 设置顶部边距为 2rem */
padding-bottom: 4rem!important; /* 设置底部边距为 4rem */
padding-top: 2rem !important; /* 设置顶部边距为 2rem */
padding-bottom: 4rem !important; /* 设置底部边距为 4rem */
}

.header-top p {
Expand Down
Loading

0 comments on commit f8ded47

Please sign in to comment.