forked from duiqt/herta_kuru
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
146 lines (120 loc) · 5.14 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title id="doc-title">DaDaDa~</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<!-- 样式文件 | CSS file -->
<link rel="stylesheet" href="kleestyle.css" type="text/css" />
<!-- 外部字体 | Outside font -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet" />
<script src="https://code.iconify.design/iconify-icon/1.0.2/iconify-icon.min.js"></script>
<link href="img/favicon.ico" rel="shortcut icon">
<!--引入Jquery-->
<script src="./jquery.min.js"></script>
</head>
<body>
<!--欢迎页面-->
<div id="welcome-page">
<h2>点击继续</h2>
<br />
<img src="./img/welcome.png">
</div>
<!--功能区-->
<div class="buttons-container">
<!-- 音乐播放按钮-->
<div id="volume-control" class="volume-control">
<i id="volume-icon" class="volume-icon"></i>
</div>
</div>
<!--主体部分 | Main page-->
<main class="wrapper">
<div id="wrapper-background-filter"></div>
<div id="wrapper-background"></div>
<img src="img/back.png" class="preload" />
<div id="content">
<div id="title-container">
<h1 id="page-title">Welcome to Klee dadada~ </h1>
<img id="title-img" alt="img of Klee" class="shake" src="img/favicon.png">
</div>
<div id="container" style="display: none;">
<select id="language-selector">
<option id="lan1" value="cn" selected>Chinese</option>
<option id="lan2" value="ja">Japanese</option>
<option id="lan3" value="en">English</option>
</select>
<select id="mode-selector">
<option id="mode1">Default</option>
<option id="mode2">Just Dadada</option>
<option id="mode3">Easter egg</option>
</select>
</div>
<hr id="subtitle-seperator" />
<h2 id="page-descriptions">
The website for Klee, the <del>annoying</del> cutest genius Genshin
Impact character out there.
</h2>
<div id="counter-container">
<h3 id="counter-descriptions">Klee has been Dadada~ed for</h3>
<br />
<br />
<p id="global-counter">◎神</p>
<p id="local-counter">0</p>
<br />
<br />
<button id="counter-button">
Squish the Klee~!
</button>
</div>
<hr />
<div id="grid">
<noscript>Your browser does not support JavaScript or JavaScript has been
disabled.<br />This website relies on JavaScript, so please enable it
or use another browser.</noscript>
</div>
</div>
</main>
<!-- 尾部部分 | Footer -->
<div id="footer" style="display: none;">
<img id="klee-card" loading="lazy" src="img/card.jpg" alt="" /> <!--由JS控制src的具体路径-->
<div id="footer-text">
<p id="footer-repository-text">
You can check out the Gitee repository here:
</p>
<p>
<!--这里填写本网站的Github地址-->
<a href="https://gitee.com/KleeGitee/Klee" target="_blank">
<span class="footer-icon-text"
id="footer-repository-text-2">Web_OF_Genshin (Gitee)</span></a>
</p>
<br/>
<p id="footer-repository-text3">
This website is based on the repository source code changes
</p>
<p>
<!--source code-->
<a href="https://github.com/duiqt/herta_kuru" target="_blank"><iconify-icon icon="mdi:github" id="github-footer-icon"
class="footer-icon"></iconify-icon><span class="footer-icon-text"
id="footer-repository-text-4">SourceCode's repository</span></a>
</p>
<br/>
<p id="credits-gif">Klee gif made by</p>
<p>
<a href="https://twitter.com/Seseren_kr" target="_blank"><iconify-icon icon="mdi:twitter"
id="twitter-footer-icon" class="footer-icon"></iconify-icon><span
class="footer-icon-text">@Seseren_kr</span></a>
</p>
</div>
</div>
<script src="./kleescript.js" async></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-T303QPC9L9"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-T303QPC9L9');
</script>
</body>
</html>