index.html

<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="串门骑行打怪队，骑行友好实验计划，一场无限的可持续生活游戏。"/>
  <title>串门骑行打怪·实践可持续生活</title>
  <link rel="icon" href="logo.png">
  <link rel="icon" type="image/svg+xml" href="favicon.ico">

  <style>
    .jn-spinner {
      border: 4px solid #5c9651;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      border-left-color: transparent;
      animation: spin 1s linear infinite;
    }

    .jn-loading {
      margin-top: 30vh;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .jn-spinner-text {
      margin-top: 10px;
      text-align: center;
    }

    .jn-spinner-text p {
      font-size: 14px;
      color: #777;
    }

    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }

      100% {
        transform: rotate(360deg);
      }
    }
  </style>
  <script type="module" crossorigin src="./assets/index-BvyYKiTG.js"></script>
  <link rel="modulepreload" crossorigin href="./assets/vendor-DVia82MP.js">
  <link rel="stylesheet" crossorigin href="./assets/index-Dnu-0oKQ.css">
</head>

<body>
  <div id="jn-loading" class="jn-loading">
    <div class="jn-spinner "></div>
    <div class="jn-spinner-text">
      <p>努力骑行中...</p>
    </div>
  </div>
  <div id="app"></div>
</body>

</html>