From f9e1f204405c0929d274ae5f14d935cbde5b77b3 Mon Sep 17 00:00:00 2001
From: Pat Dryburgh <hello@patdryburgh.com>
Date: Mon, 15 Apr 2019 00:30:16 -0400
Subject: [PATCH] make things a lot prettier

---
 _layouts/home.html    |  2 +-
 _sass/_article.scss   |  8 ++++++++
 _sass/_base.scss      |  2 +-
 _sass/_masthead.scss  | 13 ++-----------
 _sass/_search.scss    | 14 ++++++++++++++
 _sass/_variables.scss |  6 +++---
 6 files changed, 29 insertions(+), 16 deletions(-)

diff --git a/_layouts/home.html b/_layouts/home.html
index 784fb5922..955d73004 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -8,6 +8,7 @@
   {% include back-link.html %}
 {% else %}
   <header class="site-masthead">
+    {% include menu.html %}
     {% if site.title %}
       <h1>
         {{ site.title }}
@@ -18,7 +19,6 @@ <h2>
         {{ site.description }}
       </h2>
     {% endif %}
-    {% include menu.html %}
   </header>
 {% endif %}
 
diff --git a/_sass/_article.scss b/_sass/_article.scss
index f736ea055..c14ea9c10 100644
--- a/_sass/_article.scss
+++ b/_sass/_article.scss
@@ -1,3 +1,11 @@
+.post {
+  background: white;
+  margin: 2em auto;
+  max-width: 60rem;
+  padding: 2em 0;
+  box-shadow: 12px 18px 24px rgba(darken($brand-color, 50%), .1);
+}
+
 .post > * {
   margin-left: auto;
   margin-right: auto;
diff --git a/_sass/_base.scss b/_sass/_base.scss
index 5093aaa61..a4e550a13 100644
--- a/_sass/_base.scss
+++ b/_sass/_base.scss
@@ -1,4 +1,5 @@
 body {
+  background: $brand-color;
   color: $text-color;
   font-family: $font-family;
   font-size: 1.3125em;
@@ -151,7 +152,6 @@ figcaption {
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
-  transition: all .125s ease-in-out;
   &:hover,
   &:focus {
     background: lighten($brand-color, 2.5%);
diff --git a/_sass/_masthead.scss b/_sass/_masthead.scss
index ddf289fe4..4b7e3caa9 100644
--- a/_sass/_masthead.scss
+++ b/_sass/_masthead.scss
@@ -1,23 +1,14 @@
 .site-masthead {
-  background: $brand-color;
   box-sizing: border-box;
-  min-height: 50vh;
-  padding: 2em;
+  padding: 0 2em;
   position: relative;
-
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
   text-align: center;
-  @media screen and (min-width: $on-laptop) {
-    padding: 6em 2em;
-  } 
 }
 
 .site-masthead h1 {
   font-size: 3em;
   margin-bottom: 0;
-  margin-top: 0;
+  margin-top: 1em;
   @media (min-width: $on-tablet) {
     font-size: 6em;
   }
diff --git a/_sass/_search.scss b/_sass/_search.scss
index 1f3df6cb1..373be6c13 100644
--- a/_sass/_search.scss
+++ b/_sass/_search.scss
@@ -5,6 +5,7 @@
 }
 
 #search__input {
+  background: transparent;
   border: 0;
   font: 1em $font-family;
   padding: .5em;
@@ -17,4 +18,17 @@
 
 #search button[type="submit"] {
   display: none;
+}
+
+::-webkit-input-placeholder {
+  color: $muted-text-color;
+}
+::-moz-placeholder {
+  color: $muted-text-color;
+}
+:-ms-input-placeholder {
+  color: $muted-text-color;
+}
+:-moz-placeholder {
+  color: $muted-text-color;
 }
\ No newline at end of file
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
index 9dec1cd31..a1f73671a 100644
--- a/_sass/_variables.scss
+++ b/_sass/_variables.scss
@@ -1,4 +1,4 @@
-$brand-color:         #f2e300;
+$brand-color:         #fede00;
 $highlight:           lighten($brand-color, 35%);
 $text-color:          #0b0404;
 $muted-text-color:    #64644B;
@@ -6,5 +6,5 @@ $font-family:         "EB Garamond", Garamond, "Times New Roman", serif;
 
 $on-bigphone:         375px;
 $on-tablet:           768px;
-$on-laptop:           928px;
-$on-desktop:          1024px;
\ No newline at end of file
+$on-laptop:           960px;
+$on-desktop:          1200px;
\ No newline at end of file