fix: adjusted the home screen text width

Author: jbriones1

public/images/full-size/president-mabel.png

@@ -11,10 +11,11 @@
 .welcome {
   text-align: center;
   color: theme.$code-text;
-}
+  max-width: 90vw;
 
-h2 {
-  font-size: 1.5rem;
+  h2 {
+    font-size: 1.5rem;
+  }
 }
 
 @keyframes pulse {

public/images/president-mabel.png

@@ -8,7 +8,7 @@ <h1>
     <fa-icon [icon]="arrowIcon" animation="bounce"></fa-icon>
   </header>
 
-  <article class="content main-content">
+  <article class="content">
     <section>
       <h2>History</h2>
       <p>
@@ -23,28 +23,25 @@ <h2>History</h2>
     </section>
     <section class="pres-container">
       <div class="pres-image-container">
-        <img src="images/president.jpg" alt="President of the CSSS" />
+        <img src="images/president-mabel.png" alt="President of the CSSS" />
       </div>
       <div class="pres-content">
-        <h2>Message from El Presidente</h2>
+        <h2>President's Address</h2>
         <p>
-          Yass queen, slay all day, bet! I'm shooketh, TBH fam, that meme's lit AF. SMH my head,
-          bruh, that's a big mood. Low-key vibin', no cap. This is the tea, sis, sippin' it. If you
-          ain't yeeting, you ain't trying. FOMO's real, YOLO, amirite? Legit squad goals. OMG, that
-          hit different. Stan culture, flexin' on the gram. Bruh, I'm deceased, sending it to the
-          group chat. Big brain energy, boomer alert. Oof, that's a yikes from me, dawg. Thirst
-          trap, TFW, can't even. Sksksk and I oop, VSCO vibes. Dank memes, let's get this bread,
-          stay woke. Ratioed, straight fire, fam. Glow up, hella extra. Spoopy season, I was today
-          years old. It's the clout for me. Hard pass, fight me IRL. Snatched, fam, squad up, finna
-          bounce. Deadass, no lie, TL;DR, that's sus. Big oof, wholesome 100. Poggers, y'all.
-          Highkey goals, ship it. I can't even. Yeet or be yeeted, on fleek. Chief called, this
-          ain't it. Bae AF, we stan. IDK man, just vibing. Bet, that's on periodt. Stan Twitter, wig
-          flew. OTP, that glow up tho. No chill, full send. Defo not okay. TFW, mood, aesthetic.
-          SMH, triggered. Flex, bruh, goals AF. I'm baby, uwu. Fr though, meme lord. Spill the tea,
-          shook. Bet, pop off, king. Whomst'd've, boomer energy. Yas, slay. RIP, next level. Big
-          facts, no printer. Cancelled, full send, vibes.
+          Hi everyone!
           <br />
-          - Mabel, CSSS President
+          My name is Mabel and welcome to the Computing Science Student Society! We have an amazing
+          team of students here to bring you a year packed with technical events, career building
+          workshops, hackathons, games nights, karaoke, hikes, and many other social events where
+          you can meet like-minded people. We're here to build a strong and inclusive community, so
+          there's room for everyone to share their ideas and get involved themselves! Feel free to
+          say hello to myself or any of the execs if you see us on campus. We're based in ASB 9971
+          where many of our community members enjoy studying, hanging out, and using our various
+          amenities (ahem, coffee!). Here's to a great year and hope to see you around! <br />
+          <br />
+          Cheers,<br />
+          Mabel Ling <br />
+          CSSS President
         </p>
       </div>
     </section>
@@ -65,17 +62,17 @@ <h3>How can we connect with you?</h3>
       <nav>
         <a routerLink="/common-room">
           <code-card bgImg="images/common-room.jpg">
-            <h2><strong>Visit our Common Room</strong></h2>
+            <h2><strong>The Common Room</strong></h2>
           </code-card>
         </a>
         <a routerLink="/officers">
           <code-card bgImg="images/team.jpg">
-            <h2><strong>Meet the Officers</strong></h2>
+            <h2><strong>Meet the officers</strong></h2>
           </code-card>
         </a>
         <a routerLink="/elections">
           <code-card bgImg="images/getinvolved.jpg">
-            <h2><strong>Get Involved</strong></h2>
+            <h2><strong>Get involved</strong></h2>
           </code-card>
         </a>
         <a routerLink="/events">

src/app/pages/home/home.component.scss

@@ -1,5 +1,4 @@
 @use 'globals' as g;
-@use 'theme' as t;
 
 .wrapper {
   height: 96svh;
@@ -46,7 +45,7 @@ header {
   }
 }
 
-.main-content {
+.content {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -112,11 +111,3 @@ header {
     }
   }
 }
-
-.type-in {
-  display: block;
-}
-
-.faq a {
-  color: t.$accent;
-}

src/app/pages/readme/readme.component.html

@@ -41,6 +41,7 @@ a.csss-link {
 }
 
 article.content {
+  line-height: 1.5;
   header {
     margin-top: 5svh;
   }
@@ -59,10 +60,12 @@ article.content {
 
   h2 {
     font-size: globals.$h2-font-size;
+    margin: 1.5rem 0 0.5rem;
   }
 
   h3 {
     margin: 1.5rem 0 0.5rem;
+    font-size: globals.$h3-font-size;
   }
 
   p {