Add styling for sections headers

3 files changed, 28 insertions, 2 deletions

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
+  }
+}