Finish styling

css/style.css

@@ -1,6 +1,7 @@
 :root {
   --space-default: 1rem;
   --space-extended: 1.5rem;
+  --space-reduced: 0.7rem;
   --main-color: #0F0F0F;
   --main-color-light: #EFEFEF;
   --gray: #50514F;
@@ -90,6 +91,16 @@ section {
   border-top: 2px solid var(--main-color);
 }
 
+.work-experience:not(:last-child) {
+  border-bottom: 1px solid var(--main-color);
+}
+
+.work-experience:last-child,
+.bonus-track,
+.lab-experience {
+  padding-bottom: var(--space-reduced);
+}
+
 section h2.experience-title {
   margin: 0;
   font-family: 'Montserrat', sans-serif;
@@ -124,6 +135,20 @@ h3.company-name small.position {
 p, ul {
   margin: 0.8rem 0;
 }
+
 ul {
   padding-left: 1rem;
+}
+
+h4 {
+  margin: 0;
+}
+
+h4 small {
+  display: block;
+  font-weight: 300;
+}
+
+.company-project {
+  padding-bottom: var(--space-reduced);
 }

index.html

@@ -106,7 +106,6 @@
       </h3>
       <div class="company-project">
         <h4>
-          <small>2014 - 2018</small>
           Streamall (netflix 'clone')
           <small class="position">Sysadmin - Backend dev - Frontend dev - Tooling</small>
         </h4>
@@ -156,65 +155,69 @@
     <h2 class="experience-title">
       Bonus tracks
     </h2>
-    <p>
-      Some of my personal projects. You can find more at my <a href="blog.davidventura.com.ar">blog</a>
-      <ul>
-        <li>
-          Reverse engineered the android application to report poorly parked cars provided by the government to automate submissions of people parking in my garage
-        </li>
+    <div class="bonus-track">
+      <p>
+        Some of my personal projects. You can find more at my <a href="blog.davidventura.com.ar">blog</a>
+        <ul>
+          <li>
+            Reverse engineered the android application to report poorly parked cars provided by the government to automate submissions of people parking in my garage
+          </li>
+          <li>
+            Proposed a system (and proof-of-concept) to the highway authorities to catch speeding cars in freeways/highways using OpenCV to detect the license plates
+          </li>
+          <li>
+            IoT projects:
+            <ul>
+              <li>Wrote a small IOT framework in MicroPython, which I use for my custom devices</li>
+              <li>Used said framework to control my nightlamp with my kindle, measure ambient humidity/temperature, switch TV input sources, etc.</li>
+            </ul>
+          </li>
+        </ul>
         <li>
-          Proposed a system (and proof-of-concept) to the highway authorities to catch speeding cars in freeways/highways using OpenCV to detect the license plates
+          Currently writing a set of tools to handle my 3d-printer in better ways (emitting consistent gcode, cura plugin)
         </li>
         <li>
-          IoT projects:
-          <ul>
-            <li>Wrote a small IOT framework in MicroPython, which I use for my custom devices</li>
-            <li>Used said framework to control my nightlamp with my kindle, measure ambient humidity/temperature, switch TV input sources, etc.</li>
-          </ul>
+          Currently writing a video pipeline to detect and flag motion detection with my home security cameras.
         </li>
-      </ul>
-      <li>
-        Currently writing a set of tools to handle my 3d-printer in better ways (emitting consistent gcode, cura plugin)
-      </li>
-      <li>
-        Currently writing a video pipeline to detect and flag motion detection with my home security cameras.
-      </li>
-    </p>
+      </p>
+    </div>
   </section>
 
   <section class="experience-category">
     <h2 class="experience-title">Lab Experience</h2>
-    <p>
-      Along with my normal projects I maintain a 'lab' to both host my projects and learn about new or interesting tech. Some items of note in the lab:
-      <ul>
-        <li>
-          ARM Cluster: load-balancing LXC cluster on multiple physical ARM single-board-computers of (slightly) different architectures (armv6, AArch64) with live container migration using CRIU
-        </li>
-        <li>
-          Jenkins for automated tests and tricky builds (one of the projects is Android-Windows-Linux)
-        </li>
-        <li>
-          My physical router is fully deployed from the lab with ansible.
-        </li>
-        <li>
-          All containers and VMs are fully deployed with ansible
-        </li>
-        <li>
-          Backup system (automated ping for offline backups, daily delta and weekly snapshots uploaded to different zones, via different mechanisms)
-        </li>
-      </ul>
-    </p>
-    <p>
-      All of this is monitored with generic tools (telegraf, influx, grafana, email) and also hosts some generic tooling for itself (squid, apt-cacher, git, backups)
-    </p>
+    <div class="lab-experience">
+      <p>
+        Along with my normal projects I maintain a 'lab' to both host my projects and learn about new or interesting tech. Some items of note in the lab:
+        <ul>
+          <li>
+            ARM Cluster: load-balancing LXC cluster on multiple physical ARM single-board-computers of (slightly) different architectures (armv6, AArch64) with live container migration using CRIU
+          </li>
+          <li>
+            Jenkins for automated tests and tricky builds (one of the projects is Android-Windows-Linux)
+          </li>
+          <li>
+            My physical router is fully deployed from the lab with ansible.
+          </li>
+          <li>
+            All containers and VMs are fully deployed with ansible
+          </li>
+          <li>
+            Backup system (automated ping for offline backups, daily delta and weekly snapshots uploaded to different zones, via different mechanisms)
+          </li>
+        </ul>
+      </p>
+      <p>
+        All of this is monitored with generic tools (telegraf, influx, grafana, email) and also hosts some generic tooling for itself (squid, apt-cacher, git, backups)
+      </p>
+    </div>
   </section>
 
-  <sectiuon class="experience-category">
+  <section class="experience-category">
     <h2 class="experience-title">Formal Studies</h2>
-    <h3>
+    <h4>
       <small>2012 - 2017 (dropped out)</small>
       Computer Science at Universidad de Buenos Aires (UBA)
-    </h3>
-  </sectiuon>
+    </h4>
+  </section>
 </body>
 </html>