WayGuard/index.html at main · MosslandOpenDevs/WayGuard · 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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="ko" class="light">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="theme-color" content="#2764e7" />
  <meta name="description" content="????? - ?? ?? ?? ??? ??? ?? ?? ???? ?? ?? ??" />
  <link rel="icon" type="image/svg+xml" href="/shield.svg" />
  <!-- Stitch에서 사용하는 폰트 및 아이콘 -->
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght@300;400;500;600;700&display=swap"
    rel="stylesheet">
  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap"
    rel="stylesheet">
  <!-- Tailwind CSS (Stitch 디자인 호환) -->
  <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
  <script>
    tailwind.config = {
      darkMode: "class",
      theme: {
        extend: {
          colors: {
            "primary": "#2764e7",
            "secondary": "#10B981",
            "warning": "#F59E0B",
            "danger": "#EF4444",
            "background-light": "#f6f6f8",
            "background-dark": "#111621",
          },
          fontFamily: {
            "display": ["Inter", "sans-serif"]
          },
          borderRadius: { "DEFAULT": "0.5rem", "lg": "1rem", "xl": "1.5rem", "full": "9999px" },
        },
      },
    }
  </script>
  <title>????? | ?? ?? ?? ??</title>
</head>

<body class="bg-background-light dark:bg-background-dark font-display text-slate-900 dark:text-slate-100">
  <div id="root"></div>
  <script type="module" src="/src/main.jsx"></script>
</body>

</html>