From adb05116d00952fde6dbe73196f08591c98ec874 Mon Sep 17 00:00:00 2001
From: Justin Cooper <jwcooper@gmail.com>
Date: Thu, 4 Apr 2019 15:36:49 -0500
Subject: [PATCH] use common layout for grid

---
 assets/sass/pages/_awesome.scss | 18 ------------------
 assets/sass/pages/_home.scss    | 17 -----------------
 awesome.html                    |  2 +-
 index.html                      |  2 +-
 4 files changed, 2 insertions(+), 37 deletions(-)

diff --git a/assets/sass/pages/_awesome.scss b/assets/sass/pages/_awesome.scss
index 1dabac10..da997967 100644
--- a/assets/sass/pages/_awesome.scss
+++ b/assets/sass/pages/_awesome.scss
@@ -1,23 +1,5 @@
 #awesome-page {
-  padding: 20px 0 200px 0;
-
-  display: grid;
-  grid-template-columns:
-      [full-start] minmax(1em, 1fr)
-      [main-start] minmax(0, 80em) [main-end]
-      minmax(1em, 1fr) [full-end];
-  grid-row-gap: 1em;
-
-  &> * {
-    grid-column: main;
-  }
-
   .content {
-    background-color: #fff;
-    border: 1px solid #cecece;
-    border-radius: 5px;
-    padding: 40px;
-
     p {
       margin-bottom: 16px;
     }
diff --git a/assets/sass/pages/_home.scss b/assets/sass/pages/_home.scss
index e0019c6c..2f2cc483 100644
--- a/assets/sass/pages/_home.scss
+++ b/assets/sass/pages/_home.scss
@@ -1,18 +1,6 @@
 #home-page {
-  padding: 20px 0 200px 0;
   text-align: center;
 
-  display: grid;
-  grid-template-columns:
-      [full-start] minmax(1em, 1fr)
-      [main-start] minmax(0, 80em) [main-end]
-      minmax(1em, 1fr) [full-end];
-  grid-row-gap: 1em;
-
-  &> * {
-    grid-column: main;
-  }
-
   hr {
     width: 75%;
     margin: 40px auto 40px auto;
@@ -22,11 +10,6 @@
   }
 
   .content {
-    background-color: #fff;
-    border: 1px solid #cecece;
-    border-radius: 5px;
-    padding-top: 40px;
-
     h1 {
       width: 75%;
       margin: 20px auto;
diff --git a/awesome.html b/awesome.html
index 58493b2a..e1f3c0aa 100644
--- a/awesome.html
+++ b/awesome.html
@@ -4,7 +4,7 @@ title: Awesome
 permalink: /awesome
 ---
 
-<div id="awesome-page">
+<div id="awesome-page" class="common-layout">
   <div class="content">
     {% capture awesome_include %}{% include_relative awesome-circuitpython/README.md %}{% endcapture %}
     {{ awesome_include | markdownify }}
diff --git a/index.html b/index.html
index 687e3533..509e08e1 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
 layout: home
 ---
 
-<div id="home-page">
+<div id="home-page" class="common-layout">
   <div class="content">
     <img class="responsive" src="{{ "/assets/images/blinka-computer.png" | relative_url }}" srcset="{{ "/assets/images/blinka-computer.png" | relative_url }} 1x,
                                  {{ "/assets/images/blinka-computer@2x.png" | relative_url }} 2x,