Reverted changes

Author: DerCed

src/components/Features/Features.jsx

@@ -11,10 +11,6 @@ export function IconContainer(props) {
         //background: "linear-gradient(45deg, rgba(58,12,163,1) 0%, rgba(63,253,106,1) 100%)",
         backgroundPosition: "center",
         backgroundSize: "contain",
-        //backgroundColor: "#10061E",
-        //#46B875
-        //#53258B
-        //#10061E
         width: "80%",
         aspectRatio: "1 / 1",
       }}

src/components/Gallery/Gallery.jsx

@@ -14,9 +14,6 @@ export function Gallery() {
     const secondImages = images[galleryTab].items.slice(oneThird, oneThird * 2)
     const thirdImages = images[galleryTab].items.slice(oneThird * 2, images[galleryTab].items.length)
 
-  console.log(oneThird, firstImages, secondImages, thirdImages)
-
-
     const baseSeconds = 10
 
     function renderImages(imageList, offset) {

src/components/LandingImage/MeshContainer/MeshContainer.tsx

@@ -1,57 +1,42 @@
-import { Box } from "@mui/material";
-import "./gradient.css";
+import {Box} from "@mui/material";
+import "./gradient.css"
+
+import {Gradient} from './Gradient.js'
+import {useEffect} from "react";
 
-import { Gradient } from "./Gradient.js";
-import { useEffect } from "react";
 
 export function MeshContainer(props) {
-  useEffect(() => {
-    // Create your instance
-    const gradient = new Gradient();
-
-    // Call `initGradient` with the selector to your canvas
-    // @ts-ignore
-    gradient.initGradient("#gradient-canvas");
-  }, []);
-
-  return (
-    <Box
-      sx={{
-        position: "relative",
-        width: "100%",
-        height: "100%",
-        backgroundPosition: "center",
-        backgroundSize: "cover",
-      }}
-    >
-      <Box
-        sx={{
-          width: "100%",
-          height: "100%",
-          position: "relative",
-          zIndex: 2,
-        }}
-      >
-        {props.children}
-      </Box>
-      <Box sx={{ background: "rgba(0,0,0,0.2)", boxShadow: "box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1)", filter: "blur(5px)" }}>
-        <Box
-          sx={{
-            position: "absolute",
-            zIndex: -100,
-            height: "100%",
+
+    useEffect(() => {
+        // Create your instance
+        const gradient = new Gradient()
+
+        // Call `initGradient` with the selector to your canvas
+        // @ts-ignore
+        gradient.initGradient('#gradient-canvas')
+
+    }, [])
+
+
+    return (
+        <Box sx={{
+            position: "relative",
             width: "100%",
-            top: 0,
-            left: 0,
-          }}
-        >
-          <canvas
-            id="gradient-canvas"
-            data-transition-in
-            style={{ height: "100%" }}
-          />
+            height: "100%",
+            backgroundPosition: "center",
+            backgroundSize: "cover",
+        }}>
+            <Box sx={{
+                width: "100%",
+                height: "100%",
+                position: "relative",
+                zIndex: 2,
+            }}>
+                {props.children}
+            </Box>
+            <Box sx={{position: "absolute", zIndex:-100, height: "100%", width: "100%", top: 0, left: 0}}>
+                <canvas id="gradient-canvas" data-transition-in style={{height: "100%"}} />
+            </Box>
         </Box>
-      </Box>
-    </Box>
-  );
+    )
 }

src/components/LandingImage/MeshContainer/gradient.css

@@ -1,8 +1,8 @@
 #gradient-canvas {
     width:100%;
     height:100%;
-    --gradient-color-1: #110320;
-    --gradient-color-2: #0B9D6A;
-    --gradient-color-3: #3F58FC;
-    --gradient-color-4: #3FFD6A;
+    --gradient-color-1: #13101b;
+    --gradient-color-2: #4cc9f0;
+    --gradient-color-3: #3a0ca3;
+    --gradient-color-4: #3DA4AB;
 }