feat: implement a basic timeline in Experience section

css/style.css

@@ -145,20 +145,27 @@ body {
 #experience {
   padding: 8vh 10% 10vh 10%;
   width: 80%;
+  height: 100%;
   background: var(--nord3);
 }
 
-.experience-element {
+.timeline {
+  border-left: 4px solid var(--nord10);
+}
+
+.slot {
   background: var(--nord10);
-  padding: 4px 20px;
+  padding: 4px 0px;
 }
 
-.experience-element::before {
+.slot::before {
   content: "";
   position: absolute;
+  vertical-align: bottom;
   width: 20px;
   height: 20px;
-  left: 7.5%;
+  left: 8.75%;
+  /* bottom: 10px; */
 
   border: 4px solid var(--nord10);
   border-radius: 50%;

index.html

@@ -38,7 +38,7 @@
       <h1 class="section-title">Experience</h1>
       <ul class="timeline">
 
-        <ul class="experience-element">
+        <ul class="slot">
           <h2>Computational Biologist</h2>
           <h3>Sequence Bioinformatics Inc.</h3>
           <p>Sequence Bio is a St. John's, NL based company with a focus on making genetic discoveries, leveraging data from the NL Genome Project to make novel discoveries based on the collective genetics of the Newfoundland and Labrador founder population.</p>
@@ -52,7 +52,7 @@ <h3>Sequence Bioinformatics Inc.</h3>
 
         <br>
 
-        <ul>
+        <ul class="slot">
           <h2>Research Programmer</h2>
           <h3>BC Genome Sciences Centre</h3>
           <p>BC Genome Sciences Centre is a Vancouver, BC based research centre with numerous laboratories with varied topics, conducting world-leading research into all things genomics: from cancer to vascular disease all the developing software for others to use. The GSC is integrated into BC's Provincial Health Services Authority, delivering critical health services to the BC population.</p>
@@ -65,7 +65,7 @@ <h3>BC Genome Sciences Centre</h3>
 
         <br>
 
-        <ul>
+        <ul class="slot">
           <h2>Biosensor R&D Programmer</h2>
           <h3>CiBER Laboratory, Simon Fraser University</h3>
           <p>The Centre for Integrative Bio-Engineering Research, headed by Dr. Kaminska, is a research facility within Simon Fraser University with the goal of developing materials and devices that help bridge our understanding of biology. From sensors to microfluidics and access to microfabrication techniques the CiBER team is researching leading material science advances.</p>
@@ -78,7 +78,7 @@ <h3>CiBER Laboratory, Simon Fraser University</h3>
 
         <br>
 
-        <ul>
+        <ul class="slot">
           <h2>Genetics Co-op Student</h2>
           <h3>Aziz Sancar Institute of Experimental Medicine, Istanbul University</h3>
           <p>Laboratory Number 2, headed by Dr. Ekmekci, is at the crossroads of clinical study and R&D efforts of the Aziz Sancar Institute. Responsible for providing facilities for performing clinical diagnostics and conducting leading research into clinical foundings via sequencing and cell culture methods.</p>