pexfi/index.html at develop · dappvibe/pexfi · 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
93
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="viewport" content="initial-scale=1, width=device-width" />
    <title>PEXFI - Onchain P2P Marketplace</title>
    <link rel="canonical" href="https://www.pexfi.com/" />
    <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=Inter:wght@400;500;600;700&display=swap"
      rel="stylesheet"
    />
    <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-25..0" />
    <script id="tailwind-config">
      tailwind.config = {
        darkMode: "class",
        theme: {
          extend: {
            colors: {
              "surface-dim": "#131315",
              "error": "#ffb4ab",
              "surface-variant": "#353437",
              "on-tertiary-fixed-variant": "#673d00",
              "surface-container": "#201f22",
              "primary-container": "#a078ff",
              "outline-variant": "#494454",
              "secondary-fixed-dim": "#d0bcff",
              "primary-fixed": "#e9ddff",
              "on-primary-container": "#340080",
              "primary": "#d0bcff",
              "on-secondary-fixed-variant": "#4e3b7c",
              "on-tertiary-fixed": "#2c1700",
              "inverse-surface": "#e5e1e4",
              "on-error-container": "#ffdad6",
              "surface-container-high": "#2a2a2c",
              "secondary-container": "#513e7f",
              "on-secondary-fixed": "#220b4e",
              "on-background": "#e5e1e4",
              "primary-fixed-dim": "#d0bcff",
              "on-surface": "#e5e1e4",
              "inverse-on-surface": "#313032",
              "surface-container-low": "#1c1b1d",
              "surface-container-highest": "#353437",
              "on-secondary-container": "#c3adf7",
              "secondary": "#d0bcff",
              "inverse-primary": "#6d3bd7",
              "surface-tint": "#d0bcff",
              "tertiary-container": "#ca801e",
              "on-surface-variant": "#cbc3d7",
              "tertiary-fixed": "#ffdcbb",
              "background": "#131315",
              "secondary-fixed": "#e9ddff",
              "on-primary-fixed": "#23005c",
              "on-primary": "#3c0091",
              "on-secondary": "#372464",
              "surface-bright": "#39393b",
              "surface": "#131315",
              "on-tertiary-container": "#3f2300",
              "tertiary-fixed-dim": "#ffb869",
              "surface-container-lowest": "#0e0e10",
              "tertiary": "#ffb869",
              "on-tertiary": "#482900",
              "outline": "#958ea0",
              "on-error": "#690005",
              "error-container": "#93000a",
              "on-primary-fixed-variant": "#5516be"
            },
            fontFamily: {
              "headline": ["Inter"],
              "body": ["Inter"],
              "label": ["Inter"]
            },
            borderRadius: {"DEFAULT": "0.25rem", "lg": "0.5rem", "xl": "0.75rem", "full": "9999px"},
          },
        },
      }
    </script>
    <style>
        .glass { background: rgba(53, 52, 55, 0.6); backdrop-filter: blur(20px); }
        .primary-gradient { background: linear-gradient(135deg, #d0bcff 0%, #a078ff 100%); }
        .text-gradient { background: linear-gradient(135deg, #d0bcff 0%, #a078ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
        .ambient-glow { box-shadow: 0 0 40px -10px rgba(208, 188, 255, 0.2); }
    </style>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>