Convert the work experience to a BEM convention

1 files changed, 30 insertions, 30 deletions

diff --git a/app/assets/index.html b/app/assets/index.html
index 4ee82f2..9898d2a 100644
--- a/app/assets/index.html
+++ b/app/assets/index.html
@@ -101,15 +101,15 @@
       </article>
 
       <article class="work">
-        <h1>Work Experience</h1>
-        <article>
-          <div class="info">
-            <h2><a href="https://sapera.com/">Sapera GmbH.</a></h2>
-            <em>Senior Developer/DevOps</em>
-            <em>Berlin, Germany</em>
-            <em>Apr. 2018 - Present</em>
+        <h1 class="work__header section-header">Work Experience</h1>
+        <article class="work__experience">
+          <div class="job-position">
+            <h2 class="job-position__company"><a href="https://sapera.com/">Sapera GmbH.</a></h2>
+            <em class="job-position__title">Senior Developer/DevOps</em>
+            <em class="job-position__duration">Apr. 2018 - Present</em>
+            <em class="job-position__location">Berlin, Germany</em>
           </div>
-          <ul>
+          <ul class="tasks">
             <li>
               Implemented infrastructure as code (<abbr>IaC</abbr>) for different projects using Terraform and Ansible.
             </li>
@@ -135,14 +135,14 @@
             <li>Provisioned and rewrote the data pipelines to adhere to better CI/CD standards.</li>
           </ul>
         </article>
-        <article>
-          <div class="info">
-            <h2><a href="https://liqid.de/">LIQID GmbH.</a></h2>
-            <em>Senior Backend Developer</em>
-            <em>Berlin, Germany</em>
-            <em>Mar. 2016 - Dec. 2017</em>
+        <article class="work__experience">
+          <div class="job-position">
+            <h2 class="job-position__company"><a href="https://liqid.de/">LIQID GmbH.</a></h2>
+            <em class="job-position__title">Senior Backend Developer</em>
+            <em class="job-position__duration">Mar. 2016 - Dec. 2017</em>
+            <em class="job-position__location">Berlin, Germany</em>
           </div>
-          <ul>
+          <ul class="tasks">
             <li>Maintained the RESTful API (used by admins and front-end).</li>
             <li>Implemented and maintained the integration with Deutsche Bank.</li>
             <li>
@@ -161,15 +161,15 @@
             <li>Implemented day to day business/marketing/technical requirements.</li>
           </ul>
         </article>
-        <article>
-          <div class="info">
-            <h2>PrioriData GmbH.</h2>
-            <em>Full Stack Developer</em>
-            <em>Berlin, Germany</em>
-            <em>Jul. 2015 - Mar. 2016</em>
+        <article class="work__experience">
+          <div class="job-position">
+            <h2 class="job-position__company">PrioriData GmbH.</h2>
+            <em class="job-position__title">Full Stack Developer</em>
+            <em class="job-position__duration">Jul. 2015 - Mar. 2016</em>
+            <em class="job-position__location">Berlin, Germany</em>
           </div>
-          <p>Was acquired by <a href="https://airnow.com/">Airnow Data Ltd.</a></p>
-          <ul>
+          <p class="note">Was acquired by <a href="https://airnow.com/">Airnow Data Ltd.</a></p>
+          <ul class="tasks">
             <li>Maintained the Rails web (dashboard) app.</li>
             <li>Optimized the scraping process of getting the data from Apple and GooglePlay stores.</li>
             <li>Reimplemented the queueing and monitoring around the scrapers.</li>
@@ -185,14 +185,14 @@
             </li>
           </ul>
         </article>
-        <article>
-          <div class="info">
-            <h2>AskNative</h2>
-            <em>Backend Developer/DevOps</em>
-            <em>Remote, Egypt</em>
-            <em>May. 2013 - Jul. 2015</em>
+        <article class="work__experience">
+          <div class="job-position">
+            <h2 class="job-position__company">AskNative</h2>
+            <em class="job-position__title">Backend Developer/DevOps</em>
+            <em class="job-position__duration">May. 2013 - Jul. 2015</em>
+            <em class="job-position__location">Remote, Egypt</em>
           </div>
-          <ul>
+          <ul class="tasks">
             <li>
               Reimplemented large portions of the API to follow better design patterns<br />
               (Hexagonal Architecture, and <abbr title="Publish-Subscribe">Pub/Sub</abbr> pattern).