fixes

calblueprint · Jan 12, 2024 · eea5f10 · eea5f10
1 parent 6be45a8
commit eea5f10
Showing 1 changed file with 26 additions and 37 deletions.
diff --git a/src/components/Schedule.astro b/src/components/Schedule.astro
@@ -1,7 +1,7 @@
 <section id="schedule">
   <div class="header-container">
     <h4>SCHEDULE</h4>
-    <h2>1 day, but <b>countless</b> possibilities</h2>
+    <h3>1 day, but <b>countless</b> possibilities</h3>
     <p>
       From workshops to speaker events, we are dedicated to creating an
       inclusive environment where hackers of all experience levels feel
@@ -10,71 +10,73 @@
   </div>
 
   <table class="schedule-container">
-    <tr class="schedule-row">
+    <tr>
       <td class="time">8:00 - 8:30 am</td>
       <td class="event">Registration + breakfast</td>
     </tr>
-    <tr class="schedule-row">
+    <tr>
       <td class="time">8:30 - 8:50 am</td>
       <td class="event">Welcoming note</td>
     </tr>
-    <tr class="schedule-row">
+    <tr>
       <td class="time">9:00 am</td>
       <td class="event">Hacking begins</td>
     </tr>
-    <tr class="schedule-row">
+    <tr>
       <td class="time">9:00 - 9:30 am</td>
       <td class="event">Team mixer (optional)</td>
     </tr>
-    <tr class="schedule-row">
+    <tr>
       <td class="time">9:30 - 10:00 am</td>
       <td class="event">Speaker - Research & Design</td>
     </tr>
-    <tr class="schedule-row">
+    <tr>
       <td class="time">10:00 - 11:00 am</td>
       <td class="event">Workshop – Wireframing with Figma</td>
     </tr>
-    <tr class="schedule-row">
+    <tr>
       <td class="time">11:00 - 12:00 pm</td>
       <td class="event">Workshop – Low-code development</td>
     </tr>
-    <tr class="schedule-row">
+    <tr>
       <td class="time">12:00 - 1:00 pm</td>
       <td class="event">Lunch break</td>
     </tr>
-    <tr class="schedule-row">
+    <tr>
       <td class="time">1:00 - 2:00 pm</td>
       <td class="event">Workshop – TBD</td>
     </tr>
-    <tr class="schedule-row">
+    <tr>
       <td class="time">3:00 - 4:00 pm</td>
       <td class="event">Speaker – Olaf Groth @ cambrian.ai</td>
     </tr>
-    <tr class="schedule-row">
+    <tr>
       <td class="time">5:00 - 6:30 pm</td>
       <td class="event">Hackathon expo, judging begins!</td>
     </tr>
-    <tr class="schedule-row">
+    <tr>
       <td class="time">6:30 - 7:00 pm</td>
       <td class="event">Dinner break</td>
     </tr>
-    <tr class="schedule-row">
+    <tr>
       <td class="time">7:00 - 8:00 pm</td>
       <td class="event">Workshop – TBD</td>
     </tr>
-    <tr class="schedule-row">
+    <tr>
       <td class="time">8:00 - 9:00 pm</td>
       <td class="event">Prizes + closing remarks</td>
     </tr>
   </table>
 </section>
 
 <style lang="scss">
+  @use '../styles/fonts';
   #schedule {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 4.12rem;
+    padding-top: 11.25rem;
 
     .header-container {
       display: flex;
@@ -83,44 +85,31 @@
       align-items: center;
       text-align: center;
       gap: 1.5rem;
-      h4 {
-        color: #3d3833;
-        font-weight: 400;
-        letter-spacing: 0.05rem;
-      }
-      h2 {
-        color: #3d3935;
-        font-weight: 500;
-        b {
-          color: #3d3935;
-          font-weight: 600;
-        }
-      }
-      p {
-        color: #3d3833;
-        font-weight: 500;
+
+      b {
+        font-family: fonts.$serif;
+        font-size: 1.75rem;
+        font-weight: 600;
+        line-height: 150%;
       }
     }
 
     .schedule-container {
-      width: 58.5rem;
-      height: 47.25rem;
+      padding-left: 15.75rem;
+      padding-right: 15.75rem;
       flex-shrink: 0;
       border-radius: 1rem; /* Nonzero border radius with hidden */
       overflow: hidden; /* overflow got rid of table's outer border */
-      border: 1px solid #dfd2c4;
-      border-collapse: collapse;
       .time {
         width: 15.5rem;
-        color: #3d3935;
         font-weight: 500;
         text-transform: uppercase;
+        line-height: 3.5rem;
         text-align: right;
         padding-right: 1.5rem;
       }
       .event {
         width: 35.9375rem;
-        color: #3d3935;
         padding-left: 3rem;
       }
     }