From 0ec36ee8242364847305df19e5f7f47f8b99125c Mon Sep 17 00:00:00 2001
From: Oscar Najera <hi@oscarnajera.com>
Date: Sun, 15 Oct 2023 20:44:00 +0200
Subject: About section with Experience items

---
 assets/scss/style.scss      | 30 ++++++++++++++++++++++++++----
 layouts/_default/about.html | 18 ++++++++++++------
 2 files changed, 38 insertions(+), 10 deletions(-)

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index e4c8ad0..49fc481 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -165,20 +165,42 @@
   }
 
   dl {
-    @extend .ph5;
+    @extend .ph4, .mh5-ns, .mh3, .pb2;
   }
   dt {
     @extend .b;
   }
-  dd p {
-    @extend .ma0;
-  }
 }
 footer {
   a {
     @extend .link, .near-white, .underline;
   }
 }
+// CV ENTRY
+.cv-entry {
+  padding-left: 2rem;
+  dl {
+    border-left: 1px solid #ccc;
+    position: relative;
+    margin: 0;
+  }
+  dt::before {
+    content: "";
+    position: absolute;
+    width: 2rem;
+    height: 2rem;
+    background-color: #79c753;
+    border-radius: 50%;
+    transform: translateX(-50%);
+    left: 0;
+  }
+  dd {
+    @extend .mh3;
+    p:first-of-type {
+      @extend .mid-gray, .fw3, .mt0;
+    }
+  }
+}
 
 // Title font
 @font-face {
diff --git a/layouts/_default/about.html b/layouts/_default/about.html
index 6fdfaba..3fa1090 100644
--- a/layouts/_default/about.html
+++ b/layouts/_default/about.html
@@ -1,12 +1,18 @@
 {{ define "hero" }}
-{{ partial "hero.html" . }}
+  {{ partial "hero.html" . }}
 {{ end }}
 
 {{ define "main" }}
-{{ range .Paginator.Pages }}
-<div class="main-content lh-copy f5 f4-ns">
-{{ .Content }}
-</div>
-{{ end }}
 
+  <div class="stripe-dark"></div>
+  {{ range .Paginator.Pages }}
+    <div class="stripe-dark">
+      <div class="mw7 center pv2 lh-copy f4-ns main-content ph1">
+        <h2 class="athelas lh-title f2">
+          {{ .Title }}
+        </h2>
+        {{ .Content }}
+      </div>
+    </div>
+  {{ end }}
 {{ end }}
-- 
cgit v1.2.3