feat: combine multiple roles at the same company into one block

Author: ripixel

assets/styles/styles.css

@@ -499,6 +499,10 @@ main .header-details h3 {
   padding-bottom: 15px;
 }
 
+.header-details.spaced {
+  margin-top: 20px;
+}
+
 main .header-details h4 {
   padding-bottom: 10px;
 }

pages/profile.html

@@ -103,8 +103,9 @@ <h4>Weight</h4>
       <section class="area">
         <div class="header-details">
           <h3>Deliveroo</h3>
-          <p class="tag">July 2022 - Present</p>
+          <p class="tag">December 2020 - Present</p>
           <h4>Staff Software Engineer</h4>
+          <p class="tag">July 2022 - Present</p>
         </div>
         <p>
           Going from 6 engineers in Care to over 18 has necessitated the Care team grow, split, and redefine its
@@ -159,13 +160,10 @@ <h4>Sentry</h4>
             <h4>On Call</h4>
           </div>
         </div>
-      </section>
 
-      <section class="area">
-        <div class="header-details">
-          <h3>Deliveroo</h3>
-          <p class="tag">December 2020 - July 2022</p>
+        <div class="header-details spaced">
           <h4>Senior Software Engineer</h4>
+          <p class="tag">December 2020 - June 2022</p>
         </div>
         <p>
           Deliveroo have many facets to their operation, and one that's not
@@ -334,8 +332,9 @@ <h4>Gitlab CI</h4>
       <section class="area">
         <div class="header-details">
           <h3>Sky Betting & Gaming</h3>
-          <p class="tag">Nov 2017 - Jan 2019</p>
+          <p class="tag">Nov 2015 - Jan 2019</p>
           <h4>Senior Software Engineer</h4>
+          <p class="tag">Nov 2017 - Jan 2019</p>
         </div>
         <p>
           After 2 years and moving to the Vegas product, I applied for and
@@ -384,13 +383,10 @@ <h4>Chef</h4>
             <h4>On Call</h4>
           </div>
         </div>
-      </section>
 
-      <section class="area">
-        <div class="header-details">
-          <h3>Sky Betting & Gaming</h3>
-          <p class="tag">Nov 2015 - Nov 2017</p>
+        <div class="header-details spaced">
           <h4>Software Engineer</h4>
+          <p class="tag">Nov 2015 - Nov 2017</p>
         </div>
         <p>
           I was offered a job via the refer-a-friend scheme, and was placed into