Replace landingpage.js with raw css

source/_sass/style.sass

@@ -25,3 +25,18 @@
   list-style-type: none
   padding-left: 2em
   text-indent: -1.25em
+
+
+#rotating-gradient
+  background: linear-gradient(15deg, #1E1F46, #404040)
+  animation: 5s linear infinite gradient
+  position: relative
+  background-size: 200% 200%
+
+@keyframes gradient
+  0%
+    background-position: 0 50%
+  50%
+    background-position: 100% 50%
+  100%
+    background-position: 0 50%

source/assets/landingpage.js

@@ -1,13 +0,0 @@
-// JS Code that rotates the gradient on the content box on the front page
-document.addEventListener("DOMContentLoaded", function () {
-    var mainBox = document.querySelector("#rotating-gradient");
-    var angle = 0;
-    // Rotate the gradient 1 degree every 100ms
-    setInterval(function () {
-        mainBox.style.background = "linear-gradient(".concat(angle, "deg, #1E1F46, #404040)");
-        angle += 1;
-        if (angle >= 360) {
-            angle = 0;
-        }
-    }, 100);
-});

source/assets/landingpage.ts

@@ -1,15 +0,0 @@
-// JS Code that rotates the gradient on the content box on the front page
-
-document.addEventListener("DOMContentLoaded", (): void => {
-    const mainBox: HTMLDivElement = document.querySelector("#rotating-gradient");
-    let angle: number = 0;
-
-    // Rotate the gradient 1 degree every 100ms
-    setInterval((): void => {
-        mainBox.style.background = `linear-gradient(${angle}deg, #1E1F46, #404040)`;
-        angle += 1;
-        if (angle >= 360) {
-            angle = 0
-        }
-    }, 100);
-});