https://lovekeyboard.com/

1<!doctype html>
2<html lang="zh-CN">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
6    <link rel="icon" href="/assets/logo-N5q50Ovk.png" type="image/png" />
7    <title>Lovekey</title>
8    <meta name="description" content="Lovekey" />
9    

9<script type="module" crossorigin src="/assets/index-F00fqZy-.js"></script>

9
10    <link rel="stylesheet" crossorigin href="/assets/index-Bi2DQ-r_.css">
11    

11<script type="module">import.meta.url;import("_").catch(()=>1);(async function*(){})().next();if(location.protocol!="file:"){window.__vite_is_modern_browser=true}</script>

11
12    

12<script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script>

12
13  </head>
14
15  <body>
16    <div id="app">
17      <style>
18        .loading-wrap {
19          display: flex;
20          justify-content: center;
21          align-items: center;
22          height: 100vh;
23        }
24
25        .balls {
26          width: 4em;
27          display: flex;
28          flex-flow: row nowrap;
29          align-items: center;
30          justify-content: space-between;
31        }
32
33        .balls div {
34          width: 0.8em;
35          height: 0.8em;
36          border-radius: 50%;
37          background-color: #d5f566;
38        }
39
40        .balls div:nth-of-type(1) {
41          transform: translateX(-100%);
42          animation: left-swing 0.5s ease-in alternate infinite;
43        }
44
45        .balls div:nth-of-type(3) {
46          transform: translateX(-95%);
47          animation: right-swing 0.5s ease-out alternate infinite;
48        }
49
50        @keyframes left-swing {
51          50%,
52          100% {
53            transform: translateX(95%);
54          }
55        }
56
57        @keyframes right-swing {
58          50% {
59            transform: translateX(-95%);
60          }
61
62          100% {
63            transform: translateX(100%);
64          }
65        }
66
67        @media (prefers-color-scheme: dark) {
68          body {
69            background: #121212;
70          }
71        }
72      </style>
73      <div class="loading-wrap">
74        <div class="balls">
75          <div></div>
76          <div></div>
77          <div></div>
78        </div>
79      </div>
80    </div>
81    

81<script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>

81
82    

82<script nomodule crossorigin id="vite-legacy-polyfill" src="/assets/polyfills-legacy-CRcO4KDq.js"></script>

82
83    

83<script nomodule crossorigin id="vite-legacy-entry" data-src="/assets/index-legacy-DZd5bYIV.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>

83
84  </body>
85</html>