Spaces:
Running
Running
File size: 2,484 Bytes
13174d6 d117d03 |
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 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vertex Sovereign - Hand Drawn Edition</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Gaegu:wght@400;700&display=swap" rel="stylesheet">
<style>
:root {
--sketch-bg: #ffffff;
--sketch-fg: #000000;
}
body {
font-family: 'Architects Daughter', cursive;
background-color: var(--sketch-bg);
color: var(--sketch-fg);
margin: 0;
padding: 0;
overflow-x: hidden;
}
.sketch-border {
border: 2px solid black;
border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
}
.sketch-shadow {
box-shadow: 5px 5px 0px 0px rgba(0,0,0,1);
}
/* Custom scrollbar - sketchy style */
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #fff;
border-left: 1px solid black;
}
::-webkit-scrollbar-thumb {
background: #000;
border: 2px solid #fff;
}
.sketch-btn:hover {
transform: translate(-2px, -2px);
box-shadow: 7px 7px 0px 0px rgba(0,0,0,1);
}
.sketch-btn:active {
transform: translate(2px, 2px);
box-shadow: 2px 2px 0px 0px rgba(0,0,0,1);
}
@keyframes scribble {
0% { transform: translate(0,0); }
25% { transform: translate(1px, -1px); }
50% { transform: translate(-1px, 1px); }
75% { transform: translate(1px, 1px); }
100% { transform: translate(0,0); }
}
.scribble-hover:hover {
animation: scribble 0.2s infinite;
}
</style>
<link rel="stylesheet" href="/index.css">
<script type="importmap">
{
"imports": {
"react/": "https://esm.sh/react@^19.2.3/",
"react": "https://esm.sh/react@^19.2.3",
"react-dom/": "https://esm.sh/react-dom@^19.2.3/",
"recharts": "https://esm.sh/recharts@^3.7.0",
"@google/genai": "https://esm.sh/@google/genai@^1.38.0"
}
}
</script>
<script type="module" crossorigin src="/assets/index-DZrkvv0n.js"></script>
</head>
<body>
<div id="root"></div>
</body>
</html>
|