Logo update

src/pages/delta/Delta.jsx

@@ -2,7 +2,7 @@ import React from "react";
 import Box from "@mui/material/Box";
 import About from "./About.jsx";
 import Projects from "./Projects.jsx";
-import Environments from "./Environments.jsx";
+//import Environments from "./Environments.jsx";
 import Footer from "./Footer.jsx";
 
 const Skills = React.lazy(() => import("./Skills.jsx"));

src/pages/delta/Skills.jsx

@@ -1,7 +1,6 @@
 import React, { useState } from "react";
 import { FaReact, FaPython, FaJava, FaHtml5 } from "react-icons/fa";
 import { SiJavascript } from "react-icons/si";
-import Carousel from "react-material-ui-carousel";
 import Typography from "@mui/material/Typography";
 import Box from "@mui/material/Box";
 import Card from "@mui/material/Card";
@@ -10,6 +9,7 @@ import CardMedia from "@mui/material/CardMedia";
 import SkillPaper from "./SkillPaper.jsx";
 import PhotoHover from "./PhotoHover.jsx";
 
+const Carousel = React.lazy(() => import("react-material-ui-carousel"));
 export default function Skills() {
   const [image, setImage] = useState();
   const [open, setOpen] = useState(false);

src/pages/delta/Social.jsx

@@ -1,5 +1,3 @@
-import Accordion from "@mui/material/Accordion";
-import AccordionSummary from "@mui/material/AccordionSummary";
 import Box from "@mui/material/Box";
 import MailIcon from "@mui/icons-material/Mail";
 import GitHubIcon from "@mui/icons-material/GitHub";
@@ -28,29 +26,20 @@ const socialLinks = [
 export default function Social() {
   return (
     <Box style={{ padding: 10, scrollMarginTop: "4rem" }} id="contact">
-      <Accordion
-        style={{ boxShadow: "none" }}
-        defaultExpanded
-        disableGutters
-        square
-      >
-        <AccordionSummary content={{ margin: 0 }} style={{ margin: 0 }}>
-          <h3 style={{ paddingRight: 20 }}>Social</h3>
-          <Box
-            style={{ display: "flex", marginLeft: "auto", flexWrap: "wrap" }}
-          >
-            {socialLinks.map((v, i) => (
-              <a
-                key={i}
-                href={v.url}
-                style={{ margin: "auto 0", color: "black", padding: "10px" }}
-              >
-                {v.icon}
-              </a>
-            ))}
-          </Box>
-        </AccordionSummary>
-      </Accordion>
+      <Box style={{ boxShadow: "none", display: "flex", padding: 16 }}>
+        <h3 style={{ paddingRight: 20 }}>Social</h3>
+        <Box style={{ display: "flex", marginLeft: "auto", flexWrap: "wrap" }}>
+          {socialLinks.map((v, i) => (
+            <a
+              key={i}
+              href={v.url}
+              style={{ margin: "auto 0", color: "black", padding: "10px" }}
+            >
+              {v.icon}
+            </a>
+          ))}
+        </Box>
+      </Box>
     </Box>
   );
 }