Convert the summary section to BEM convention

5 files changed, 16 insertions, 20 deletions

diff --git a/app/assets/index.html b/app/assets/index.html
index 47ea414..5ee3a4d 100644
--- a/app/assets/index.html
+++ b/app/assets/index.html
@@ -49,8 +49,8 @@
       </header>
 
       <article class="summary">
-        <h1>Summary</h1>
-        <p>
+        <h1 class="summary__header section-header">Summary</h1>
+        <p class="summary__content">
           Current senior backend and infrastructure developer at <a href="https://sapera.com">Sapera GmbH</a>, with 9+
           years experience in development (backend/API focused), 4+ years in infrastructure automation and DevOps, 0+
           years Security analysis and Red Team exploit testing. An avid fan of automation, sustainability, design
diff --git a/app/base.styl b/app/base.styl
index 31b12d7..662b7f3 100644
--- a/app/base.styl
+++ b/app/base.styl
@@ -21,6 +21,7 @@ a:link, a:visited, a:hover, a:active {
 }
 
 @require "stylesheets/web/header.styl"
+@require "stylesheets/web/summary.styl"
 
 article {
   h1 {
@@ -43,14 +44,6 @@ article {
   }
 }
 
-.summary {
-  h1 { display: none }
-  p {
-    text-align: justify
-    margin-top: 2.5em
-  }
-}
-
 .skills {
   dl {
     display: flex
diff --git a/app/print.styl b/app/print.styl
index 043e442..426ea64 100644
--- a/app/print.styl
+++ b/app/print.styl
@@ -1,8 +1,8 @@
 @page {
-  margin-left: 1cm
-  margin-right: 1cm
-  margin-top: 1cm
-  margin-bottom: 0.3cm
+  padding-left: 1cm
+  padding-right: 1cm
+  padding-top: 1cm
+  padding-bottom: 0.3cm
 }
 
 body {
@@ -10,6 +10,7 @@ body {
 }
 
 @require "stylesheets/print/header.styl"
+@require "stylesheets/print/summary.styl"
 
 article {
   h1 {
@@ -18,12 +19,6 @@ article {
   }
 }
 
-.summary {
-  p {
-    margin-top: 2em
-  }
-}
-
 .skills {
   dl {
     margin-top: 1.5em
diff --git a/app/stylesheets/print/summary.styl b/app/stylesheets/print/summary.styl
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/app/stylesheets/print/summary.styl
diff --git a/app/stylesheets/web/summary.styl b/app/stylesheets/web/summary.styl
new file mode 100644
index 0000000..dfcb412
--- /dev/null
+++ b/app/stylesheets/web/summary.styl
@@ -0,0 +1,8 @@
+.section-header.summary__header {
+  display: none
+}
+
+.summary__content {
+  text-align: justify
+  margin-top: 1.5em
+}