From 913e9663ccf77a059f7e46f6f8e3d237f67e32f4 Mon Sep 17 00:00:00 2001
From: Sedat Demiriz <sedatdemiriz97@gmail.com>
Date: Tue, 28 Nov 2023 23:25:22 -0800
Subject: [PATCH] feat: implement a basic timeline in Experience section

---
 css/style.css | 15 +++++++++++----
 index.html    |  8 ++++----
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/css/style.css b/css/style.css
index cbdefa0..ec4b2f3 100644
--- a/css/style.css
+++ b/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%;
diff --git a/index.html b/index.html
index 87541d7..2a05a4d 100644
--- a/index.html
+++ b/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>