Old dev server

src/App.js

@@ -14,6 +14,7 @@ import Career from "./Pages/Career/Career";
 import LeaderBoard from "./Pages/LeaderBoard/leaderBoard";
 import WikiSyllabus from "./Pages/WikiSyllabus/WikiSyllabus";
 import HacktoberFest from "./Pages/Events/HacktoberFest/HacktoberFest";
+import Wadhwani from "./Pages/Wadhwani/Wadhwani";
 // import Yip from "./Pages/YIP/Yip";
 import CampusChapters from "./Pages/CampusChapters/CampusChapters";
 import BlogLanding from "./Pages/CampusChapters/Blogs/BlogLanding";
@@ -52,6 +53,7 @@ import Submission from "./Pages/CapTF/Submission";
 import Pathway from "./Pages/Pathway/Pathway";
 import EnablersPage from "./Pages/EnablersPage/EnablersPage";
 import In50Hours from "./Pages/In50Hours/In50Hours";
+import Manifesto from "./Pages/Manifesto/Manifesto";
 function App() {
  const [redirects, setRedirects] = useState([]);
  const [isLoaded, setIsLoaded] = useState(false);
@@ -122,6 +124,8 @@ function App() {
  <Route path="events/learningfest" element={<KKEMLearningFest />} />
  <Route path="/keralatechfest" element={<KKEMLearningFest />} />
  <Route path="/maveliportfolio" element={<MaveliPortfolio />} />
+ <Route path="/wadhwani" element={<Wadhwani />} />
+ <Route path="/manifesto" element={<Manifesto />} />
 
  <Route path="/team">
  <Route path="" element={<Teams />} />

src/Components/Footer/Footer.jsx

@@ -93,7 +93,7 @@ const Footer = () => {
  </a>
 
  <a
- href="https://www.youtube-nocookie.com/c/mulearn"
+ href="https://www.youtube.com/c/mulearn"
  target="_blank"
  rel="noopener noreferrer"
  >

src/Components/Navbar/Mylinks.jsx

@@ -23,6 +23,13 @@ export const links = [
  link: "/enablers",
  foreign: false,
  },
+ {
+ name: "Manifesto",
+ submenu: false,
+ sublinks: [],
+ link: "/manifesto",
+ foreign: false,
+ },
  ],
  },
 
@@ -122,7 +129,7 @@ export const links = [
  name: "Magazine",
  submenu: false,
  sublinks: [],
- link: "https://online.fliphtml5.com/blxtf/bicl/#p=1",
+ link: "https://online.fliphtml5.com/slydm/hrgi/",
  foreign: true,
  },
  {
@@ -138,10 +145,8 @@ export const links = [
  sublinks: [],
  link: "https://online.fliphtml5.com/slydm/yljq/#p=1",
  foreign: false,
- }
+ },
  ],
-
-
  },
  ],
  },
@@ -191,7 +196,7 @@ export const links = [
  foreign: true,
  },
  {
- name: "IEEE Launchpad",
+ name: "Launchpad",
  submenu: false,
  sublinks: [],
  link: "/launchpad",
@@ -203,8 +208,7 @@ export const links = [
  sublinks: [],
  link: "/in50hours",
  foreign: false,
- }
-
+ },
  ],
  },
  {
@@ -575,7 +579,7 @@ export const links = [
  submenu: false,
  sublinks: [],
  foreign: true,
- }
+ },
  ],
  },
  {
@@ -589,7 +593,7 @@ export const links = [
  submenu: false,
  sublinks: [],
  foreign: false,
- }
+ },
  ],
  },
  ],

src/Pages/ArtOfTeaching/ArtOfTeaching.jsx

@@ -8,7 +8,7 @@ import "./ArtOfTeaching.scss";
 import Faq from "react-faq-component";
 
 import fvimg from "./assets/fvimg.gif";
-import Guidlines from "./assets/Guidlines.pdf";
+import Guidlines from "./assets/Guidlines1.pdf";
 
 import MentorCard from "../../Components/MentorCard/MentorCard";
 
@@ -73,7 +73,9 @@ const ArtOfTeaching = () => {
 
  };
 
+
 
+
  const data = {
  title: "Frequently Asked Questions",
  rows: [
@@ -202,43 +204,15 @@ const ArtOfTeaching = () => {
 
  <div className={styles.cards_container_desktop}>
  <Swiper
- // pagination={true}
- // navigation={true}
- // modules={[Pagination, Navigation]}
+
  className="aswiper"
  >
  <SwiperSlide>
 
- {/* <div className={styles.topic_card_android}>
- <div className={styles.topic_card}>
- <p className={styles.card_heading}>
- <span>Android Development with Kotlin</span> by Google.
- </p>
- <p className={styles.card_description}>
- If you choose Android Development as the content you
- would have to learn the Android Development with Kotlin
- and have to create a 3 minute video summary of the
- course.
- </p>
- <a
- href="https://developer.android.com/courses/android-basics-compose/course"
- target="_blank"
- rel="noopener noreferrer"
- >
- <button
- style={{ fontSize: "1rem" }}
- className={styles.detailsbtn}
- type="submit"
- >
- View Course
- </button>
- </a>
- </div>
- </div>*/}
 
  <div className={styles.topic_card_android}>
  <p className={styles.card_heading}>
- <span> Guidlines</span>
+ <span>Guidelines</span>
  </p>
  <div style={timelineStyle}>
  <div>
@@ -247,7 +221,7 @@ const ArtOfTeaching = () => {
  <div className=" pl-4" style={timelineItemStyle}>
  <div className=" pl-4" style={circleStyle}></div>
  <div className=" ml-4" style={lineStyle}></div>
- <div style={contentStyle} ><p style={{fontSize:'17px'}}>Task 1 - Self introduction with welcome ticket.</p></div>
+ <div style={contentStyle} ><p style={{fontSize:'17px'}}>Task 1 - Self introduction.</p></div>
  </div>
  <div className=" pl-4" style={timelineItemStyle}>
  <div className=" pl-4" style={circleStyle}></div>
@@ -260,7 +234,7 @@ const ArtOfTeaching = () => {
  <div className=" pl-4"style={timelineItemStyle}>
  <div className=" pl-4"style={circleStyle}></div>
  <div className="ml-4" style={lineStyle}></div>
- <div style={contentStyle}><p style={{fontSize:'17px'}}>Task 1 - Detailed document submission of the designed course curriculam.</p></div>
+ <div style={contentStyle}><p style={{fontSize:'17px'}}>Task 1 - Detailed document submission of the designed course curriculum.</p></div>
 
  </div>
  <div className="mt-2">
@@ -273,11 +247,12 @@ const ArtOfTeaching = () => {
  </div>
  </div>
  </SwiperSlide>
-
 
  </Swiper>
  </div>
 
+
+
  <div className={styles.cards_container_mobile} style={{marginTop:'45px',marginBottom:'30px'}}>
  <div className={styles.topic_card_android} style={{marginTop:'45px',marginBottom:'30px'}}>
  <p className={styles.card_heading}>
@@ -318,12 +293,44 @@ const ArtOfTeaching = () => {
  </div>
  </div>
  </div>
-
+ <div className={`w-full max-w-md lg:max-w-2xl`}>
+ <iframe
+ className={styles.yt_video}
+ src="https://www.youtube.com/embed/r5izRx-4j68?si=L9gHSznyZTeCI3b3" 
+ title="YouTube video player"
+ frameborder="0"
+ allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+ allowfullscreen
+ loading="lazy"
+ ></iframe>
+ </div>
 
  </div>
  </div>
  </div>
 
+
+ <div className="hidden lg:flex items-center justify-center lg:h-[500px] lg:mb-4">
+ <div className="w-full max-w-md lg:max-w-3xl xl:max-w-4xl 2xl:max-w-5xl">
+ <iframe
+
+ className="flex items-center justify-center mx-auto lg:w-[750px] h-56 lg:h-70 xl:h-96 rounded-lg"
+ src="https://www.youtube.com/embed/r5izRx-4j68?si=L9gHSznyZTeCI3b3"
+ title="YouTube video player"
+ frameborder="0"
+
+ allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+ allowFullScreen
+ loading="lazy"
+ ></iframe>
+ </div>
+</div>
+
+
+
+
+
+
  <div className={styles.fourth_view_container}>
  <div className={styles.fourth_view}>
  <div className={styles.left_side}>

src/Pages/Launchpad/Launchpad.jsx

@@ -1,13 +1,13 @@
 import React from "react";
 import Navbar from "../../Components/Navbar/Navbar";
 import Footer from "../../Components/Footer/Footer";
-import styles from "./Launchpad.module.css";
+// import styles from "./Launchpad.module.css";
 import "./steps.css";
 const Launchpad = () => {
  return (
  <>
  <Navbar />
- <div className={styles.main_container}>
+ {/*<div className={styles.main_container}>
  <div className={styles.first_view_container}>
  <div className={styles.first_view}>
  <div className={styles.fv_texts}>
@@ -18,8 +18,7 @@ const Launchpad = () => {
  The IEEE LAUNCHPAD Job Fair is an opportunity to secure your
  spotlight and connect with potential employers through karma
  points!{" "}
- {/* <br />
- <br /> */}
+
  This event is designed to facilitate meaningful interactions
  between talented individuals like yourself and companies seeking
  top-tier talent.
@@ -48,15 +47,7 @@ const Launchpad = () => {
  <div className="ktimeline__event__content">
  <div className="ktimeline__event__title">Step One</div>
  <div className="ktimeline__event__description">
- {/* Register{" "}
- <a
- href="https://forms.gle/C5e6XHhVGkV3axQS8"
- target="_blank"
- rel="noopener noreferrer"
- >
- here
- </a>
- {" "}and */}
+
  Get ready for the adventure! Once you receive your
  confirmation email, we're set to chart a course to your
  future!
@@ -179,7 +170,17 @@ const Launchpad = () => {
  </div>
  </div>
  </div>
- </div>
+ </div>*/}
+
+ <iframe
+ title="launchpad leaderboard"
+ style={{
+ height: "100vh",
+ width: "100%",
+ }}
+ src="https://mu-3.vercel.app/launchpad"
+ frameborder="0"
+ ></iframe>
  <Footer />
  </>
  );

src/Pages/Manifesto/Manifesto.jsx

@@ -0,0 +1,61 @@
+import React from "react";
+import Navbar from "../../Components/Navbar/Navbar";
+import Footer from "../../Components/Footer/Footer";
+import styles from "./Manifesto.module.css";
+import muLogoBg from "./assets/µ.png";
+import muLogo from "./assets/µLearn-logo.svg";
+import handImg from "./assets/hand.png";
+export default function Manifesto() {
+ return (
+ <>
+ <Navbar />
+ <div className={styles.main}>
+ <div className={styles.head}>
+ <img src={muLogoBg} alt="" className={styles.muLogoBg} />
+ <div className={styles.textContainer}>
+ <div className={styles.logoContainer}>
+ <img src={muLogo} alt="" />
+ <div className={styles.ourManifestoText}>Our Manifesto</div>
+ </div>
+ <h1>We,The Unbound, The Unbowed</h1>
+ </div>
+ <div className={styles.imgContainer}>
+ <img src={handImg} alt="" />
+ </div>
+ </div>
+ <div className={styles.firstPara}>
+ <p>
+ <span>We, the Unbound, the Unbowed</span>, a tribe of relentless
+ learners, rise from the ashes of a broken education system.{" "}
+ <span>
+ We are the mavericks who dared to question the status quo
+ </span>
+ , the misfits who refused to be cogs in the machine of rote
+ memorization. For far too long, we've navigated the labyrinthine
+ corridors of standardized curriculums,{" "}
+ <span>our creativity stifled</span> by the stale{" "}
+ <span>air of conformity. Not anymore!</span>
+ </p>
+ </div>
+ <div className={styles.secondPara}>
+ <p>
+ <span> µLearn is our revolution.</span> Here, curiosity{" "}
+ <span>reigns</span>, and collaboration is our weapon. We{" "}
+ <span>transform</span> failures into stepping stones, and together
+ we <span>redefine</span> learning.
+ </p>
+ </div>
+ <div className={styles.joinRevolution}>
+ <h2>
+ Welcome to the <span>µLearn.</span>Welcome to the{" "}
+ <span>Revolution.</span>
+ </h2>{" "}
+ <a href="https://app.mulearn.org" target="_blank" rel="noreferrer">
+ <button>Join µLearn</button>
+ </a>
+ </div>
+ </div>
+ <Footer />
+ </>
+ );
+}