Now, ensure everything is well connected to each other and every function works correctly. It seems like the header (or head) is not correct
Browse files- index.html +11 -3
- script.js +7 -4
index.html
CHANGED
|
@@ -5,9 +5,11 @@
|
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
<title>Nexus Vision | Data Ingestion Dashboard</title>
|
| 7 |
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
|
|
|
|
| 8 |
<link rel="stylesheet" href="/static/css/style.css">
|
| 9 |
-
<script src="https://cdn.tailwindcss.com"></script>
|
| 10 |
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
|
|
|
| 11 |
<script src="/static/js/script.js" defer></script>
|
| 12 |
</head>
|
| 13 |
<body class="h-full">
|
|
@@ -209,7 +211,13 @@
|
|
| 209 |
</main>
|
| 210 |
</div>
|
| 211 |
|
| 212 |
-
|
| 213 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 214 |
</body>
|
| 215 |
</html>
|
|
|
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
<title>Nexus Vision | Data Ingestion Dashboard</title>
|
| 7 |
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
|
| 8 |
+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
| 9 |
<link rel="stylesheet" href="/static/css/style.css">
|
| 10 |
+
<script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script>
|
| 11 |
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 12 |
+
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script>
|
| 13 |
<script src="/static/js/script.js" defer></script>
|
| 14 |
</head>
|
| 15 |
<body class="h-full">
|
|
|
|
| 211 |
</main>
|
| 212 |
</div>
|
| 213 |
|
| 214 |
+
<script>
|
| 215 |
+
// Initialize feather icons
|
| 216 |
+
document.addEventListener('DOMContentLoaded', function() {
|
| 217 |
+
if (typeof feather !== 'undefined') {
|
| 218 |
+
feather.replace();
|
| 219 |
+
}
|
| 220 |
+
});
|
| 221 |
+
</script>
|
| 222 |
</body>
|
| 223 |
</html>
|
script.js
CHANGED
|
@@ -1,10 +1,13 @@
|
|
| 1 |
```javascript
|
| 2 |
document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
| 3 |
// Initialize feather icons
|
| 4 |
-
feather
|
|
|
|
|
|
|
| 5 |
|
| 6 |
-
// Initialize Vanta.js
|
| 7 |
-
if (
|
| 8 |
VANTA.GLOBE({
|
| 9 |
el: "#vanta-bg",
|
| 10 |
mouseControls: true,
|
|
@@ -20,7 +23,7 @@ document.addEventListener('DOMContentLoaded', function() {
|
|
| 20 |
});
|
| 21 |
}
|
| 22 |
|
| 23 |
-
// Tailwind config
|
| 24 |
tailwind.config = {
|
| 25 |
theme: {
|
| 26 |
extend: {
|
|
|
|
| 1 |
```javascript
|
| 2 |
document.addEventListener('DOMContentLoaded', function() {
|
| 3 |
+
// Initialize Vanta.js background
|
| 4 |
// Initialize feather icons
|
| 5 |
+
if (typeof feather !== 'undefined') {
|
| 6 |
+
feather.replace();
|
| 7 |
+
}
|
| 8 |
|
| 9 |
+
// Initialize Vanta.js if available
|
| 10 |
+
if (typeof VANTA !== 'undefined') {
|
| 11 |
VANTA.GLOBE({
|
| 12 |
el: "#vanta-bg",
|
| 13 |
mouseControls: true,
|
|
|
|
| 23 |
});
|
| 24 |
}
|
| 25 |
|
| 26 |
+
// Enhanced Tailwind config
|
| 27 |
tailwind.config = {
|
| 28 |
theme: {
|
| 29 |
extend: {
|