Merge pull request #1611 from gtech-mulearn/old-dev

Old dev

src/App.js

@@ -53,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);
@@ -124,6 +125,7 @@ function App() {
  <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,
+ },
  ],
  },
 

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/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 />
+ </>
+ );
+}