From c99d4f846f39bd0f919267413094b92b7b217099 Mon Sep 17 00:00:00 2001
From: Madison Scott-Clary <madison.scott-clary@canonical.com>
Date: Wed, 6 Sep 2017 14:15:36 -0600
Subject: [PATCH] Menu, styling

---
 _layouts/post.html                   | 12 ------------
 assets/css/main.scss                 | 14 +++++++++++++-
 assets/css/sass/_variables.scss      |  1 +
 assets/css/sass/parts/_header.scss   |  5 ++++-
 assets/css/sass/parts/post-page.scss |  2 ++
 5 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/_layouts/post.html b/_layouts/post.html
index 683c176..9c22c91 100755
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -27,12 +27,6 @@ layout: default
         {{page.content | markdownify}}
         <hr class="fin" />
         <div class="page-footer">
-          <div class="page-tag">
-            <span>Tags:</span>
-            {% for tag in page.tags %}
-            <a href="{{site.baseurl}}/tags#{{tag}}" class="tag">| {{ tag }}</a>
-            {% endfor %}
-          </div><!-- End Tags -->
           <div class="page-share">
             <span>Share:</span>
             <a href="https://twitter.com/intent/tweet?text={{ page.title }}&url={{ site.url }}{{ page.url }}" title="Share on Twitter" rel="nofollow" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
@@ -40,12 +34,6 @@ layout: default
             <a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}" title="Share on Google+" rel="nofollow" target="_blank"><i class="fa fa-google" aria-hidden="true"></i></a>
           </div><!-- End Share -->
         </div>
-        {% comment %}
-        {% include author-box.html %}
-        {% include recent-post.html %}
-        {% include newsletter.html %}
-        {% endcomment %}
-        {% include disqus.html %}
       </div>
     </div> <!-- End Wrapper -->
   </article>
diff --git a/assets/css/main.scss b/assets/css/main.scss
index edd60b6..4378ff1 100755
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -30,7 +30,7 @@ body {
   -moz-osx-font-smoothing: grayscale;
 
   &.invert {
-      background-color: $light-gray;
+      background-color: $dark-gray;
   }
 }
 
@@ -69,6 +69,10 @@ img {
 
 a {
   color: $dark-pink;
+
+  .invert & {
+    color: $light-pink;
+  }
 }
 
 blockquote {
@@ -130,11 +134,19 @@ pre {
 ::-moz-selection {
   background: rgba(49, 30, 62, 0.7);
   color: #ffffff;
+
+  .invert & {
+    background: rgba(149, 130, 162, 0.7);
+  }
 }
 
 ::selection {
   background: rgba(49, 30, 62, 0.7);
   color: #ffffff;
+
+  .invert & {
+    background: rgba(149, 130, 162, 0.7);
+  }
 }
 
 .clearfix::before, .clearfix::after {
diff --git a/assets/css/sass/_variables.scss b/assets/css/sass/_variables.scss
index cead09d..8db5529 100644
--- a/assets/css/sass/_variables.scss
+++ b/assets/css/sass/_variables.scss
@@ -4,6 +4,7 @@ $blue: #2d89ec;
 $dark-purple: #311e3e;
 $light-purple: lighten($dark-purple, 60%);
 $dark-pink: #87314e;
+$light-pink: lighten($dark-pink, 40%);
 $gray: #efefef;
 $light-gray: #999999;
 $lighten-gray: #d9d9d9;
diff --git a/assets/css/sass/parts/_header.scss b/assets/css/sass/parts/_header.scss
index a4d4aa5..871474b 100644
--- a/assets/css/sass/parts/_header.scss
+++ b/assets/css/sass/parts/_header.scss
@@ -33,14 +33,17 @@
   padding: 25px 30px;
   transform: translate3d(-300px, 0, 0);
   ul {
+    background-color: $white;
     padding: 15px 0 0;
-    margin: 0;
+    margin: 0 -30px 0 -30px;
     list-style: none;
 
     li {
       border-bottom: 1px solid $lighten-gray;
+      background-color: $white;
       a {
         display: block;
+        margin: 0 30px;
         padding: 15px 0;
         text-decoration: none;
         text-transform: uppercase;
diff --git a/assets/css/sass/parts/post-page.scss b/assets/css/sass/parts/post-page.scss
index 6a8ea48..811397e 100644
--- a/assets/css/sass/parts/post-page.scss
+++ b/assets/css/sass/parts/post-page.scss
@@ -88,6 +88,8 @@
     }
   }
   .page-share {
+    margin: 0 auto;
+    text-align: center;
     a {
       text-decoration: none;
       color: $light-gray;