switch to Waves in vanta.js

adhadse · Jul 14, 2024 · 8e9c19e · 8e9c19e
1 parent c7891c7
commit 8e9c19e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 11 deletions.
diff --git a/content/assets/js/home.js b/content/assets/js/home.js
@@ -1,14 +1,17 @@
 document$.subscribe(() => {
-  VANTA.HALO({
+  VANTA.WAVES({
     el: ".hero-container",
     mouseControls: true,
     touchControls: true,
     gyroControls: false,
-    minHeight: 200.00,
-    minWidth: 200.00,
-    baseColor: 0x0,
-    backgroundColor: 0x0,
-    xOffset: 0.09,
-    size: 0.90
-  })
-})
+    minHeight: 200.0,
+    minWidth: 200.0,
+    scale: 1.0,
+    scaleMobile: 1.0,
+    color: 0x0,
+    shininess: 60.0,
+    waveHeight: 39.5,
+    waveSpeed: 0.95,
+    zoom: 0.65,
+  });
+});
diff --git a/overrides/home.html b/overrides/home.html
@@ -33,7 +33,7 @@
     defer
 ></script>
 <script
-    src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.halo.min.js"
+    src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"
     defer
 ></script>
 {% endblock %} {% block hero %}

diff --git a/overrides/main.html b/overrides/main.html
@@ -31,7 +31,7 @@
     defer
 ></script>
 <script
-    src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.halo.min.js"
+    src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"
     defer
 ></script>
 {% endblock %} {% block scripts %} {{ super() }}