MicrosoftStudentChapter · Lakshay229 · Apr 5, 2025 · Aug 27, 2024 · Aug 27, 2024 · Aug 27, 2024
diff --git a/components/NavbarI/NavbarI.jsx b/components/NavbarI/NavbarI.jsx
@@ -42,9 +42,9 @@ const NavbarI = () => {
             <Link data-tooltip-content="About" className={`my-anchor-element ${location.pathname === "/about" && 'active'}`} to={'/about'}>
                 <AiOutlineInfoCircle size={25} />
             </Link>
-            {/* <Link data-tooltip-content="Community" className={`my-anchor-element ${location.pathname === "/community" && 'active'}`} to={'/community'}>
+            <Link data-tooltip-content="Alumni" className={`my-anchor-element ${location.pathname === "/alumni" && 'active'}`} to={'/alumni'}>
                 <RiCommunityLine size={25} />
-            </Link> */}
+            </Link>
             <a className='show-on-phone dropup' ref={closeRef} href="#">
                 <div id="drop-up-icon">
                     <IoIosArrowDropup onClick={checkClosingDropUp} size={25} />

diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React</title>
+    <title>MLSC TIET</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -40,5 +40,9 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.4.7",
     "vite": "^5.3.1"
+  },
+  "optionalDependencies": {
+    "@rollup/rollup-linux-x64-gnu": "^4.21.1",
+    "@rollup/rollup-linux-x64-musl": "^4.21.1"
   }
 }
diff --git a/public/EB-Photos/Preksha_Jain.png b/public/EB-Photos/Preksha_Jain.png
diff --git a/public/EB-Photos/Tanmay_Mann.png b/public/EB-Photos/Tanmay_Mann.png
diff --git a/src/App.jsx b/src/App.jsx
@@ -2,7 +2,7 @@ import Events from "./Pages/Events";
 import Gallery from "./Pages/Gallery";
 import LandingPage from "./Pages/LandingPage";
 import OurTeam from "./Pages/OurTeam";
-// import Alumni from "./Pages/Alumni";
+import Alumni from "./Pages/Alumni";
 import React from "react";
 import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
 import AboutUs from "./Pages/AboutUs";
@@ -19,7 +19,7 @@ function App() {
         <Route exact path="/" element={<LandingPage />} />
         <Route path="/events" element={<Events />} />
 				<Route path="/gallery" element={<Gallery />} />
-				{/* <Route path="/alumni" element={<Alumni />} /> */}
+				<Route path="/alumni" element={<Alumni />} />
         <Route path="/team" element={<OurTeam />} />
         <Route path="/about" element={<AboutUs />} />
         <Route path="/sponsors" element={<Sponsors/>} />

diff --git a/src/Components/NavbarI/NavbarI.jsx b/src/Components/NavbarI/NavbarI.jsx
@@ -42,9 +42,9 @@ const NavbarI = () => {
             <Link data-tooltip-content="About" className={`my-anchor-element ${location.pathname === "/about" && 'active'}`} to={'/about'}>
                 <AiOutlineInfoCircle size={25} />
             </Link>
-            {/* <Link data-tooltip-content="Alumni" className={`my-anchor-element ${location.pathname === "/alumni" && 'active'}`} to={'/alumni'}>
+            <Link data-tooltip-content="Alumni" className={`my-anchor-element ${location.pathname === "/alumni" && 'active'}`} to={'/alumni'}>
                 <RiCommunityLine size={25} />
-            </Link> */}
+            </Link>
             <a className='show-on-phone dropup' ref={closeRef} href="#">
                 <div id="drop-up-icon">
                     <IoIosArrowDropup onClick={checkClosingDropUp} size={25} />

diff --git a/src/Pages/AboutUs/components/bg.module.css b/src/Pages/AboutUs/components/bg.module.css
@@ -17,7 +17,7 @@
     width:100vw;
     grid-area:1/1;
     z-index:10;
-    background-color:black;
+    background-color:#1e1e1e;
     clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
 
     top:0;

diff --git a/src/Pages/AboutUs/components/projects.jsx b/src/Pages/AboutUs/components/projects.jsx
@@ -21,7 +21,7 @@ const Projects = (props) => {
                 , "An app designed for Makeathon 6, featuring a mentor calling system that connects participants with domain-specific mentors, ensuring expert guidance and streamlined support during the 24-hour hackathon."
                 , "The Recruitment Quiz Portal is a specialized platform used during the MLSC recruitment process. It administers quizzes to assess candidates' knowledge and skills, streamlining the evaluation and selection process."
             ];
-    const links = ["https://github.com/MicrosoftStudentChapter/Linky.git", "https://github.com/MicrosoftStudentChapter/IRC-Server.git", "https://github.com/MicrosoftStudentChapter/MLSC-ChatBot.git", "https://github.com/MicrosoftStudentChapter/makeathon6-app.git", ""];
+    const links = ["https://generate.mlsctiet.com/", "https://github.com/MicrosoftStudentChapter/IRC-Server.git", "https://github.com/MicrosoftStudentChapter/MLSC-ChatBot.git", "https://github.com/MicrosoftStudentChapter/makeathon6-app.git", ""];
 
     const [activeIndex, setActiveIndex] = useState(0);
     const [hoveredIndex, setHoveredIndex] = useState(0);
@@ -123,7 +123,7 @@ const Projects = (props) => {
                                                     handleClick(index);
                                                     onMouseEnter(index);
                                                 }}
-                                                className={clickedIndex === index ? style.whiteText : ""}
+                                                className={clickedIndex === index ? style.whiteText : style.grayText}
                                             >
                                                 {title[index]}
                                             </p>
@@ -143,16 +143,23 @@ const Projects = (props) => {
                                         onClick={() => handleAccordionClick(index)}
                                         style={{ height: activeIndex === index ? contentHeight + 40 : 40 }}
                                     >
-                                        <p ref={el => (paraRef.current[index] = el)}>
+                                        <p ref={el => (paraRef.current[index] = el)}
+                                             className={clickedIndex === index ? style.whiteText : style.grayText}
+                                            >
                                             {title[index]}
                                         </p>
                                         <div
                                             ref={el => (contentRef.current[index] = el)}
                                             className={style.accordionContent}
                                         >
                                             <div className={style.accordianDiv}>
-                                                <div className={style.projectimage}>
-                                                    <img src={Images[index]} alt="error" className={style.accordianimg} />
+                                                <div className={style.linksection}>
+                                                    <div className={style.projectimage}>
+                                                        <img src={Images[index]} alt="error" className={style.accordianimg} />
+                                                    </div>
+                                                    <a href={links[index]} target="_blank" rel="noopener noreferrer">
+                                                        <button className={style.redirectButton}>Link</button>
+                                                    </a>
                                                 </div>
                                                 <span> {description[index]}</span>
                                             </div>

diff --git a/src/Pages/AboutUs/components/projects.module.css b/src/Pages/AboutUs/components/projects.module.css
@@ -9,7 +9,7 @@
     width:100vw;
     position:absolute;
     z-index:10;
-    background-color:black;
+    background-color:#1e1e1e;
     clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
 
     top:0;
@@ -47,20 +47,24 @@
     margin-left: 75px;
     cursor: pointer;
 }
+.grayText{
+    color: gray;
+}
 .projectHeading p{
     font-size: 2.5rem;
     margin-top: 31px;
     margin-left: 32px;
+    /* color: gray; */
 
 }
 .projectHeading p:active{
     color: white;
 }
 .projectHeading p:hover{
-
     color: white;
 }
 .whiteText{
+    /* color: red; */
     color: white;
 }
 .projecth{
@@ -197,4 +201,18 @@
         justify-content: center;
         align-items: center;
     }
+    .redirectButton{
+        /* margin-left: 40px; */
+        padding: 5px;
+        background-color: #0078D4;
+        color: white;
+        border: none;
+        border-radius: 5px;
+    }
+    .linksection{
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+    }
 }
diff --git a/src/Pages/AboutUs/index.module.css b/src/Pages/AboutUs/index.module.css
@@ -9,7 +9,7 @@ html,
 body{
   height: 100%;
   width: 100%;
-  background-color: black;
+  background-color: #1E1E1E;
 }
 
 .wrapper{

diff --git a/src/Pages/Alumni/Assets/2.png b/src/Pages/Alumni/Assets/2.png
diff --git a/src/Pages/Alumni/Components/ScrollCenter.jsx b/src/Pages/Alumni/Components/ScrollCenter.jsx
@@ -3,7 +3,7 @@ import styles from "../Style/scroll.module.css";
 import ProfileCards from './ProfileCards';
 import YearSelector from './YearSelector';
 import AlumniSvg from "../Assets/alumni_vector.svg";
-import MeetVector from "../Assets/meet_vector.svg";
+import MeetVector from "../Assets/2.png";
 
 const imageData = [
   {

diff --git a/src/Pages/Alumni/Style/card.module.css b/src/Pages/Alumni/Style/card.module.css
@@ -23,9 +23,9 @@
 
 .box {
   position: relative;
-  width: 30rem;
-  height: 40rem;
-  margin: 4rem;
+  width: 20rem;
+  height: 27rem;
+  margin: 3rem;
   /* font-size: 62.5%; */
 
 }
@@ -49,8 +49,8 @@
 }
 
 .imgBox img {
-  width: 30rem;
-  height: 40rem;
+  width: 20rem;
+  height: 27rem;
   object-fit: cover;
   resize: both;
 }
@@ -61,7 +61,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  padding: 1.5rem;
+  padding: 1rem;
   display: flex;
   justify-content: center;
   background-color: #fff;
@@ -75,7 +75,7 @@
 
 .content h2 {
   display: block;
-  font-size: 2rem;
+  font-size: 1.3rem;
   color: #111;
   font-weight: 1000;
   line-height: 2rem;
@@ -84,7 +84,7 @@
 
 .content span {
   color: #555;
-  font-size: 1.4rem;
+  font-size: 0.9rem;
   font-weight: 300;
   letter-spacing: 2px;
 }
@@ -112,14 +112,14 @@
 @media (max-width: 1500px) {
   .content span {
     color: #555;
-    font-size: 1rem;
+    font-size: 0.6rem;
     font-weight: 300;
     letter-spacing: 2px;
   }
 
   .content h2 {
     display: block;
-    font-size: 1.5rem;
+    font-size: 1rem;
     color: #111;
     font-weight: 1000;
     line-height: 2rem;
@@ -139,9 +139,9 @@
 
   .box {
     position: relative;
-    width: 25rem;
-    height: 35rem;
-    margin: 4rem;
+    width: 17rem;
+    height: 23rem;
+    margin: 3rem;
   }
 
   .box:hover .imgBox {
@@ -163,8 +163,8 @@
   }
 
   .imgBox img {
-    width: 25rem;
-    height: 35rem;
+    width: 17rem;
+    height: 23rem;
     object-fit: cover;
     resize: both;
   }
@@ -192,7 +192,7 @@
 @media (max-width: 1200px) {
   .content span {
     color: #555;
-    font-size: 1rem;
+    font-size: 0.6rem;
     font-weight: 200;
     letter-spacing: 2px;
   }
@@ -203,15 +203,15 @@
 
   .content span {
     color: #555;
-    font-size: 1rem;
+    font-size: 0.6rem;
     font-weight: 200;
     letter-spacing: 2px;
   }
 
 
   .content h2 {
     display: block;
-    font-size: 1.2rem;
+    font-size: 0.8rem;
     color: #111;
     font-weight: 1000;
     line-height: 2rem;
@@ -242,9 +242,9 @@
 
   .box {
     position: relative;
-    width: 25rem;
-    height: 35rem;
-    margin: 4rem;
+    width: 17rem;
+    height: 23rem;
+    margin: 3rem;
   }
 
   .box:hover .imgBox {
@@ -266,8 +266,8 @@
   }
 
   .imgBox img {
-    width: 25rem;
-    height: 35rem;
+    width: 17rem;
+    height: 23rem;
     object-fit: cover;
     resize: both;
   }
@@ -276,8 +276,8 @@
     position: absolute;
     top: 0;
     left: 0;
-    width: 25rem;
-    height: 35rem;
+    width: 17rem;
+    height: 23rem;
     padding: 1.5rem;
     display: flex;
     justify-content: center;
@@ -294,14 +294,14 @@
 @media (max-width: 400px) {
   .content span {
     color: #555;
-    font-size: 0.7rem;
+    font-size: 0.45rem;
     font-weight: 200;
     letter-spacing: 2px;
   }
 
   .content h2 {
     display: block;
-    font-size: 1rem;
+    font-size: 0.6rem;
     color: #111;
     font-weight: 1000;
     line-height: 2rem;
@@ -332,9 +332,9 @@
 
   .box {
     position: relative;
-    width: 20rem;
-    height: 30rem;
-    margin: 4rem;
+    width: 13rem;
+    height: 20rem;
+    margin: 3rem;
   }
 
   .box:hover .imgBox {
@@ -356,8 +356,8 @@
   }
 
   .imgBox img {
-    width: 20rem;
-    height: 30rem;
+    width: 13rem;
+    height: 20rem;
     object-fit: cover;
     resize: both;
   }
@@ -366,8 +366,8 @@
     position: absolute;
     top: 0;
     left: 0;
-    width: 20rem;
-    height: 30rem;
+    width: 13rem;
+    height: 20rem;
     padding: 1.5rem;
     display: flex;
     justify-content: center;