fix(styles):pathway-enablers

gtech-mulearn · Oct 21, 2023 · ce8f7c1 · ce8f7c1
1 parent 3da0959
commit ce8f7c1
Show file tree

Hide file tree

Showing 7 changed files with 37 additions and 14 deletions.
diff --git a/src/Pages/EnablersPage/components/Footer/Footer.jsx b/src/Pages/EnablersPage/components/Footer/Footer.jsx
@@ -2,10 +2,14 @@ import React from 'react'
 import styles from './Footer.module.css'
 
 export default function Footer() {
+  const handleEmailClick = () => {
+    window.location.href = "mailto:[email protected]";
+  };
+
   return (
     <div className={styles.footer}>
        <div>
-        <p>Contact Us for your queries: enablers@mulearn.in</p>
+        <p onClick={handleEmailClick}>Contact Us for your queries: info@mulearn.in</p>
        </div>
        <p>Copyright © 2023. All Rights Reserved. µLearn Foundation</p>
     </div>

diff --git a/src/Pages/EnablersPage/components/Footer/Footer.module.css b/src/Pages/EnablersPage/components/Footer/Footer.module.css
@@ -13,6 +13,7 @@
     height: 88px;
     background: #FF7D40;
     display: grid;
+
     place-content: center;
     position: relative;
     top: -40px;
@@ -21,7 +22,7 @@
 .footer div p{
     color: #FFF;
     font-family: Raleway;
-    font-size: 22.392px;
+    font-size: 1rem;
     font-style: normal;
     font-weight: 500;
 }

diff --git a/src/Pages/EnablersPage/components/HeroSection/EnablersHero.module.css b/src/Pages/EnablersPage/components/HeroSection/EnablersHero.module.css
@@ -65,8 +65,25 @@
 }
 
 @media (width<800px) {
+  .enablersHero {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+  }
+
+  .enablersHero div {
+    margin-left: 0rem;
+  }
+
+  .enablersHero img {
+    width: 50%;
+    /* aspect-ratio: 16/9; */
+  }
+
   .enablersHero div p {
-    font-size: 20px;
+    font-size: 40px;
     padding-top: 2rem;
     line-height: 50px;
   }
@@ -79,13 +96,19 @@
 }
 
 @media (width<540px) {
-  .enablersHero div {
+  /* .enablersHero div {
     margin-left: 2rem;
   }
   .enablersHero div p {
     font-size: 18px;
     line-height: 30px;
+  } */
+
+  .enablersHero img {
+    width: 75%;
+    /* aspect-ratio: 16/9; */
   }
+
   .enablersHero div p span {
     background-position: 0 20px;
   }

diff --git a/src/Pages/EnablersPage/components/Navbar/Navbar.module.css b/src/Pages/EnablersPage/components/Navbar/Navbar.module.css
@@ -73,11 +73,6 @@
     .menuBar .menu a{
         font-size: 8px;
     }
-
-    .menuBar button{
-        padding: 8px 20px;
-        font-size: 8px;
-    }
 }
 
 @media (width<600px){

diff --git a/src/Pages/EnablersPage/components/Onboarding/Onboarding.jsx b/src/Pages/EnablersPage/components/Onboarding/Onboarding.jsx
@@ -8,17 +8,17 @@ export default function Onboarding() {
     <div id="Onboarding" className={styles.onboarding}>
        <h1><span className={styles.onboardingHeading}>Onboarding </span>Process</h1>
         <div className={styles.onboardingList}>
-            <h1><span>1</span><img src={Mu} alt="" />Create µLearn Profile</h1>
-            <p>Enablers should create a profile via app.mulearn.org, and they should ensure to register as a faculty member by choosing the option “I’m teaching in an Institute”. Once you get a profile, go to “Connect Discord” and join our Discord server.</p>
+            <h1><span>1</span><img src={Mu} alt="" /><a href="https://app.mulearn.org/" target="_blank">Create µLearn Profile</a></h1>
+            <p>Enablers should create a profile via <a href="https://app.mulearn.org/" target="_blank">app.mulearn.org</a>, and they should ensure to register as a faculty member by choosing the option “I’m teaching in an Institute”. Once you get a profile, go to “Connect Discord” and join our Discord server.</p>
         </div>
 
         <div className={styles.onboardingList}>
-            <h1><span>2</span><img src={Discord} alt="" />Welcome to Discord</h1>
+            <h1><span>2</span><img src={Discord} alt="" /><a href="https://discord.gg/3v5GvJ8" target="_blank">Welcome to Discord</a></h1>
             <p>Once you join the server, our bot, Aaronchetan will send you a DM asking you to connect your µ-ID, which is provided in the µlearn profile. Once it’s connected, you can start your onboarding process.</p>
         </div>
 
         <div className={styles.onboardingList}>
-            <h1><span>3</span><img src={Bulb} alt="" />Add Interest Groups</h1>
+            <h1><span>3</span><img src={Bulb} alt="" /><a href="https://app.mulearn.org/" target="_blank">Add Interest Groups</a></h1>
             <p>Now you will have access to the #lvl1-info channel, and as you do the tasks, you will progress through the levels. Once you reach level 4, you will have the option to edit Interest Groups on your µlearn profile page.</p>
         </div>
     </div>

diff --git a/src/Pages/EnablersPage/components/ProgramsProject/ProgramsProject.module.css b/src/Pages/EnablersPage/components/ProgramsProject/ProgramsProject.module.css
@@ -78,7 +78,6 @@
 }
 .programProjectGridCard p{
     color: #263238;
-    line-height: 18px;
     font-family: Raleway;
     font-size: 16px;
     font-style: normal;

diff --git a/src/Pages/Pathway/components/HeroSection/Mainpage.module.css b/src/Pages/Pathway/components/HeroSection/Mainpage.module.css
@@ -176,6 +176,7 @@
         width: 100%;
         text-align: left;
         padding: 0 2rem;
+        padding-top: 1rem;
     }
 }