feat: Added the FAQ

Author: jbriones1

public/frosh/2025/index.html

@@ -97,7 +97,7 @@ <h2>Did you know...</h2>
 
       <section>
         <div class="section-container">
-          <h2></h2>
+          <h2>Who's organizing this?</h2>
           <div class="section-content">
             <p>
               The SFU <strong>Computing Science Student Society (CSSS)</strong> is a student-led
@@ -267,7 +267,7 @@ <h2>Did you know...</h2>
         </p>
       </aside>
 
-      <section>
+      <section id="sponsors">
         <div class="section-container">
           <h2>Sponsors</h2>
           <div class="section-content">
@@ -296,6 +296,63 @@ <h2>Sponsors</h2>
           </div>
         </div>
       </section>
+
+      <section id="faq">
+        <div class="section-container">
+          <h2>Frequently Asked Questions</h2>
+          <div class="section-content">
+            <h3>Where will the events take place?</h3>
+            <p>
+              All events take place at the Simon Fraser University Burnaby campus. The locations per
+              event can be found in the <a href="#schedule">schedule</a>. <br /><br />
+              If you are having difficulty locating us, do not hesitate to contact Dina or Jake.
+              (Contact information can be found in the CSSS Discord Server.)
+            </p>
+            <h3>What should I bring to the events?</h3>
+            <p>
+              Yourself. That's it.
+              <br /><br />
+              Except during PacMacro, you'll need a mobile device that has an internet connection.
+            </p>
+            <h3>What is Pac-Macro?</h3>
+            <p>
+              Pac-Macro is essentially Pacman in real life. Utilizing CSSS-developed software, the
+              game will keep track of players' positions on campus, and display the locations of
+              other players.
+            </p>
+            <h3>
+              I can't come to every event, or am not free for the entire duration of an event. Is
+              this OK?
+            </h3>
+            <p>
+              You can come and go as you please during Frosh Week. Late arrivals or early departures
+              are totally OK. If you cannot attend some events due to other commitments, that is
+              fine also.
+            </p>
+            <h3>Why is it called "Comput<u>ing</u> Science", not "Comput<u>er</u> Science"?</h3>
+            <p>
+              CS at SFU has a long history. Way back in '73 when the School of Computing Science
+              started at SFU, either "Computer Science" wasn't an idiom for the major yet, or we
+              just decided to be different.
+            </p>
+            <h3>What courses should I take?</h3>
+            <p>
+              Contact the
+              <a href="mailto:asadvise@sfu.ca" target="_blank">Faculty of Applied Science office</a>
+              or ask the <a href="http://discord.sfucsss.org/">CSSS Discord</a> for course
+              information.
+            </p>
+            <h3>I can't find a room!</h3>
+            <p>
+              SFU provides a very handy tool called the
+              <a href="roomfinder.sfu.ca/apps/sfuroomfinder_web" target="_blank">Room Finder</a>.
+              Simply input the room number (e.g., ASB 9703), and it will highlight the room on an
+              interactive campus map. This works for the Burnaby, Surrey, and Vancouver campuses.
+            </p>
+          </div>
+          <div class="section-footer"></div>
+        </div>
+      </section>
     </article>
   </main>
 

public/frosh/2025/style.css

@@ -224,10 +224,21 @@ main {
                     gap: 1rem;
                     padding: 0.5rem;
 
-                    &>p {
+                    &>h3,
+                    p {
                         padding: 0.5rem;
-                        border-radius: 5px;
+                    }
+
+                    &>h3 {
+                        color: var(--c-secondary);
+                    }
+
+                    &>p {
                         color: white;
+
+                        &>a {
+                            color: var(--c-top-main);
+                        }
                     }
 
                     & strong {