-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (109 loc) · 5.64 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
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>
if (location.hostname !== 'localhost' && location.protocol !== 'file:') {
document.head.insertAdjacentHTML('beforeend', '<base href="/home/">');
}
</script>
<meta name="theme-color" id="theme-color-meta" content="">
<meta name="description" content="">
<title>loading...</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/aplayer/1.10.1/APlayer.min.css" />
<link rel="icon" type="image/webp" sizes="64x64"
href="https://gcore.jsdelivr.net/gh/0fuling0/mysource@main/img/favicon.webp">
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.1.1/css/all.min.css" rel="stylesheet">
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/twikoo.all.min.js"></script>
<script defer src="https://cdn.bootcdn.net/ajax/libs/aplayer/1.10.1/APlayer.min.js"></script>
<script defer src="https://unpkg.com/meting@2/dist/Meting.min.js"></script>
<meta name="color-scheme" content="light dark">
<script defer>
(function() {
let darkMode = false;
const html = document.documentElement;
const prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
if (localStorage.getItem('darkMode') !== null) {
darkMode = localStorage.getItem('darkMode') === 'true';
} else if (prefersDarkMode) {
darkMode = true;
}
if (darkMode) {
html.classList.add('dark-mode');
if (document.body) {
document.body.classList.add('dark-mode');
}
} else {
html.classList.add('light');
if (document.body) {
document.body.classList.add('light');
}
}
})();
</script>
</head>
<body>
<div class="loading-container">
<div class="loading-animation">
<div class="circle"></div>
<div class="circle"></div>
<div class="circle"></div>
<div class="shadow"></div>
<div class="shadow"></div>
<div class="shadow"></div>
</div>
</div>
<header>
<h1></h1>
<p class="motto"></p>
<div id="headerLinks"></div>
</header>
<main class="container">
<section id="homepage">
</section>
<section id="navpage" style="display:none;">
<section class="card">
<div class="clock"></div>
<div class="hitokoto-container"></div><br>
<div class="search-container">
<div class="custom-select">
<div class="select-styled" onclick="toggleOptions()">Google</div>
<div class="search-options" id="searchOptions">
<div class="search-option" onclick="selectOption('Google')">Google</div>
<div class="search-option" onclick="selectOption('Bing')">Bing</div>
<div class="search-option" onclick="selectOption('Yahoo')">Yahoo</div>
<div class="search-option" onclick="selectOption('DuckDuckGo')">DuckDuckGo</div>
<div class="search-option" onclick="selectOption('Baidu')">Baidu</div>
<div class="search-option" onclick="selectOption('Yandex')">Yandex</div>
<div class="search-option" onclick="selectOption('Ask')">Ask.com</div>
<div class="search-option" onclick="selectOption('AOL')">AOL</div>
<div class="search-option" onclick="selectOption('WolframAlpha')">Wolfram Alpha</div>
<div class="search-option" onclick="selectOption('Dogpile')">Dogpile</div>
</div>
</div>
<input type="text" class="search-input" placeholder="输入搜索词">
<button class="search-button" onclick="search()"><i
class="fa-solid fa-magnifying-glass"></i> </button>
</div>
<div class="cardContainer">
<div class="navButtons">
<div class="navButton" onclick="switchToCard(1)" onmouseover="startTimer(1)" onmouseout="clearTimer()" data-card="1">影视</div>
<div class="navButton" onclick="switchToCard(2)" onmouseover="startTimer(2)" onmouseout="clearTimer()" data-card="2">游戏</div>
<div class="navButton" onclick="switchToCard(3)" onmouseover="startTimer(3)" onmouseout="clearTimer()" data-card="3">工具</div>
<div class="navButton" onclick="switchToCard(4)" onmouseover="startTimer(4)" onmouseout="clearTimer()" data-card="4">服务</div>
</div>
</div>
</section>
</section>
</main>
<footer>
<p>© 2024 Fuling Chen. All rights reserved.</p>
</footer>
<button id="backToTop" class="back-to-top-button" aria-label="返回顶部"><i class="fas fa-arrow-up"></i></button>
<button id="backToBottom" class="back-to-bottom-button" aria-label="返回底部"><i class="fas fa-arrow-down"></i></button>
<button id="darkModeToggle" class="dark-mode-toggle" onclick="toggleDarkMode()" aria-label="切换夜间模式"><i class="fas fa-moon"></i></button>
<script src="script.js" defer></script>
</body>
</html>