Jshot117 · bikiris · May 30, 2024 · May 30, 2024
diff --git a/Code-For-All/.eslintrc.cjs → .eslintrc.cjs b/Code-For-All/.eslintrc.cjs → .eslintrc.cjs
diff --git a/Code-For-All/.gitignore → .gitignore b/Code-For-All/.gitignore → .gitignore
diff --git a/Code-For-All/README.md b/Code-For-All/README.md
diff --git a/Code-For-All/index.html → index.html b/Code-For-All/index.html → index.html
diff --git a/Code-For-All/package-lock.json → package-lock.json b/Code-For-All/package-lock.json → package-lock.json
diff --git a/Code-For-All/package.json → package.json b/Code-For-All/package.json → package.json
diff --git a/Code-For-All/postcss.config.js → postcss.config.js b/Code-For-All/postcss.config.js → postcss.config.js
diff --git a/Code-For-All/public/vite.svg → public/vite.svg b/Code-For-All/public/vite.svg → public/vite.svg
diff --git a/Code-For-All/src/App.css → src/App.css b/Code-For-All/src/App.css → src/App.css
diff --git a/Code-For-All/src/App.jsx → src/App.jsx b/Code-For-All/src/App.jsx → src/App.jsx
diff --git a/Code-For-All/src/HomeComponents/Board.jsx → src/HomeComponents/Board.jsx b/Code-For-All/src/HomeComponents/Board.jsx → src/HomeComponents/Board.jsx
@@ -19,9 +19,18 @@ import Shaine from '../assets/shaine.jpeg'
 import Dennis from '../assets/dennis.jpeg'
 import Oliver from '../assets/oliver.jpg'
 import Athor from '../assets/athor.png'
+import { useEffect, useState } from 'react';
 
 
 function Board(){
+    const [isMobile, setIsMobile] = useState(window.innerWidth <= 480);
+
+    useEffect(() => {
+        const handleResize = () => setIsMobile(window.innerWidth <= 480);
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+      }, []);
+
     return(
         <div className = "mt-36 text-center">
             <h1 className="p-0 
@@ -31,14 +40,14 @@ function Board(){
                 additionalTransfrom={0}
                 arrows
                 autoPlaySpeed={3000}
-                centerMode={false}
+                centerMode={!isMobile}
                 className=""
                 containerClass="container-with-dots"
                 dotListClass=""
                 draggable
                 focusOnSelect={false}
                 infinite
-                itemClass=""
+                itemClass="flex justify-center"
                 keyBoardControl
                 minimumTouchDrag={80}
                 pauseOnHover
@@ -47,28 +56,36 @@ function Board(){
                 renderDotsOutside={false}
                 responsive={{
                     desktop: {
-                    breakpoint: {
-                        max: 3000,
-                        min: 1024
-                    },
-                    items: 5,
-                    partialVisibilityGutter: 40
+                        breakpoint: {
+                            max: 3000,
+                            min: 1024
+                        },
+                        items: 3,
+                        partialVisibilityGutter: 40
                     },
                     mobile: {
-                    breakpoint: {
-                        max: 464,
-                        min: 0
-                    },
-                    items: 1,
-                    partialVisibilityGutter: 30
+                        breakpoint: {
+                            max: 480,
+                            min: 0
+                        },
+                        items: 1,
+                        partialVisibilityGutter: 30
+                        },
+                    largeMobile: {
+                        breakpoint: {
+                            max: 768,
+                            min: 480
+                        },
+                        items: 1,
+                        partialVisibilityGutter: 30
                     },
                     tablet: {
-                    breakpoint: {
-                        max: 1024,
-                        min: 464
-                    },
-                    items: 2,
-                    partialVisibilityGutter: 30
+                        breakpoint: {
+                            max: 1024,
+                            min: 768
+                        },
+                        items: 2,
+                        partialVisibilityGutter: 30
                     }
                 }}
                 rewind={false}

diff --git a/...-For-All/src/HomeComponents/BoardCard.jsx → src/HomeComponents/BoardCard.jsx b/...-For-All/src/HomeComponents/BoardCard.jsx → src/HomeComponents/BoardCard.jsx
@@ -1,6 +1,6 @@
 function BoardCard({ image, name, role, description, link }) {
     return (
-        <div className="flex-col max-w-82 p-5 m-10 rounded-xl shadow-lg shadow-black   bg-zinc-900 hover:scale-110 ease-in-out duration-300">
+        <div className="flex-col min-w-56 max-w-72 p-5 m-10 rounded-xl shadow-lg shadow-black   bg-zinc-900 hover:scale-110 ease-in-out duration-300">
             <div className="group hover:shadow-lg transition-shadow duration-300">
                 <a href={link}>
                     <div className="image-container h-60 w-full flex items-center justify-center"> {/* Set fixed dimensions for the image container */}

diff --git a/Code-For-All/src/HomeComponents/Header.jsx → src/HomeComponents/Header.jsx b/Code-For-All/src/HomeComponents/Header.jsx → src/HomeComponents/Header.jsx
diff --git a/Code-For-All/src/HomeComponents/Hero.jsx → src/HomeComponents/Hero.jsx b/Code-For-All/src/HomeComponents/Hero.jsx → src/HomeComponents/Hero.jsx
diff --git a/...or-All/src/HomeComponents/LatestEvent.jsx → src/HomeComponents/LatestEvent.jsx b/...or-All/src/HomeComponents/LatestEvent.jsx → src/HomeComponents/LatestEvent.jsx
diff --git a/...ll/src/HomeComponents/LottieAnimation.jsx → src/HomeComponents/LottieAnimation.jsx b/...ll/src/HomeComponents/LottieAnimation.jsx → src/HomeComponents/LottieAnimation.jsx
diff --git a/...or-All/src/HomeComponents/ProjectCard.jsx → src/HomeComponents/ProjectCard.jsx b/...or-All/src/HomeComponents/ProjectCard.jsx → src/HomeComponents/ProjectCard.jsx
diff --git a/Code-For-All/src/HomeComponents/Projects.jsx → src/HomeComponents/Projects.jsx b/Code-For-All/src/HomeComponents/Projects.jsx → src/HomeComponents/Projects.jsx
diff --git a/Code-For-All/src/HomeComponents/Social.jsx → src/HomeComponents/Social.jsx b/Code-For-All/src/HomeComponents/Social.jsx → src/HomeComponents/Social.jsx
diff --git a/Code-For-All/src/assets/Jonnathan.jpg → src/assets/Jonnathan.jpg b/Code-For-All/src/assets/Jonnathan.jpg → src/assets/Jonnathan.jpg
diff --git a/...ll/src/assets/Meet_a_scientist_event3.jpg → src/assets/Meet_a_scientist_event3.jpg b/...ll/src/assets/Meet_a_scientist_event3.jpg → src/assets/Meet_a_scientist_event3.jpg
diff --git a/Code-For-All/src/assets/NightSky.json → src/assets/NightSky.json b/Code-For-All/src/assets/NightSky.json → src/assets/NightSky.json
diff --git a/Code-For-All/src/assets/PurpleComputer.json → src/assets/PurpleComputer.json b/Code-For-All/src/assets/PurpleComputer.json → src/assets/PurpleComputer.json
diff --git a/Code-For-All/src/assets/PurpleSpace.json → src/assets/PurpleSpace.json b/Code-For-All/src/assets/PurpleSpace.json → src/assets/PurpleSpace.json
diff --git a/Code-For-All/src/assets/PurpleSpacev2.json → src/assets/PurpleSpacev2.json b/Code-For-All/src/assets/PurpleSpacev2.json → src/assets/PurpleSpacev2.json
diff --git a/Code-For-All/src/assets/Romel.jpg → src/assets/Romel.jpg b/Code-For-All/src/assets/Romel.jpg → src/assets/Romel.jpg
diff --git a/...-For-All/src/assets/SpaceManHovering.json → src/assets/SpaceManHovering.json b/...-For-All/src/assets/SpaceManHovering.json → src/assets/SpaceManHovering.json
diff --git a/Code-For-All/src/assets/amart.jpg → src/assets/amart.jpg b/Code-For-All/src/assets/amart.jpg → src/assets/amart.jpg
diff --git a/Code-For-All/src/assets/athor.png → src/assets/athor.png b/Code-For-All/src/assets/athor.png → src/assets/athor.png
diff --git a/Code-For-All/src/assets/daniel.jpg → src/assets/daniel.jpg b/Code-For-All/src/assets/daniel.jpg → src/assets/daniel.jpg
diff --git a/Code-For-All/src/assets/dennis.jpeg → src/assets/dennis.jpeg b/Code-For-All/src/assets/dennis.jpeg → src/assets/dennis.jpeg
diff --git a/Code-For-All/src/assets/discord.png → src/assets/discord.png b/Code-For-All/src/assets/discord.png → src/assets/discord.png
diff --git a/Code-For-All/src/assets/eric_img.jpeg → src/assets/eric_img.jpeg b/Code-For-All/src/assets/eric_img.jpeg → src/assets/eric_img.jpeg
diff --git a/Code-For-All/src/assets/feng.jpeg → src/assets/feng.jpeg b/Code-For-All/src/assets/feng.jpeg → src/assets/feng.jpeg
diff --git a/Code-For-All/src/assets/justin.jpg → src/assets/justin.jpg b/Code-For-All/src/assets/justin.jpg → src/assets/justin.jpg
diff --git a/Code-For-All/src/assets/lauren.jpg → src/assets/lauren.jpg b/Code-For-All/src/assets/lauren.jpg → src/assets/lauren.jpg
diff --git a/Code-For-All/src/assets/logo.png → src/assets/logo.png b/Code-For-All/src/assets/logo.png → src/assets/logo.png
diff --git a/Code-For-All/src/assets/mike.jpeg → src/assets/mike.jpeg b/Code-For-All/src/assets/mike.jpeg → src/assets/mike.jpeg
diff --git a/Code-For-All/src/assets/oliver.jpg → src/assets/oliver.jpg b/Code-For-All/src/assets/oliver.jpg → src/assets/oliver.jpg
diff --git a/Code-For-All/src/assets/patryk.jpg → src/assets/patryk.jpg b/Code-For-All/src/assets/patryk.jpg → src/assets/patryk.jpg
diff --git a/...-For-All/src/assets/purpleSpinEffect.json → src/assets/purpleSpinEffect.json b/...-For-All/src/assets/purpleSpinEffect.json → src/assets/purpleSpinEffect.json
diff --git a/Code-For-All/src/assets/rakib.jpg → src/assets/rakib.jpg b/Code-For-All/src/assets/rakib.jpg → src/assets/rakib.jpg
diff --git a/Code-For-All/src/assets/react.svg → src/assets/react.svg b/Code-For-All/src/assets/react.svg → src/assets/react.svg
diff --git a/Code-For-All/src/assets/shaine.jpeg → src/assets/shaine.jpeg b/Code-For-All/src/assets/shaine.jpeg → src/assets/shaine.jpeg
diff --git a/Code-For-All/src/assets/sophia.png → src/assets/sophia.png b/Code-For-All/src/assets/sophia.png → src/assets/sophia.png
diff --git a/Code-For-All/src/assets/thomas.jpeg → src/assets/thomas.jpeg b/Code-For-All/src/assets/thomas.jpeg → src/assets/thomas.jpeg
diff --git a/Code-For-All/src/assets/yonghao.png → src/assets/yonghao.png b/Code-For-All/src/assets/yonghao.png → src/assets/yonghao.png
diff --git a/Code-For-All/src/index.css → src/index.css b/Code-For-All/src/index.css → src/index.css
diff --git a/Code-For-All/src/main.jsx → src/main.jsx b/Code-For-All/src/main.jsx → src/main.jsx
diff --git a/Code-For-All/tailwind.config.js → tailwind.config.js b/Code-For-All/tailwind.config.js → tailwind.config.js
diff --git a/Code-For-All/vite.config.js → vite.config.js b/Code-For-All/vite.config.js → vite.config.js