|
|
@@ -1,85 +1,89 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html lang="zh-cmn-Hans">
|
|
|
-<head>
|
|
|
- <meta charset="UTF-8">
|
|
|
- <link rel="icon" type="image/svg+xml" href="/favicon.svg">
|
|
|
- <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>CHILLGPT</title>
|
|
|
- <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/nch5/index.js?t=2015052012"></script>
|
|
|
- <script type="text/javascript" charset="utf-8" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
|
|
-</head>
|
|
|
+ <head>
|
|
|
+ <meta charset="UTF-8" />
|
|
|
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
|
+ <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>CHILLGPT</title>
|
|
|
+ <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/nch5/index.js?t=2015052012"></script>
|
|
|
+ <script type="text/javascript" charset="utf-8" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
|
|
+ </head>
|
|
|
|
|
|
-<body class="dark:bg-black">
|
|
|
- <div id="app">
|
|
|
- <style>
|
|
|
- .loading-wrap {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- height: 100vh;
|
|
|
- }
|
|
|
+ <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 {
|
|
|
+ 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 {
|
|
|
+ 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(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;
|
|
|
- }
|
|
|
+ .balls div:nth-of-type(3) {
|
|
|
+ transform: translateX(-95%);
|
|
|
+ animation: right-swing 0.5s ease-out alternate infinite;
|
|
|
+ }
|
|
|
|
|
|
- @keyframes left-swing {
|
|
|
+ @keyframes left-swing {
|
|
|
+ 50%,
|
|
|
+ 100% {
|
|
|
+ transform: translateX(95%);
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- 50%,
|
|
|
- 100% {
|
|
|
- transform: translateX(95%);
|
|
|
- }
|
|
|
- }
|
|
|
+ @keyframes right-swing {
|
|
|
+ 50% {
|
|
|
+ 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>
|
|
|
+ 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 src="//cdn.jsdelivr.net/npm/eruda"></script>
|
|
|
+ <script>
|
|
|
+ eruda.init()
|
|
|
+ </script>
|
|
|
+ <script type="module" src="/src/main.ts"></script>
|
|
|
+ </body>
|
|
|
</html>
|
