From df68c04ff5f4f84aff303d68a8189b0d56565ec6 Mon Sep 17 00:00:00 2001 From: bikiris Date: Thu, 30 May 2024 14:18:18 -0400 Subject: [PATCH 1/2] Refactored path --- Code-For-All/.eslintrc.cjs => .eslintrc.cjs | 0 Code-For-All/.gitignore => .gitignore | 0 Code-For-All/README.md | 63 ------------------ Code-For-All/index.html => index.html | 0 .../package-lock.json => package-lock.json | 0 Code-For-All/package.json => package.json | 0 .../postcss.config.js => postcss.config.js | 0 {Code-For-All/public => public}/vite.svg | 0 {Code-For-All/src => src}/App.css | 0 {Code-For-All/src => src}/App.jsx | 0 .../src => src}/HomeComponents/Board.jsx | 0 .../src => src}/HomeComponents/BoardCard.jsx | 0 .../src => src}/HomeComponents/Header.jsx | 0 .../src => src}/HomeComponents/Hero.jsx | 0 .../HomeComponents/LatestEvent.jsx | 0 .../HomeComponents/LottieAnimation.jsx | 0 .../HomeComponents/ProjectCard.jsx | 0 .../src => src}/HomeComponents/Projects.jsx | 0 .../src => src}/HomeComponents/Social.jsx | 0 .../src => src}/assets/Jonnathan.jpg | Bin .../assets/Meet_a_scientist_event3.jpg | Bin .../src => src}/assets/NightSky.json | 0 .../src => src}/assets/PurpleComputer.json | 0 .../src => src}/assets/PurpleSpace.json | 0 .../src => src}/assets/PurpleSpacev2.json | 0 {Code-For-All/src => src}/assets/Romel.jpg | Bin .../src => src}/assets/SpaceManHovering.json | 0 {Code-For-All/src => src}/assets/amart.jpg | Bin {Code-For-All/src => src}/assets/athor.png | Bin {Code-For-All/src => src}/assets/daniel.jpg | Bin {Code-For-All/src => src}/assets/dennis.jpeg | Bin {Code-For-All/src => src}/assets/discord.png | Bin .../src => src}/assets/eric_img.jpeg | Bin {Code-For-All/src => src}/assets/feng.jpeg | Bin {Code-For-All/src => src}/assets/justin.jpg | Bin {Code-For-All/src => src}/assets/lauren.jpg | Bin {Code-For-All/src => src}/assets/logo.png | Bin {Code-For-All/src => src}/assets/mike.jpeg | Bin {Code-For-All/src => src}/assets/oliver.jpg | Bin {Code-For-All/src => src}/assets/patryk.jpg | Bin .../src => src}/assets/purpleSpinEffect.json | 0 {Code-For-All/src => src}/assets/rakib.jpg | Bin {Code-For-All/src => src}/assets/react.svg | 0 {Code-For-All/src => src}/assets/shaine.jpeg | Bin {Code-For-All/src => src}/assets/sophia.png | Bin {Code-For-All/src => src}/assets/thomas.jpeg | Bin {Code-For-All/src => src}/assets/yonghao.png | Bin {Code-For-All/src => src}/index.css | 0 {Code-For-All/src => src}/main.jsx | 0 .../tailwind.config.js => tailwind.config.js | 0 Code-For-All/vite.config.js => vite.config.js | 0 51 files changed, 63 deletions(-) rename Code-For-All/.eslintrc.cjs => .eslintrc.cjs (100%) rename Code-For-All/.gitignore => .gitignore (100%) delete mode 100644 Code-For-All/README.md rename Code-For-All/index.html => index.html (100%) rename Code-For-All/package-lock.json => package-lock.json (100%) rename Code-For-All/package.json => package.json (100%) rename Code-For-All/postcss.config.js => postcss.config.js (100%) rename {Code-For-All/public => public}/vite.svg (100%) rename {Code-For-All/src => src}/App.css (100%) rename {Code-For-All/src => src}/App.jsx (100%) rename {Code-For-All/src => src}/HomeComponents/Board.jsx (100%) rename {Code-For-All/src => src}/HomeComponents/BoardCard.jsx (100%) rename {Code-For-All/src => src}/HomeComponents/Header.jsx (100%) rename {Code-For-All/src => src}/HomeComponents/Hero.jsx (100%) rename {Code-For-All/src => src}/HomeComponents/LatestEvent.jsx (100%) rename {Code-For-All/src => src}/HomeComponents/LottieAnimation.jsx (100%) rename {Code-For-All/src => src}/HomeComponents/ProjectCard.jsx (100%) rename {Code-For-All/src => src}/HomeComponents/Projects.jsx (100%) rename {Code-For-All/src => src}/HomeComponents/Social.jsx (100%) rename {Code-For-All/src => src}/assets/Jonnathan.jpg (100%) rename {Code-For-All/src => src}/assets/Meet_a_scientist_event3.jpg (100%) rename {Code-For-All/src => src}/assets/NightSky.json (100%) rename {Code-For-All/src => src}/assets/PurpleComputer.json (100%) rename {Code-For-All/src => src}/assets/PurpleSpace.json (100%) rename {Code-For-All/src => src}/assets/PurpleSpacev2.json (100%) rename {Code-For-All/src => src}/assets/Romel.jpg (100%) rename {Code-For-All/src => src}/assets/SpaceManHovering.json (100%) rename {Code-For-All/src => src}/assets/amart.jpg (100%) rename {Code-For-All/src => src}/assets/athor.png (100%) rename {Code-For-All/src => src}/assets/daniel.jpg (100%) rename {Code-For-All/src => src}/assets/dennis.jpeg (100%) rename {Code-For-All/src => src}/assets/discord.png (100%) rename {Code-For-All/src => src}/assets/eric_img.jpeg (100%) rename {Code-For-All/src => src}/assets/feng.jpeg (100%) rename {Code-For-All/src => src}/assets/justin.jpg (100%) rename {Code-For-All/src => src}/assets/lauren.jpg (100%) rename {Code-For-All/src => src}/assets/logo.png (100%) rename {Code-For-All/src => src}/assets/mike.jpeg (100%) rename {Code-For-All/src => src}/assets/oliver.jpg (100%) rename {Code-For-All/src => src}/assets/patryk.jpg (100%) rename {Code-For-All/src => src}/assets/purpleSpinEffect.json (100%) rename {Code-For-All/src => src}/assets/rakib.jpg (100%) rename {Code-For-All/src => src}/assets/react.svg (100%) rename {Code-For-All/src => src}/assets/shaine.jpeg (100%) rename {Code-For-All/src => src}/assets/sophia.png (100%) rename {Code-For-All/src => src}/assets/thomas.jpeg (100%) rename {Code-For-All/src => src}/assets/yonghao.png (100%) rename {Code-For-All/src => src}/index.css (100%) rename {Code-For-All/src => src}/main.jsx (100%) rename Code-For-All/tailwind.config.js => tailwind.config.js (100%) rename Code-For-All/vite.config.js => vite.config.js (100%) diff --git a/Code-For-All/.eslintrc.cjs b/.eslintrc.cjs similarity index 100% rename from Code-For-All/.eslintrc.cjs rename to .eslintrc.cjs diff --git a/Code-For-All/.gitignore b/.gitignore similarity index 100% rename from Code-For-All/.gitignore rename to .gitignore diff --git a/Code-For-All/README.md b/Code-For-All/README.md deleted file mode 100644 index 6ac6304..0000000 --- a/Code-For-All/README.md +++ /dev/null @@ -1,63 +0,0 @@ -# Code-For-All - -React working in Vite with HMR and some ESLint rules. - -## Getting Started - -Follow these steps to set up the project and run it locally. - -### Installation - -1. **Clone the repository:** - - ```sh - git clone - ``` - -2. **Navigate to the project directory:** - - ```sh - cd .\Code-For-All\ - ``` - -3. **Install the dependencies:** - - ```sh - npm install - ``` - -4. **Install additional dependencies:** - - ```sh - npm install lottie-web react-lottie - npm install @fortawesome/react-fontawesome - npm install @fortawesome/free-brands-svg-icons - npm install react-multi-carousel --save - ``` - -### Running the Development Server - -Start the development server with the following command: - -```sh -npm run dev -``` - -## Available Plugins - -Currently, two official plugins are available: - -- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh -- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh - -## Dependencies - -Here is a list of all the dependencies required for this project: - -- `lottie-web` -- `react-lottie` -- `@fortawesome/react-fontawesome` -- `@fortawesome/free-brands-svg-icons` -- `react-multi-carousel` - ---- diff --git a/Code-For-All/index.html b/index.html similarity index 100% rename from Code-For-All/index.html rename to index.html diff --git a/Code-For-All/package-lock.json b/package-lock.json similarity index 100% rename from Code-For-All/package-lock.json rename to package-lock.json diff --git a/Code-For-All/package.json b/package.json similarity index 100% rename from Code-For-All/package.json rename to package.json diff --git a/Code-For-All/postcss.config.js b/postcss.config.js similarity index 100% rename from Code-For-All/postcss.config.js rename to postcss.config.js diff --git a/Code-For-All/public/vite.svg b/public/vite.svg similarity index 100% rename from Code-For-All/public/vite.svg rename to public/vite.svg diff --git a/Code-For-All/src/App.css b/src/App.css similarity index 100% rename from Code-For-All/src/App.css rename to src/App.css diff --git a/Code-For-All/src/App.jsx b/src/App.jsx similarity index 100% rename from Code-For-All/src/App.jsx rename to src/App.jsx diff --git a/Code-For-All/src/HomeComponents/Board.jsx b/src/HomeComponents/Board.jsx similarity index 100% rename from Code-For-All/src/HomeComponents/Board.jsx rename to src/HomeComponents/Board.jsx diff --git a/Code-For-All/src/HomeComponents/BoardCard.jsx b/src/HomeComponents/BoardCard.jsx similarity index 100% rename from Code-For-All/src/HomeComponents/BoardCard.jsx rename to src/HomeComponents/BoardCard.jsx diff --git a/Code-For-All/src/HomeComponents/Header.jsx b/src/HomeComponents/Header.jsx similarity index 100% rename from Code-For-All/src/HomeComponents/Header.jsx rename to src/HomeComponents/Header.jsx diff --git a/Code-For-All/src/HomeComponents/Hero.jsx b/src/HomeComponents/Hero.jsx similarity index 100% rename from Code-For-All/src/HomeComponents/Hero.jsx rename to src/HomeComponents/Hero.jsx diff --git a/Code-For-All/src/HomeComponents/LatestEvent.jsx b/src/HomeComponents/LatestEvent.jsx similarity index 100% rename from Code-For-All/src/HomeComponents/LatestEvent.jsx rename to src/HomeComponents/LatestEvent.jsx diff --git a/Code-For-All/src/HomeComponents/LottieAnimation.jsx b/src/HomeComponents/LottieAnimation.jsx similarity index 100% rename from Code-For-All/src/HomeComponents/LottieAnimation.jsx rename to src/HomeComponents/LottieAnimation.jsx diff --git a/Code-For-All/src/HomeComponents/ProjectCard.jsx b/src/HomeComponents/ProjectCard.jsx similarity index 100% rename from Code-For-All/src/HomeComponents/ProjectCard.jsx rename to src/HomeComponents/ProjectCard.jsx diff --git a/Code-For-All/src/HomeComponents/Projects.jsx b/src/HomeComponents/Projects.jsx similarity index 100% rename from Code-For-All/src/HomeComponents/Projects.jsx rename to src/HomeComponents/Projects.jsx diff --git a/Code-For-All/src/HomeComponents/Social.jsx b/src/HomeComponents/Social.jsx similarity index 100% rename from Code-For-All/src/HomeComponents/Social.jsx rename to src/HomeComponents/Social.jsx diff --git a/Code-For-All/src/assets/Jonnathan.jpg b/src/assets/Jonnathan.jpg similarity index 100% rename from Code-For-All/src/assets/Jonnathan.jpg rename to src/assets/Jonnathan.jpg diff --git a/Code-For-All/src/assets/Meet_a_scientist_event3.jpg b/src/assets/Meet_a_scientist_event3.jpg similarity index 100% rename from Code-For-All/src/assets/Meet_a_scientist_event3.jpg rename to src/assets/Meet_a_scientist_event3.jpg diff --git a/Code-For-All/src/assets/NightSky.json b/src/assets/NightSky.json similarity index 100% rename from Code-For-All/src/assets/NightSky.json rename to src/assets/NightSky.json diff --git a/Code-For-All/src/assets/PurpleComputer.json b/src/assets/PurpleComputer.json similarity index 100% rename from Code-For-All/src/assets/PurpleComputer.json rename to src/assets/PurpleComputer.json diff --git a/Code-For-All/src/assets/PurpleSpace.json b/src/assets/PurpleSpace.json similarity index 100% rename from Code-For-All/src/assets/PurpleSpace.json rename to src/assets/PurpleSpace.json diff --git a/Code-For-All/src/assets/PurpleSpacev2.json b/src/assets/PurpleSpacev2.json similarity index 100% rename from Code-For-All/src/assets/PurpleSpacev2.json rename to src/assets/PurpleSpacev2.json diff --git a/Code-For-All/src/assets/Romel.jpg b/src/assets/Romel.jpg similarity index 100% rename from Code-For-All/src/assets/Romel.jpg rename to src/assets/Romel.jpg diff --git a/Code-For-All/src/assets/SpaceManHovering.json b/src/assets/SpaceManHovering.json similarity index 100% rename from Code-For-All/src/assets/SpaceManHovering.json rename to src/assets/SpaceManHovering.json diff --git a/Code-For-All/src/assets/amart.jpg b/src/assets/amart.jpg similarity index 100% rename from Code-For-All/src/assets/amart.jpg rename to src/assets/amart.jpg diff --git a/Code-For-All/src/assets/athor.png b/src/assets/athor.png similarity index 100% rename from Code-For-All/src/assets/athor.png rename to src/assets/athor.png diff --git a/Code-For-All/src/assets/daniel.jpg b/src/assets/daniel.jpg similarity index 100% rename from Code-For-All/src/assets/daniel.jpg rename to src/assets/daniel.jpg diff --git a/Code-For-All/src/assets/dennis.jpeg b/src/assets/dennis.jpeg similarity index 100% rename from Code-For-All/src/assets/dennis.jpeg rename to src/assets/dennis.jpeg diff --git a/Code-For-All/src/assets/discord.png b/src/assets/discord.png similarity index 100% rename from Code-For-All/src/assets/discord.png rename to src/assets/discord.png diff --git a/Code-For-All/src/assets/eric_img.jpeg b/src/assets/eric_img.jpeg similarity index 100% rename from Code-For-All/src/assets/eric_img.jpeg rename to src/assets/eric_img.jpeg diff --git a/Code-For-All/src/assets/feng.jpeg b/src/assets/feng.jpeg similarity index 100% rename from Code-For-All/src/assets/feng.jpeg rename to src/assets/feng.jpeg diff --git a/Code-For-All/src/assets/justin.jpg b/src/assets/justin.jpg similarity index 100% rename from Code-For-All/src/assets/justin.jpg rename to src/assets/justin.jpg diff --git a/Code-For-All/src/assets/lauren.jpg b/src/assets/lauren.jpg similarity index 100% rename from Code-For-All/src/assets/lauren.jpg rename to src/assets/lauren.jpg diff --git a/Code-For-All/src/assets/logo.png b/src/assets/logo.png similarity index 100% rename from Code-For-All/src/assets/logo.png rename to src/assets/logo.png diff --git a/Code-For-All/src/assets/mike.jpeg b/src/assets/mike.jpeg similarity index 100% rename from Code-For-All/src/assets/mike.jpeg rename to src/assets/mike.jpeg diff --git a/Code-For-All/src/assets/oliver.jpg b/src/assets/oliver.jpg similarity index 100% rename from Code-For-All/src/assets/oliver.jpg rename to src/assets/oliver.jpg diff --git a/Code-For-All/src/assets/patryk.jpg b/src/assets/patryk.jpg similarity index 100% rename from Code-For-All/src/assets/patryk.jpg rename to src/assets/patryk.jpg diff --git a/Code-For-All/src/assets/purpleSpinEffect.json b/src/assets/purpleSpinEffect.json similarity index 100% rename from Code-For-All/src/assets/purpleSpinEffect.json rename to src/assets/purpleSpinEffect.json diff --git a/Code-For-All/src/assets/rakib.jpg b/src/assets/rakib.jpg similarity index 100% rename from Code-For-All/src/assets/rakib.jpg rename to src/assets/rakib.jpg diff --git a/Code-For-All/src/assets/react.svg b/src/assets/react.svg similarity index 100% rename from Code-For-All/src/assets/react.svg rename to src/assets/react.svg diff --git a/Code-For-All/src/assets/shaine.jpeg b/src/assets/shaine.jpeg similarity index 100% rename from Code-For-All/src/assets/shaine.jpeg rename to src/assets/shaine.jpeg diff --git a/Code-For-All/src/assets/sophia.png b/src/assets/sophia.png similarity index 100% rename from Code-For-All/src/assets/sophia.png rename to src/assets/sophia.png diff --git a/Code-For-All/src/assets/thomas.jpeg b/src/assets/thomas.jpeg similarity index 100% rename from Code-For-All/src/assets/thomas.jpeg rename to src/assets/thomas.jpeg diff --git a/Code-For-All/src/assets/yonghao.png b/src/assets/yonghao.png similarity index 100% rename from Code-For-All/src/assets/yonghao.png rename to src/assets/yonghao.png diff --git a/Code-For-All/src/index.css b/src/index.css similarity index 100% rename from Code-For-All/src/index.css rename to src/index.css diff --git a/Code-For-All/src/main.jsx b/src/main.jsx similarity index 100% rename from Code-For-All/src/main.jsx rename to src/main.jsx diff --git a/Code-For-All/tailwind.config.js b/tailwind.config.js similarity index 100% rename from Code-For-All/tailwind.config.js rename to tailwind.config.js diff --git a/Code-For-All/vite.config.js b/vite.config.js similarity index 100% rename from Code-For-All/vite.config.js rename to vite.config.js From cf823715482623db2e1d9e42fc62de31730c3204 Mon Sep 17 00:00:00 2001 From: bikiris Date: Thu, 30 May 2024 17:31:22 -0400 Subject: [PATCH 2/2] Reworked boardcard responsivity --- src/HomeComponents/Board.jsx | 57 +++++++++++++++++++++----------- src/HomeComponents/BoardCard.jsx | 2 +- 2 files changed, 38 insertions(+), 21 deletions(-) diff --git a/src/HomeComponents/Board.jsx b/src/HomeComponents/Board.jsx index ba71ce3..2e6deb7 100644 --- a/src/HomeComponents/Board.jsx +++ b/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(

+