mirror of
https://github.com/ZSCGR/genshin-impart.git
synced 2026-08-13 04:53:42 +08:00
140 lines
4.8 KiB
HTML
140 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title id="doc-title">DaDaDa~</title>
|
|
<link rel="canonical" href="https://ys.chgr.cc/webs/KleeWeb/klee.html" />
|
|
<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 />
|
|
<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="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<!--欢迎页面-->
|
|
<div id="welcome-page">
|
|
<h2>Click to Continue</h2>
|
|
<br />
|
|
<img src="./img/welcome.gif">
|
|
</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/klee1.gif" 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">
|
|
<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">0</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">
|
|
<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>
|
|
|
|
|
|
|
|
</body>
|
|
</html> |