Skip to content

Commit

Permalink
Deploying to gh-pages from @ a59a210 🚀
Browse files Browse the repository at this point in the history
  • Loading branch information
@MCTBL
MCTBL committed Feb 19, 2025
1 parent 076cb4e commit fe54db6
Show file tree
Hide file tree
Showing 3,698 changed files with 249,162 additions and 0 deletions.
The diff you're trying to view is too large. We only load the first 3000 changed files.
33 changes: 33 additions & 0 deletions 404.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>404 Not Found</title>
</head>
<body style="text-align: center">
<img
src="https://avatars.githubusercontent.com/u/2970688?v=4"
alt="mikuunhappy.jpg"
/>
<h1 style="font-size: 2rem; color: #137a7f">这是一個不存在的页面</h1>
<h2 style="color: #b67008">对不起，您所访问的页面不存在或者已删除。</h2>
<h2 style="color: #222222">预计将在约<span style="color: #28e15f" id="timeout">10</span>秒后返回首页。</h2>
<h2 style="color: #1917af">当然，你可以<a href="你的域名" style="text-decoration: none; color: #910691">点这里</a>直接返回首页。</h2>
<script>
let countTime = 10;
function count() {
document.getElementById("timeout").textContent = countTime > 9 ? countTime : "0" + countTime;
countTime -= 1;
if (countTime === 0) {
location.href = "你的域名";
}
setTimeout(() => {
count();
}, 1000);
}
count();
</script>
</body>
</html>
21 changes: 21 additions & 0 deletions QuestListPage.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="./css/index.css" />
<script src="./libs/echarts.min.js"></script>
<script src="./libs/jquery.min.js"></script>
</head>

<body style="flex-direction: column">
<div id="this_chart" class="chart-container"></div>
<script type="module" src="./js/QuestListPage.js"></script>
<span id="questTitle"></span>
<!-- 搜索弹窗 -->
<div id="searchPopup">
<div id="questSearchList"></div>
</div>
</body>
</html>
317 changes: 317 additions & 0 deletions css/index.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,317 @@
@font-face {
font-family: "MyFont";
src: url("../fonts/WenQuanYiBitmapSong16px-Medium.woff2") format("truetype");
}

button {
font-family: "MyFont";
}

body {
margin: 0;
padding: 0;
overflow: hidden;
width: 100vw;
height: 100vh;
position: absolute;
font-family: "MyFont", sans-serif;
}

#sidebar {
width: 280px; /* 锁定宽度，方便做平移 */
height: 100vh; /* 使 sidebar 高度占满整个视口 */
display: flex;
flex-direction: column;
align-items: center; /* 水平居中 */
overflow-y: scroll; /* 允许垂直滚动 */
scrollbar-width: none; /* 对 Firefox 隐藏滚动条 */
row-gap: 2px;
left: 0px;
position: absolute;
}

#sidebar::-webkit-scrollbar {
display: none; /* 对 Webkit 浏览器隐藏滚动条 */
}

#mainTitle {
width: 100%;
position: sticky;
top: 0px;
background-color: white;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
z-index: 10;
height: 280px;
}

#logoImg {
margin: auto;
position: absolute;
top: 0px;
}

#inputDiv {
position: absolute;
width: 277px;
height: 42px;
top: 200px;
border: 1px solid #000; /* 外描边 */
}

#search {
width: 230px;
position: absolute;
left: 0px;
height: 40px;
line-height: 40px;
box-sizing: border-box;
font-size: 20px;
border: none;
}
#search:focus {
outline: none;
}

#btnCloseSp {
position: absolute;
left: 240px;
width: 40px;
height: 40px;
color: #5b2312;
display: none;
opacity: 0;
}

#versionSelect {
width: 100%;
margin-bottom: 0;
height: 40px !important;
box-sizing: border-box;
position: absolute;
top: 240px;
}

#questLineList {
width: 100%;
position: absolute;
top: 280px;
background-color: #692612;
overflow-y: scroll; /* 允许垂直滚动 */
scrollbar-width: none; /* 对 Firefox 隐藏滚动条 */
row-gap: 2px;
left: 0px;
}

#questLineList::-webkit-scrollbar {
display: none; /* 对 Webkit 浏览器隐藏滚动条 */
}

#toggleSidebar {
position: absolute;
bottom: 5px;
left: 5px;
width: 40px;
height: 40px;
z-index: 4;
color: rgb(0, 0, 0);
opacity: 0.7;
}

#toggleSidebar:hover {
opacity: 1;
}

#mainPage {
position: absolute;
left: 280px;
top: 0px;
width: calc(100% - 280px);
height: 100vh;
}
#mainIframe {
width: 100%;
height: 100%;
border: none;
}

.questButton {
width: 100%;
height: 60px;
position: static;
display: flex;
align-items: center;
color: #ffffff;
}

.selected {
background-color: #433f39;
}

.unselected {
background-color: #b89267;
}

.questIcon {
width: 50px;
height: 50px;
position: relative;
left: 0;
}

.questText {
font-size: 20px;
position: relative;
left: 10px;
text-align: left;
white-space: nowrap;
overflow: hidden;
max-width: 190px;
text-overflow: ellipsis;
}

#this_chart {
width: 100vw;
height: 100vh;
}

#tips {
z-index: 50;
font-size: 30px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
width: 200px;
color: rgb(0, 0, 0);
position: absolute;
right: 0px;
bottom: -70px;
border: 5px solid #692612;
border-radius: 10px;
background-color: #fbf3e0;
}

#searchPopup {
display: none;
background-color: #f5f0d3;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}

#questTitle {
position: absolute;
top: 5px;
left: 5px;
font-size: 32px;
padding: 4px 4px;
}

#questSearchList {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
overflow-y: scroll;
scrollbar-width: none;

display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* 自动填充列 */
grid-gap: 10px; /* 网格间距 */
overflow-x: hidden;
}

#questSearchList::-webkit-scrollbar {
display: none; /* 对 Webkit 浏览器隐藏滚动条 */
}

.searchItem {
width: 300px;
height: 80px;
border: 5px solid #692612;
border-radius: 10px;
background-color: #fbf3e0;
position: relative;
cursor: pointer;
scale: 0.95;
}

.searchItem:hover {
transform: scale(1.05);
}

.searchImg {
width: 70px;
height: 70px;
left: 5px;
top: 5px;
position: absolute;
}

.searchTitle {
position: absolute;
top: 5px;
left: 80px;
font-size: 24px;
width: 220px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.searchDesc {
position: absolute;
top: 35px;
left: 80px;
font-size: 20px;
width: 220px;
height: 40px;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
}

#changeLang {
position: absolute;
top: 5px;
right: 5px;
width: 30px;
height: 30px;
cursor: pointer;
}

#btnShowMsg {
position: absolute;
width: 40px;
height: 40px;
bottom: 5px;
right: 5px;
cursor: pointer;
}

#loadingMask {
width: 100%;
height: 100%;
background-color: #000000cc;
z-index: 99;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
}

.githubLink {
text-decoration: none;
color: inherit;
}
Loading

0 comments on commit fe54db6

Please sign in to comment.