From 3f864f48e76c8c6e9ec0fb15e2ad0cd215e25ccb Mon Sep 17 00:00:00 2001 From: Mitiksha Paliwal Date: Wed, 18 Dec 2024 02:11:27 +0530 Subject: [PATCH 1/5] feat:add respponsiveness of about us page --- index.html | 2 +- src/pages/About/index.jsx | 182 +++++++++++++++------------------- src/pages/Gallery/Gallery.jsx | 5 +- 3 files changed, 85 insertions(+), 104 deletions(-) diff --git a/index.html b/index.html index 203b586..f7a252d 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ -
+
diff --git a/src/pages/About/index.jsx b/src/pages/About/index.jsx index 996d7c4..dab9328 100644 --- a/src/pages/About/index.jsx +++ b/src/pages/About/index.jsx @@ -1,129 +1,111 @@ +// import React from "react"; import Heading from "@/components/Heading/index"; import Stock1 from "@/assets/images/About/stockimage1.svg"; import Stock3 from "@/assets/images/About/stockimage3.svg"; -import Stock4 from "@/assets/images/About/stockimage4.svg"; import Oval from "@/assets/images/About/oval.svg"; import PageTransition from "../../components/PageTransition"; function About() { return ( -
- -
-
-

- Praesent vestibulum libero non diam consequat euismod. Maecenas - purus sapien, mollis ut dapibus et, varius in ipsum. Morbi mollis - varius tincidunt. Lorem ipsum dolor sit amet, consectetur - adipiscing elit. +

+ {/* About Us Section */} +
+ +
+

+ Codex is the coding club at Symbiosis Institute of Technology that + brings together students passionate about technology and + programming. Our club is committed to creating an engaging + environment where members can learn, collaborate, and grow their + coding expertise through a variety of activities and events

- Stock1 +
+ About Us 1 + About Us 2 +
-
- -
-
-

- Praesent vestibulum libero non diam consequat euismod. Maecenas - purus sapien, mollis ut dapibus et, varius in ipsum. Morbi mollis - varius tincidunt. Lorem ipsum dolor sit amet, consectetur - adipiscing elit. + + + {/* Our Vision Section */} +

+ +
+

+ To be a leading coding club that inspires students, driving + excellence in programming and technology at Symbiosis Institute of + Technology and beyond.

-
- {} -
-
-
-
-
- {} -
- -
-

- Praesent vestibulum libero non diam consequat euismod. Maecenas - purus sapien, mollis ut dapibus et, varius in ipsum. Morbi mollis - varius tincidunt. Lorem ipsum dolor sit amet, consectetur adipiscing - elit. -

-
-
- Oval -
-
-
-
+ + + {/* Our Mission Section */} +
+ +
+

+ To empower students (from beginner coders to advanced) with coding + skills and knowledge through hands-on learning experiences, + webinars and workshops fostering a community of innovative + thinkers and problem-solvers. +

+
+ Oval +
+ + {/* What We Do Section */} +
-
- {} -
-
-
-
-

- Praesent vestibulum libero non diam consequat euismod. Maecenas - purus sapien, mollis ut dapibus et, varius in ipsum. Morbi mollis - varius tincidunt. Lorem ipsum dolor sit amet, consectetur - adipiscing elit. +

+

+ We organize coding workshops, competitions, collaborative projects + and webinars to help students enhance their programming abilities. + We also host guest lectures and webinars with industry experts to + provide valuable insights and career guidance. Through our + activities, we aim to build a supportive coding community.

-
- {} -
-
+
Stock1 -
- {} -
Stock3
-
-
-
-
- Stock4 -
-

- OUR VISION -

-

- Praesent vestibulum libero non diam consequat euismod. Maecenas - purus sapien, mollis ut dapibus et, varius in ipsum. Morbi mollis - varius tincidunt. Lorem ipsum dolor sit amet, consectetur - adipiscing elit. -

-
-
+
); diff --git a/src/pages/Gallery/Gallery.jsx b/src/pages/Gallery/Gallery.jsx index 3966df2..44c2bb9 100644 --- a/src/pages/Gallery/Gallery.jsx +++ b/src/pages/Gallery/Gallery.jsx @@ -105,7 +105,6 @@ const images = [ }, ]; - export default function Gallery() { const [modalOpen, setModalOpen] = useState(false); const [selectedImageIndex, setSelectedImageIndex] = useState(null); @@ -124,14 +123,14 @@ export default function Gallery() { // Function to navigate to the previous image const goToPrevious = () => { setSelectedImageIndex((prevIndex) => - prevIndex === 0 ? images.length - 1 : prevIndex - 1 + prevIndex === 0 ? images.length - 1 : prevIndex - 1, ); }; // Function to navigate to the next image const goToNext = () => { setSelectedImageIndex((prevIndex) => - prevIndex === images.length - 1 ? 0 : prevIndex + 1 + prevIndex === images.length - 1 ? 0 : prevIndex + 1, ); }; From 1d360e65555e4160b8e9ac9b199d76d0e0d48378 Mon Sep 17 00:00:00 2001 From: Mitiksha Paliwal Date: Fri, 20 Dec 2024 16:41:29 +0530 Subject: [PATCH 2/5] feat: add original images --- src/components/Footer/index.jsx | 59 +++++++++++++++++++++++++++++++++ src/pages/About/index.jsx | 10 +++--- 2 files changed, 63 insertions(+), 6 deletions(-) create mode 100644 src/components/Footer/index.jsx diff --git a/src/components/Footer/index.jsx b/src/components/Footer/index.jsx new file mode 100644 index 0000000..f81d6c7 --- /dev/null +++ b/src/components/Footer/index.jsx @@ -0,0 +1,59 @@ +import { useState, useContext } from "react"; +import { Link, useLocation } from "react-router-dom"; +import PropTypes from "prop-types"; +import SymbiosisLogo from "@/assets/images/symbiosis-logo.png"; +import CodexLogo from "@/assets/images/codex-logo.png"; +import { CursorVariantContext } from "@/context/CursorVariantProvider"; +import Heading from "@/components/Heading/index"; + +function Footer() { + const [isOpen, setIsOpen] = useState(false); + const location = useLocation(); + + const { setCursorVariantNone, setCursorVariantDefault } = + useContext(CursorVariantContext); + + const handleLinkClick = () => { + setIsOpen(false); + }; + + return ( +
+
+
+

CONNECT WITH US

+ +
+
+
+ Symbiosis Institute of Technology +

MADE WITH LOVE BY

+ Team Codex +
+

+ © 2024 CODEX | ALL RIGHTS RESERVED +

+
+
+
+ ); +} + +export default Footer; diff --git a/src/pages/About/index.jsx b/src/pages/About/index.jsx index dab9328..5673e11 100644 --- a/src/pages/About/index.jsx +++ b/src/pages/About/index.jsx @@ -1,7 +1,5 @@ // import React from "react"; import Heading from "@/components/Heading/index"; -import Stock1 from "@/assets/images/About/stockimage1.svg"; -import Stock3 from "@/assets/images/About/stockimage3.svg"; import Oval from "@/assets/images/About/oval.svg"; import PageTransition from "../../components/PageTransition"; @@ -26,12 +24,12 @@ function About() {

About Us 1 About Us 2 @@ -94,12 +92,12 @@ function About() {

What We Do 1 What We Do 2 From 6c47fe1a3d5f782c7f47a1e95de987c808a6f1d5 Mon Sep 17 00:00:00 2001 From: Mitiksha Paliwal Date: Fri, 20 Dec 2024 16:41:29 +0530 Subject: [PATCH 3/5] feat: add original images --- index.html | 2 +- src/pages/About/index.jsx | 12 +++++------- 2 files changed, 6 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index f7a252d..203b586 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ -
+
diff --git a/src/pages/About/index.jsx b/src/pages/About/index.jsx index dab9328..21613a4 100644 --- a/src/pages/About/index.jsx +++ b/src/pages/About/index.jsx @@ -1,7 +1,5 @@ // import React from "react"; import Heading from "@/components/Heading/index"; -import Stock1 from "@/assets/images/About/stockimage1.svg"; -import Stock3 from "@/assets/images/About/stockimage3.svg"; import Oval from "@/assets/images/About/oval.svg"; import PageTransition from "../../components/PageTransition"; @@ -10,7 +8,7 @@ function About() {
{/* About Us Section */} -
+
About Us 1 About Us 2 @@ -94,12 +92,12 @@ function About() {

What We Do 1 What We Do 2 From c00cf20baa7f094648d1f7847681e9a8c1490281 Mon Sep 17 00:00:00 2001 From: Mitiksha Paliwal Date: Sat, 21 Dec 2024 21:57:09 +0530 Subject: [PATCH 4/5] Revert "feat: add original images" This reverts commit 6c47fe1a3d5f782c7f47a1e95de987c808a6f1d5. --- index.html | 2 +- src/pages/About/index.jsx | 12 +++++++----- 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 203b586..f7a252d 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ -
+
diff --git a/src/pages/About/index.jsx b/src/pages/About/index.jsx index 21613a4..dab9328 100644 --- a/src/pages/About/index.jsx +++ b/src/pages/About/index.jsx @@ -1,5 +1,7 @@ // import React from "react"; import Heading from "@/components/Heading/index"; +import Stock1 from "@/assets/images/About/stockimage1.svg"; +import Stock3 from "@/assets/images/About/stockimage3.svg"; import Oval from "@/assets/images/About/oval.svg"; import PageTransition from "../../components/PageTransition"; @@ -8,7 +10,7 @@ function About() {
{/* About Us Section */} -
+
About Us 1 About Us 2 @@ -92,12 +94,12 @@ function About() {

What We Do 1 What We Do 2 From 29b7ec2850b79ffa1e9054c42b5ac62e20099cc4 Mon Sep 17 00:00:00 2001 From: Mitiksha Paliwal Date: Sat, 21 Dec 2024 22:08:28 +0530 Subject: [PATCH 5/5] Reapply "feat: add original images" This reverts commit c00cf20baa7f094648d1f7847681e9a8c1490281. --- index.html | 2 +- src/pages/About/index.jsx | 12 +++++------- 2 files changed, 6 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index f7a252d..203b586 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ -
+
diff --git a/src/pages/About/index.jsx b/src/pages/About/index.jsx index dab9328..21613a4 100644 --- a/src/pages/About/index.jsx +++ b/src/pages/About/index.jsx @@ -1,7 +1,5 @@ // import React from "react"; import Heading from "@/components/Heading/index"; -import Stock1 from "@/assets/images/About/stockimage1.svg"; -import Stock3 from "@/assets/images/About/stockimage3.svg"; import Oval from "@/assets/images/About/oval.svg"; import PageTransition from "../../components/PageTransition"; @@ -10,7 +8,7 @@ function About() {
{/* About Us Section */} -
+
About Us 1 About Us 2 @@ -94,12 +92,12 @@ function About() {

What We Do 1 What We Do 2