93 lines
1.9 KiB
HTML
93 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-cmn-Hans">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<link rel="icon" type="image/svg+xml" href="/favicon.jpg">
|
||
<meta content="yes" name="apple-mobile-web-app-capable"/>
|
||
<link rel="apple-touch-icon" href="/favicon.ico">
|
||
<meta name="viewport"
|
||
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />
|
||
<title>零声教学AI助手（公测）</title>
|
||
</head>
|
||
|
||
<body class="dark:bg-black">
|
||
<div id="app">
|
||
<style>
|
||
.loading-wrap {
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
height: 100vh;
|
||
}
|
||
|
||
.balls {
|
||
width: 4em;
|
||
display: flex;
|
||
flex-flow: row nowrap;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.balls div {
|
||
width: 0.8em;
|
||
height: 0.8em;
|
||
border-radius: 50%;
|
||
background-color: #4b9e5f;
|
||
}
|
||
|
||
.balls div:nth-of-type(1) {
|
||
transform: translateX(-100%);
|
||
animation: left-swing 0.5s ease-in alternate infinite;
|
||
}
|
||
|
||
.balls div:nth-of-type(3) {
|
||
transform: translateX(-95%);
|
||
animation: right-swing 0.5s ease-out alternate infinite;
|
||
}
|
||
|
||
@keyframes left-swing {
|
||
|
||
50%,
|
||
100% {
|
||
transform: translateX(95%);
|
||
}
|
||
}
|
||
|
||
@keyframes right-swing {
|
||
50% {
|
||
transform: translateX(-95%);
|
||
}
|
||
|
||
100% {
|
||
transform: translateX(100%);
|
||
}
|
||
}
|
||
|
||
@media (prefers-color-scheme: dark) {
|
||
body {
|
||
background: #121212;
|
||
}
|
||
}
|
||
</style>
|
||
<div class="loading-wrap">
|
||
<div class="balls">
|
||
<div></div>
|
||
<div></div>
|
||
<div></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script type="module" src="/src/main.ts"></script>
|
||
</body>
|
||
<script>
|
||
var _hmt = _hmt || [];
|
||
(function () {
|
||
const hm = document.createElement('script')
|
||
hm.src = 'https://hm.baidu.com/hm.js?29783f1f3a946661c3d41e96752536d6'
|
||
const s = document.getElementsByTagName('script')[0]
|
||
s.parentNode.insertBefore(hm, s)
|
||
})()
|
||
</script>
|
||
|
||
</html>
|