created yellow hero area, removed full-page yellow on hp

half5cat · Apr 28, 2018 · e691966 · e691966
1 parent c375b46
commit e691966
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 32 deletions.
diff --git a/_includes/header.html b/_includes/header.html
@@ -4,6 +4,26 @@
     {% include nav.html %}
     {% if page.layout == "home" %}
     <h1 class="intro">Design <br>Principles</h1>
+    {% include info-block.html title="An open source collection of Design Principles and methods." description=""%}
+  </div>
+    <div class="wrapper">
+
+      {% assign authors =  site.examples | map: 'author' | uniq %}
+      {% assign principles =  site.examples | map: 'principles' | join: '- principle:'  | split: '- principle:' | uniq %}
+      <p class="full h3 mtn">The collection contains:</p>
+      <div class="three-up">
+        <p class="h1 bold mtn mbn">{{ site.examples.size }}</p>
+        <p>Examples</p>
+      </div>
+      <div class="three-up">
+        <p class="h1 bold mtn mbn">{{ principles.size }}</p>
+        <p>Design Principles</p>
+      </div>
+      <div class="three-up">
+        <p class="h1 bold mtn mbn">{{ authors.size }}</p>
+        <p>Creators</p>
+      </div>
+    </div>
     {% endif %}
   </div>
 </header>
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -8,33 +8,9 @@
 
 
     {% include header.html %}
-        <div class="wrapper">
-        {% include info-block.html title="This site is an open source resource created to help us understand and write Design Principles." description=""%}
-
-
-
-
-      </div>
-
-          <div class="wrapper">
-
-            {% assign authors =  site.examples | map: 'author' | uniq %}
-            {% assign principles =  site.examples | map: 'principles' | join: '- principle:'  | split: '- principle:' | uniq %}
-            <p class="full h3 mtn">The collection contains:</p>
-            <div class="three-up">
-              <p class="h1 bold mtn mbn">{{ site.examples.size }}</p>
-              <p>Examples</p>
-            </div>
-            <div class="three-up">
-              <p class="h1 bold mtn mbn">{{ principles.size }}</p>
-              <p>Design Principles</p>
-            </div>
-            <div class="three-up">
-              <p class="h1 bold mtn mbn">{{ authors.size }}</p>
-              <p>Creators</p>
-            </div>
-          </div>
-
+<!-- <div style="padding-top: 2em; margin-bottom: 2em; border-bottom: dashed 12px #efefef;"> -->
+
+<!-- </div> -->
         <div class="wrapper">
         {% include info-block.html title="What are Design Principles?" description="Design Principles are a set of considerations that form the basis of any good product."%}
 

diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -7,7 +7,6 @@
 }
 body, html {
   height: 100%;
-  background: $primary;
 }
 
 .footer {

diff --git a/_sass/_scratch.scss b/_sass/_scratch.scss
@@ -164,6 +164,7 @@ p.source {
 header.site-header {
   background: $primary;
   height: auto;
+  margin-bottom: 2em;
 }
 
 div.page-content {

diff --git a/_sass/_tile.scss b/_sass/_tile.scss
@@ -1,5 +1,5 @@
 .tile:hover {
-  background: lighten($primary, 12.5%);
+  background: $primary;
 }
 .tile a:hover, .tile-list a:hover {
   color: $black;
@@ -19,9 +19,6 @@ a.full-link {
   width: 100%;
   line-height: inherit;
 }
-body.examples .tile:hover {
-  background: $primary;
-}
 .ghost {
   border: dotted 8px $black;
   padding-left: 1em;