please replicate only the background and remove everything else
Browse files- index.html +4 -36
index.html
CHANGED
|
@@ -1,46 +1,15 @@
|
|
|
|
|
| 1 |
<!DOCTYPE html>
|
| 2 |
<html lang="en">
|
| 3 |
<head>
|
| 4 |
<meta charset="UTF-8">
|
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
-
<title>Trae.AI Background
|
| 7 |
-
<link rel="stylesheet" href="style.css">
|
| 8 |
-
<script src="https://cdn.tailwindcss.com"></script>
|
| 9 |
-
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 10 |
-
<script src="https://unpkg.com/feather-icons"></script>
|
| 11 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
|
| 12 |
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
|
| 13 |
</head>
|
| 14 |
-
<body
|
| 15 |
-
<custom-navbar></custom-navbar>
|
| 16 |
-
|
| 17 |
-
<main class="relative z-10">
|
| 18 |
-
<div class="container mx-auto px-4 py-16 text-center">
|
| 19 |
-
<h1 class="text-5xl md:text-7xl font-bold text-white mb-6">
|
| 20 |
-
Digital Nebula
|
| 21 |
-
</h1>
|
| 22 |
-
<p class="text-xl md:text-2xl text-gray-300 mb-8 max-w-2xl mx-auto">
|
| 23 |
-
Experience the mesmerizing animated background inspired by trae.ai, powered by Three.js and WebGL
|
| 24 |
-
</p>
|
| 25 |
-
<div class="flex justify-center gap-4">
|
| 26 |
-
<button class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-3 rounded-lg font-semibold transition-all duration-300 transform hover:scale-105">
|
| 27 |
-
Explore More
|
| 28 |
-
</button>
|
| 29 |
-
<button class="border border-gray-600 hover:border-gray-400 text-gray-300 px-8 py-3 rounded-lg font-semibold transition-all duration-300">
|
| 30 |
-
Learn More
|
| 31 |
-
</button>
|
| 32 |
-
</div>
|
| 33 |
-
</div>
|
| 34 |
-
</main>
|
| 35 |
-
|
| 36 |
-
<custom-footer></custom-footer>
|
| 37 |
-
|
| 38 |
-
<script src="components/navbar.js"></script>
|
| 39 |
-
<script src="components/footer.js"></script>
|
| 40 |
-
<script src="script.js"></script>
|
| 41 |
<script>
|
| 42 |
-
feather.replace();
|
| 43 |
-
|
| 44 |
// Initialize Vanta.NET background (exact replica of trae.ai)
|
| 45 |
VANTA.NET({
|
| 46 |
el: "body",
|
|
@@ -58,6 +27,5 @@
|
|
| 58 |
spacing: 18.00
|
| 59 |
});
|
| 60 |
</script>
|
| 61 |
-
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
|
| 62 |
</body>
|
| 63 |
-
</html>
|
|
|
|
| 1 |
+
|
| 2 |
<!DOCTYPE html>
|
| 3 |
<html lang="en">
|
| 4 |
<head>
|
| 5 |
<meta charset="UTF-8">
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
+
<title>Trae.AI Background</title>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 8 |
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
|
| 9 |
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
|
| 10 |
</head>
|
| 11 |
+
<body style="margin: 0; padding: 0; width: 100vw; height: 100vh; overflow: hidden;">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 12 |
<script>
|
|
|
|
|
|
|
| 13 |
// Initialize Vanta.NET background (exact replica of trae.ai)
|
| 14 |
VANTA.NET({
|
| 15 |
el: "body",
|
|
|
|
| 27 |
spacing: 18.00
|
| 28 |
});
|
| 29 |
</script>
|
|
|
|
| 30 |
</body>
|
| 31 |
+
</html>
|