Ranking-school-festival/ranking.html at main · RucioleWind8189/Ranking-school-festival · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <title>Time Attack Ranking</title>

    <!-- React / Babel / Tailwind -->
    <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
    <script src="https://cdn.tailwindcss.com"></script>

    <!-- Google Font -->
    <link
      href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500&display=swap"
      rel="stylesheet"
    />

    <style>
      body {
        font-family: "M PLUS Rounded 1c", sans-serif;
      }
    </style>
  </head>
  <body class="bg-gradient-to-br from-green-100 via-emerald-200 to-green-50 flex items-center justify-center min-h-screen">
    <div id="root"></div>
    <script type="text/babel" src="app.js"></script>
  </body>
</html>