tidehome-pet-agent/demo.html at main · yazyeah/tidehome-pet-agent · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta http-equiv="refresh" content="0;url=http://127.0.0.1:3000">
  <title>心屿 TIDEHOME</title>
  <style>
    *{box-sizing:border-box}body{display:grid;place-items:center;min-height:100vh;margin:0;color:#29264b;background:#dcd8f2;font-family:"Microsoft YaHei",sans-serif}.card{padding:28px 34px;text-align:center;border:4px solid #29264b;background:#fff7dc;box-shadow:9px 9px 0 #7563e9}.mark{display:grid;place-items:center;width:62px;height:62px;margin:auto;color:#fff;background:#7563e9;border:4px solid #29264b;font-size:28px}.card h1{margin:14px 0 4px}.card p{margin:0;color:#777592}.dots{margin-top:14px;color:#7563e9;letter-spacing:8px;animation:pulse .8s steps(2,end) infinite}@keyframes pulse{50%{opacity:.3}}
  </style>
</head>
<body>
  <main class="card"><div class="mark">✦</div><h1>正在进入心屿</h1><p>糯糯已经在小屋门口等你</p><div class="dots">◆◆◆</div></main>
  <script>location.replace('http://127.0.0.1:3000')</script>
</body>
</html>