新增网站状态、改善页脚显示

css/tool_type.css

@@ -164,6 +164,27 @@ body {
     font-weight: bold;
 }
 
+.nav_content .item .foo {
+    align-items: center;
+    margin: 10px 0.8%;
+    box-shadow: 0.5rem 0.875rem 2.375rem rgb(39 44 49 / 6%), 0.0625rem 0.1875rem 0.5rem rgb(39 44 49 / 3%);
+    text-align: center;
+    display: block;
+    font-size: 14px;
+    color: #E0E0E0;
+    text-decoration: none;
+    background: #424242;
+    border: 2px solid #0277BD;
+    border-radius: 6px
+}
+
+.nav_content .item .foo:hover {
+    border-color: #0277BD;
+    background: #01579B;
+    color: #FFF;
+    font-weight: bold;
+}
+
 .nav_content .info {
     background: #424242;
     overflow: hidden;

footer.html

@@ -1 +1 @@
-<div class="item"><a class="ota" href="https://icp.gov.moe/?keyword=20230955" target="_blank">萌 ICP 备 20230955 号</a></div>
+<div class="item"><div class="child"><a href="https://icp.gov.moe/?keyword=20230955" target="_blank">萌 ICP 备 20230955 号</a><a href="https://status.pj568.eu.org/" target="_blank">网站状态</a></div></div>

js/popup.js

@@ -65,7 +65,7 @@ function initData(){
 	}
 	// 后补
 	nav_html+=`<a href="#0" target="_self">页内页</a><a href="#-1" target="_self">项目贡献者</a><a href="#-2" target="_self">项目活动</a><a href="#-3" target="_self">Star&nbsp;历史</a>`
-	list_html+=`<div id="0" class="item"><h2>页内页</h2><div class="child"><iframe title="incert" id="myIframe" src="/help.html" class="page"></iframe><a style="cursor:pointer" onclick="openLink()" target="_self">进入页面</a></div></div><div id="-1" class="item"><h2>项目贡献者</h2><div class="child"><a class="contri" href="https://github.com/PJ-568/568tools/graphs/contributors" target="_blank"><img alt="贡献者的头像图片" src="https://contrib.rocks/image?repo=PJ-568/568tools"/>​</a></div></div><div id="-2" class="item"><h2>项目活动</h2><div class="child"><img alt="项目活动" class="incert" src="https://repobeats.axiom.co/api/embed/0e0b27c01d4e9ff093fb3d03fedc74a300068f50.svg"/></div></div><div id="-3" class="item"><h2>Star&nbsp;历史</h2><div class="child"><img alt="Star&nbsp;历史" class="incert" src="https://api.star-history.com/svg?repos=PJ-568/568tools&type=Date"/></div></div><div class="item"><a class="ota" href="#">↑↑&nbsp;&nbsp;&nbsp;&nbsp;返回页顶&nbsp;&nbsp;&nbsp;&nbsp;↑↑</a></div><div class="item"><a class="ota" href="https://icp.gov.moe/?keyword=20230955" target="_blank">萌 ICP 备 20230955 号</a></div>`
+	list_html+=`<div id="0" class="item"><h2>页内页</h2><div class="child"><iframe title="incert" id="myIframe" src="/help.html" class="page"></iframe><a style="cursor:pointer" onclick="openLink()" target="_self">进入页面</a></div></div><div id="-1" class="item"><h2>项目贡献者</h2><div class="child"><a class="contri" href="https://github.com/PJ-568/568tools/graphs/contributors" target="_blank"><img alt="贡献者的头像图片" src="https://contrib.rocks/image?repo=PJ-568/568tools"/>​</a></div></div><div id="-2" class="item"><h2>项目活动</h2><div class="child"><img alt="项目活动" class="incert" src="https://repobeats.axiom.co/api/embed/0e0b27c01d4e9ff093fb3d03fedc74a300068f50.svg"/></div></div><div id="-3" class="item"><h2>Star&nbsp;历史</h2><div class="child"><img alt="Star&nbsp;历史" class="incert" src="https://api.star-history.com/svg?repos=PJ-568/568tools&type=Date"/></div></div><div class="item"><a class="ota" href="#">↑↑&nbsp;&nbsp;&nbsp;&nbsp;返回页顶&nbsp;&nbsp;&nbsp;&nbsp;↑↑</a></div><div class="item"><div class="child"><a href="https://icp.gov.moe/?keyword=20230955" target="_blank">萌 ICP 备 20230955 号</a><a href="https://status.pj568.eu.org/" target="_blank">网站状态</a></div></div>`
 	// 后补结束
 	nav.innerHTML=nav_html;
 	list.innerHTML=list_html;

lib

@@ -1 +1 @@
-Subproject commit f7b491a33f895673d7b6893db88c8ab01dd77c51
+Subproject commit e0dfa58e8f5699bb82e5fd5a2f2bf88fded5336f