Spaces:
Sleeping
Sleeping
Update index.html
Browse files- index.html +6 -0
index.html
CHANGED
|
@@ -11,6 +11,11 @@
|
|
| 11 |
.mono { font-family: 'JetBrains Mono', monospace; }
|
| 12 |
@keyframes matrix-scan { 0% { top: -10%; } 100% { top: 110%; } }
|
| 13 |
.matrix-line { position: absolute; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, #f43f5e, transparent); opacity: 0.3; animation: matrix-scan 3s linear infinite; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 14 |
</style>
|
| 15 |
<script type="importmap">
|
| 16 |
{
|
|
@@ -22,6 +27,7 @@
|
|
| 22 |
"react": "https://esm.sh/react@^19.2.4",
|
| 23 |
"recharts": "https://esm.sh/recharts@^3.7.0",
|
| 24 |
"@google/genai": "https://esm.sh/@google/genai@^1.41.0",
|
|
|
|
| 25 |
"vite": "https://esm.sh/vite@^7.3.1",
|
| 26 |
"@vitejs/plugin-react": "https://esm.sh/@vitejs/plugin-react@^5.1.4"
|
| 27 |
}
|
|
|
|
| 11 |
.mono { font-family: 'JetBrains Mono', monospace; }
|
| 12 |
@keyframes matrix-scan { 0% { top: -10%; } 100% { top: 110%; } }
|
| 13 |
.matrix-line { position: absolute; width: 100%; height: 2px; background: linear-gradient(90deg, transparent, #f43f5e, transparent); opacity: 0.3; animation: matrix-scan 3s linear infinite; }
|
| 14 |
+
/* Custom Scrollbar for the dark theme */
|
| 15 |
+
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
|
| 16 |
+
.custom-scrollbar::-webkit-scrollbar-track { background: #050505; }
|
| 17 |
+
.custom-scrollbar::-webkit-scrollbar-thumb { background: #1a1a1a; border-radius: 10px; }
|
| 18 |
+
.custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #2a2a2a; }
|
| 19 |
</style>
|
| 20 |
<script type="importmap">
|
| 21 |
{
|
|
|
|
| 27 |
"react": "https://esm.sh/react@^19.2.4",
|
| 28 |
"recharts": "https://esm.sh/recharts@^3.7.0",
|
| 29 |
"@google/genai": "https://esm.sh/@google/genai@^1.41.0",
|
| 30 |
+
"path": "https://esm.sh/path@^0.12.7",
|
| 31 |
"vite": "https://esm.sh/vite@^7.3.1",
|
| 32 |
"@vitejs/plugin-react": "https://esm.sh/@vitejs/plugin-react@^5.1.4"
|
| 33 |
}
|