skillmatch/index.html at main · ISHUBTEAM/skillmatch · 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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>SkillMatch | National Internship Platform</title>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@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"
    />
    <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
    <script>
      tailwind.config = {
        darkMode: "class",
        theme: {
          extend: {
            colors: {
              "secondary-container": "#cbe7f5",
              "on-primary-fixed-variant": "#00458f",
              "on-secondary-fixed-variant": "#304a55",
              "tertiary": "#003d33",
              "tertiary-fixed-dim": "#44ddc1",
              "tertiary-container": "#005649",
              "on-primary-container": "#9bbdff",
              "on-secondary-fixed": "#021f29",
              "surface-container-high": "#e7e8e9",
              "on-surface": "#191c1d",
              "on-error": "#ffffff",
              "inverse-on-surface": "#f0f1f2",
              "on-primary": "#ffffff",
              "surface-dim": "#d9dadb",
              "on-secondary-container": "#4e6874",
              "primary-fixed": "#d7e2ff",
              "error": "#ba1a1a",
              "surface-container-highest": "#e1e3e4",
              "tertiary-fixed": "#68fadd",
              "background": "#f8f9fa",
              "primary": "#00346f",
              "secondary": "#48626e",
              "on-primary-fixed": "#001b3f",
              "primary-fixed-dim": "#abc7ff",
              "outline": "#737783",
              "surface-container-lowest": "#ffffff",
              "on-tertiary": "#ffffff",
              "on-surface-variant": "#424751",
              "on-error-container": "#93000a",
              "outline-variant": "#c2c6d3",
              "secondary-fixed-dim": "#afcbd8",
              "surface-container": "#edeeef",
              "surface-container-low": "#f3f4f5",
              "on-tertiary-fixed-variant": "#005145",
              "inverse-surface": "#2e3132",
              "error-container": "#ffdad6",
              "on-background": "#191c1d",
              "inverse-primary": "#abc7ff",
              "surface-tint": "#255dad",
              "on-tertiary-fixed": "#00201a",
              "on-secondary": "#ffffff",
              "primary-container": "#004a99",
              "surface": "#f8f9fa",
              "surface-variant": "#e1e3e4",
              "on-tertiary-container": "#34d2b7",
              "surface-bright": "#f8f9fa",
              "secondary-fixed": "#cbe7f5"
            },
            fontFamily: {
              headline: ["Manrope", "sans-serif"],
              body: ["Inter", "sans-serif"],
              label: ["Inter", "sans-serif"]
            },
            borderRadius: {
              DEFAULT: "0.25rem",
              lg: "0.5rem",
              xl: "0.75rem",
              full: "9999px"
            }
          }
        }
      };
    </script>
  </head>
  <body class="bg-surface font-body text-on-surface antialiased">
    <div id="root"></div>
    <script type="module" src="/src/main.jsx"></script>
  </body>
</html>