forked from Leaf/amber-ui
81 lines
2.2 KiB
HTML
81 lines
2.2 KiB
HTML
<!doctype html>
|
|
<html lang="zh" class="light-theme">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
|
|
<meta name="msapplication-TileImage" content="/assets/images/leaflow.png" />
|
|
|
|
<link rel="icon" href="/src/assets/images/leaflow.png" />
|
|
<link rel="apple-touch-icon" href="/src/assets/images/leaflow.png" />
|
|
|
|
<title>Amberlet 琥珀</title>
|
|
<style>
|
|
@media (prefers-color-scheme: dark) {
|
|
body {
|
|
background-color: #000;
|
|
color: #fff;
|
|
}
|
|
|
|
#default-loader svg path {
|
|
fill: #fff;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<script defer src="https://data.leaflow.net/random-string.js" data-website-id="9577babe-a302-46a3-b117-0f0108f40cae"></script>
|
|
</head>
|
|
<body>
|
|
<div id="app" style="opacity: 1; transition: opacity 0.5s ease-in-out">
|
|
<div
|
|
id="default-loader"
|
|
style="
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 999999;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
text-align: center;
|
|
transition: all 0.3s ease-in-out;
|
|
"
|
|
>
|
|
<div>
|
|
<svg
|
|
version="1.1"
|
|
style="margin: 0 auto"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
x="0px"
|
|
y="0px"
|
|
width="40px"
|
|
height="40px"
|
|
viewBox="0 0 50 50"
|
|
xml:space="preserve"
|
|
>
|
|
<path
|
|
fill="#000"
|
|
d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z"
|
|
>
|
|
<animateTransform
|
|
attributeType="xml"
|
|
attributeName="transform"
|
|
type="rotate"
|
|
from="0 25 25"
|
|
to="360 25 25"
|
|
dur="0.6s"
|
|
repeatCount="indefinite"
|
|
/>
|
|
</path>
|
|
</svg>
|
|
<p>Amber AI</p>
|
|
<small>正在载入</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="./src/main.ts" type="module"></script>
|
|
</body>
|
|
</html>
|