-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathindex.html
110 lines (96 loc) · 5.44 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!doctype html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Loading...</title>
<meta name="description" content="Content Info" />
<link rel="icon" href="./favicon.ico" />
<link rel="stylesheet" href="./assets/styles/loaders.css" />
<iframe id="global-loader-iframe" src="./loaders/global.html"></iframe>
<link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/6.0.0/css/all.css" />
<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/alpinejs/3.9.0/cdn.min.js" defer></script>
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/sweetalert/2.1.2/sweetalert.min.js"></script>
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/typed.js/2.0.12/typed.js"></script>
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/markdown-it/12.3.2/markdown-it.js"></script>
<link rel="stylesheet" href="./assets/styles/elements.css" />
<link rel="stylesheet" href="./assets/styles/index.css" />
<link rel="stylesheet" href="./assets/styles/responsive/index.css" />
<script src="./assets/scripts/utils.js"></script>
<script src="./assets/scripts/theme-loader.js"></script>
<script src="./assets/scripts/index.js"></script>
<theme></theme>
</head>
<body x-data="">
<div class="page-head">
<span class="title"></span>
</div>
<div class="primary-container">
<div class="left-area">
<div class="cards">
<div class="card-item" id="personal-info">
<img class="avatar" :src="config.content.masterInfo.avatar" />
<span class="name" x-text="config.content.masterInfo.name">Loading...</span>
<div class="social-icons">Loading...</div>
</div>
<div class="card-item" id="recommend">
<span class="title"><i class="fa-solid fa-bullhorn"></i>公告</span>
<div class="content">
<div class="markdown-content" src="./assets/markdown/announcement.md"></div>
</div>
</div>
<div class="card-item" id="hitokoto">
<span class="title"><i class="fa-solid fa-scroll"></i>一言</span>
<div class="content">
<a id="hitokoto-text" href="" target="_blank">Loading...</a>
</div>
</div>
<div class="card-item" id="settings">
<span class="title"><i class="fa-solid fa-sliders"></i>浏览设置</span>
<div class="content">
<div class="settings-item theme-settings">
<span class="title"><i class="fa-solid fa-shirt"></i>配色方案 · <span x-text="config.content.theme.displayName"></span></span>
<div class="themes"></div>
</div>
</div>
</div>
</div>
</div>
<div class="right-area">
<div class="content-page">
<div class="markdown-content" src="./assets/markdown/content-page.md"></div>
</div>
</div>
</div>
<div class="footer">
<span class="icp-info">Loading...</span>
<span class="line-break"><i class="fa-solid fa-ellipsis"></i></span>
<!-- 球球你别改这里可以嘛呜呜呜 (＞﹏＜) -->
<!-- “[Loading...]”的实际内容可以在 config.json 的 masterInfo.info 项中修改哦~ -->
<span
>本站由 <span class="webmaster-info"><a :href="config.content.masterInfo.website" target="_blank" x-text="config.content.masterInfo.name">[Loading...]</a> 和 </span><a href="https://hic.top" target="_blank">成成0v0</a> 用 <i class="fa-solid fa-heart"></i> 制作</span
>
<span>Powered by <a href="https://github.com/ChengCheng0v0/ACG-Home" target="_blank">ACG-Home</a></span>
</div>
<iframe id="theme-color-loader-iframe" src="./loaders/theme-color.html"></iframe>
<script>
// 隐藏滚动条
document.body.style.overflow = "hidden";
// 加载动画的最短显示时间
const minimumLoadingTime = 1800;
const startTime = new Date().getTime();
// 页面加载完成后计算是否满足最短时间
window.addEventListener("load", function () {
const currentTime = new Date().getTime();
const elapsedTime = currentTime - startTime;
// 如果页面加载时间少于最短显示时间则延迟隐藏加载动画
const delay = Math.max(0, minimumLoadingTime - elapsedTime);
setTimeout(() => {
// document.querySelector(".content").style.display = "block"; //显示网站内容
document.getElementById("global-loader-iframe").className = "end"; // 播放结束动画
document.body.style.overflow = "unset"; // 恢复显示滚动条
}, delay);
});
</script>
</body>
</html>