Adding my profile to the teachla website

_sass/_basic.scss

@@ -22,6 +22,7 @@
     min-width: 100%;
     font-family: $font-body;
     color: $font-primary-color;
+    font-size: 18px;
     display: flex;
     flex-direction: column;
     @media (max-width: $desktop-width) {
@@ -57,7 +58,7 @@ ul > li {
 
 .container-restricted {
     margin: auto;
-    width: 1000px;
+    width: 1213px;
     // enforces a not-too-wide text viewport
     max-width: 100vw;
     @media (min-width: $desktop-width) {
@@ -99,6 +100,8 @@ ul > li {
 .title{
     font-family: $font-display;
     margin-bottom: 0;
+    font-size: 32px;
+    font-weight: 600;
 }
 
 .text-1x {
@@ -210,29 +213,77 @@ ul > li {
 
 .my-3 {
     margin: 3em 0;
+} 
+
+.schedule-table-header {
+    border-collapse: collapse;
+    width: 100%;
+    font-size: 24px;
+    font-weight: 600;
+
+    border-bottom: 2px solid transparent;
+    background-image: linear-gradient(90deg,#5EDA12,#BCF223);
+    background-origin: border-box;
+    background-size: 100% 4px;
+    background-position: bottom;
+    background-repeat: no-repeat;
+    table-layout: fixed;
+
+    td {
+        text-align: left;
+        padding: 3vw;
+        padding-top: 15px;
+        padding-bottom: 15px;
+
+        @media (min-width: $desktop-width) {
+            padding: 60px 0 17px 65px;
+        }
+    }
 }
 
 // refactor this into a common table component
 .schedule-table {
     border-collapse: collapse;
     width: 100%;
+    border-radius: 15px;
+    overflow: hidden;
+    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
+    margin: 38px 0;
+    table-layout: fixed;
+
+
+    // removes last border line in table
+    tr:last-child {
+        border-bottom: 2px solid transparent;
+    }
 
     tr {
-        th, td {
-            border-bottom: 2px solid black;
-            text-align: center;
+        .middle-column {
+            color: $teachla-green;
+            font-weight: 600;
+            // not sure if we want every link to be changed this way, but I'll change the link on this table specifically
+            a {
+                color: $teachla-green;
+                text-decoration: none;
+            }
+        }
+
+        td {
+            border-bottom: 1px solid $teachla-green;
+            text-align: left;
+
             padding: 3vw;
             padding-top: 15px;
             padding-bottom: 15px;
 
             @media (min-width: $desktop-width) {
-                padding: 15px;
+                padding: 28px 0 28px 65px;
             }
         }
 
-        &:nth-child(even) {
-            border-style: solid black;
-        }
+        // &:nth-child(even) {
+        //     border-style: solid black;
+        // }
     }
 }
 

_sass/_variables.scss

@@ -16,7 +16,7 @@ $rnative-blue: #61DAFB;
 
 $font-display: 'Poppins', 'Helvetica Neue', 'Helvetica', sans-serif;
 $font-header: 'Poppins', 'Helvetica Neue', 'Helvetica', sans-serif;
-$font-body: 'Open Sans', sans-serif;
+$font-body: 'Poppins', 'Helvetica Neue', 'Helvetica', sans-serif;
 $font-code: 'Source Code Pro', monospace;
 
 $font-primary-color: #333333;

_team/rling.md

@@ -0,0 +1,8 @@
+---
+name: "Ryan Ling"
+group: "member"
+title: "Developer"
+graduating_year: 2022
+img: rling.png
+github: "ryanling521"
+---

about.html

@@ -29,44 +29,42 @@ <h2 class="title" id="school-join">We're a School/Organization. Can We Work Toge
     Of course! Currently, we're looking to partner with schools to run quarter/year-long curriculums, as well as running one-off instructional and networking events. If you're interested, please send an email to <a class="tla-link" href="mailto:{{site.email}}">{{site.email}}</a>.
 </p>
 
-<h2 class="title" id="schedule">Spring Quarter Schools and Schedules</h2>
-<p>
-    Due to the COVID-19 epidemic and UCLA/LAUSD policies, all of our classes are delivered online via Zoom. All times are in PST.
-
-    <table class="schedule-table">
-        <tr>
-            <th> Schools </th>
-            <th> Class </th>
-            <th> Schedule (including travel)</th>
-        </tr>
-        <tr>
-            <td> Emerson Middle School </td>
-            <td> Intro to Python </td>
-            <td> Wednesdays at 8:00 - 8:50 AM</td>
-        </tr>
-        <tr>
-            <td> Western TECH STEAM K-8 </td>
-            <td> Python </td>
-            <td> Date and time TBD</td>
-        </tr>
-        <tr>
-            <td> North Hollywood High School </td>
-            <td> <a class="tla-link" href="{{site.baseurl}}/classes/mobile">Web & Mobile App Development</a> </td>
-            <td> Monday at 3:30 - 4:30 PM</td>
-        </tr>
-        <tr>
-            <td> Short Avenue Elementary School </td>
-            <td> Scratch </td>
-            <td> Fridays at 12:40-1:40 PM</td>
-        </tr>
-        <tr>
-            <td> Speaker Series </td>
-            <td> Varied </td>
-            <td> N/A </td>
-        </tr>
-    </table>
+<h2 class="title" id="schedule">Spring Quarter Schools and Schedule</h2>
+<table class="schedule-table-header">
+    <tr>
+        <td>Schools</td>
+        <td>Class</td>
+        <td>Schedule</td>
+    </tr>
+</table>
+<table class="schedule-table">
+    <tr>
+        <td> Emerson Middle School </td>
+        <td class="middle-column"> Intro to Python </td>
+        <td> Wednesdays at 8:00 - 8:50 AM</td>
+    </tr>
+    <tr>
+        <td> Western TECH STEAM K-8 </td>
+        <td class="middle-column"> Python </td>
+        <td> Date and time TBD</td>
+    </tr>
+    <tr>
+        <td> North Hollywood High School </td>
+        <td class="middle-column"> <a href="{{site.baseurl}}/classes/mobile">Web & Mobile App Development</a> </td>
+        <td> Monday at 3:30 - 4:30 PM</td>
+    </tr>
+    <tr>
+        <td> Short Avenue Elementary School </td>
+        <td class="middle-column"> Scratch </td>
+        <td> Fridays at 12:40-1:40 PM</td>
+    </tr>
+    <tr>
+        <td> Speaker Series </td>
+        <td class="middle-column"> Varied </td>
+        <td> N/A </td>
+    </tr>
+</table>
 
-</p>
 
 <h2 class="title">How Does Teach LA Work?</h2>
 <p>