From 618c3013df8d73a1dadc612b959b97bddf3c26ef Mon Sep 17 00:00:00 2001
From: Ahmed Abdelhalim <pm@a14m.dev>
Date: Tue, 4 May 2021 22:57:56 +0200
Subject: Add styling for sections headers

---
 app/assets/index.html |  3 +--
 app/base.styl         | 21 +++++++++++++++++++++
 app/print.styl        |  6 ++++++
 3 files changed, 28 insertions(+), 2 deletions(-)

(limited to 'app')

diff --git a/app/assets/index.html b/app/assets/index.html
index 8720830..7dc4813 100644
--- a/app/assets/index.html
+++ b/app/assets/index.html
@@ -44,8 +44,7 @@
           need arises).
         </p>
       </article>
-
-      <article>
+      <article class="skills">
         <h1>Skills</h1>
         <dl>
           <dt>DevOps</dt>
diff --git a/app/base.styl b/app/base.styl
index 317a625..1dd9cd7 100644
--- a/app/base.styl
+++ b/app/base.styl
@@ -61,6 +61,27 @@ header {
   }
 }
 
+article {
+  h1 {
+    display: flex
+    flex-direction: row
+  }
+
+  h1:before, h1:after {
+    content: "";
+    border-bottom: 1px solid
+    margin: auto;
+  }
+  h1:before {
+    margin-right: 0.3em
+    flex: 5 5;
+  }
+  h1:after {
+    margin-left: 0.3em
+    flex: 100 0;
+  }
+}
+
 .summary {
   h1 { display: none }
   p {
diff --git a/app/print.styl b/app/print.styl
index df24033..331d791 100644
--- a/app/print.styl
+++ b/app/print.styl
@@ -30,3 +30,9 @@ header {
     font-size: 10pt
   }
 }
+
+article {
+  h1 {
+    font-size: 18pt
+  }
+}
-- 
cgit v1.2.3