Spaces:
Running
Running
Update index.html
Browse files- index.html +2 -22
index.html
CHANGED
|
@@ -4,31 +4,11 @@
|
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
<title>CoinTube</title>
|
| 7 |
-
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 8 |
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 9 |
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
| 10 |
-
<link rel="stylesheet" href="
|
| 11 |
</head>
|
| 12 |
<body class="bg-gray-900 text-white h-full">
|
| 13 |
-
<div id="root" class="h-full w-full">
|
| 14 |
-
<div class="flex flex-col items-center justify-center h-full w-full">
|
| 15 |
-
<style>
|
| 16 |
-
.spinner {
|
| 17 |
-
border: 4px solid rgba(255, 255, 255, 0.3);
|
| 18 |
-
border-radius: 50%;
|
| 19 |
-
border-top: 4px solid #ffffff;
|
| 20 |
-
width: 24px;
|
| 21 |
-
height: 24px;
|
| 22 |
-
animation: spin 1s linear infinite;
|
| 23 |
-
}
|
| 24 |
-
@keyframes spin {
|
| 25 |
-
0% { transform: rotate(0deg); }
|
| 26 |
-
100% { transform: rotate(360deg); }
|
| 27 |
-
}
|
| 28 |
-
</style>
|
| 29 |
-
<div class="spinner mb-4"></div>
|
| 30 |
-
</div>
|
| 31 |
-
</div>
|
| 32 |
<script type="module" src="main.jsx"></script>
|
| 33 |
</body>
|
| 34 |
</html>
|
|
|
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
<title>CoinTube</title>
|
|
|
|
|
|
|
| 7 |
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
| 8 |
+
<link rel="stylesheet" href="index.css">
|
| 9 |
</head>
|
| 10 |
<body class="bg-gray-900 text-white h-full">
|
| 11 |
+
<div id="root" class="h-full w-full"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 12 |
<script type="module" src="main.jsx"></script>
|
| 13 |
</body>
|
| 14 |
</html>
|