From daa21c36348308367d3616a1374363ebcaaeac0c Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Wed, 5 Aug 2015 16:21:28 -0700
Subject: [PATCH] start in on new headers

---
 docs/_layouts/page.html          |  12 ++++++++++--
 docs/assets/css/docs.min.css     |  20 ++++++++++++++++++--
 docs/assets/css/docs.min.css.map | Bin 25696 -> 26068 bytes
 docs/assets/scss/_layout.scss    |  26 ++++++++++++++++++++++++--
 docs/getting-started/overview.md |   2 +-
 5 files changed, 53 insertions(+), 7 deletions(-)

diff --git a/docs/_layouts/page.html b/docs/_layouts/page.html
index 54197b84f..b9c12504f 100644
--- a/docs/_layouts/page.html
+++ b/docs/_layouts/page.html
@@ -2,14 +2,22 @@
 layout: default
 ---
 
+<div class="bd-pageheader">
+  <div class="container">
+    {% include ads.html %}
+    <h1 class="bd-title">{{ page.title }}</h1>
+    <p class="lead">
+      {{ page.lead }}
+    </p>
+  </div>
+</div>
+
 <div class="container">
   <div class="row">
     <div class="col-sm-3 col-sm-push-9 bd-sidebar">
       {% include nav-docs.html %}
     </div>
     <div class="col-sm-9 col-sm-pull-3 bd-content">
-      {% include ads.html %}
-      <h1 class="bd-title">{{ page.title }}</h1>
       {{ content }}
     </div>
   </div>
diff --git a/docs/assets/css/docs.min.css b/docs/assets/css/docs.min.css
index 6db8e9d84..d4e07886f 100644
--- a/docs/assets/css/docs.min.css
+++ b/docs/assets/css/docs.min.css
@@ -5,7 +5,7 @@
  * details, see http://creativecommons.org/licenses/by/3.0/.
  */
 .bd-docs {
-  padding-top: 5rem; }
+  padding-top: 3.65rem; }
 
 .bd-container {
   position: relative;
@@ -41,7 +41,23 @@
     .bd-container > table td:first-child > code {
       white-space: nowrap; }
 
-.bd-content > h2 {
+.bd-pageheader {
+  margin-bottom: 3rem;
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+  color: #cdbfe3;
+  background-color: #563d7c; }
+  .bd-pageheader h1 {
+    font-weight: normal;
+    color: #fff; }
+  @media (min-width: 34em) {
+    .bd-pageheader {
+      padding-top: 4rem;
+      padding-bottom: 4rem; }
+      .bd-pageheader .carbonad {
+        float: right; } }
+
+.bd-content > h2:not(:first-child) {
   margin-top: 3rem; }
 
 .bd-content > h3 {
diff --git a/docs/assets/css/docs.min.css.map b/docs/assets/css/docs.min.css.map
index afec3cc0f90b1fc4738fb75a4e7d6af54b085f0f..60cc810cf170999768a1b6746c2a062213e0ade4 100644
GIT binary patch
delta 356
zcmYk2y-EW?6ottml3-FqFpUrv6a=|oAy!kJnVpQ|vMg)NpJ1`c!Zt=i5J4N?z-DUS
zA&^I~5z?lx^c8#poyipDR+oG3J>Qx6{;aH5l|@jkr9egs(RjI64R`j_b50XrLIMy>
zLX1tCwajmLdKUvR$;*3@lRZkAR8#T7spLS(tuPmIBal+17~0#k__rbnNM~9w4H3}*
z82DM@ytHW^wQ8L{lT-f0J0?6nIMje<`hk~xww)<KJ~UtLlh@*gC6;`<1?d7^56K{|
z$tQMT+a>OmSBzP3=J5(pJ_Bs|?M*iVMou{6?g!?adO*)_+EB4GirKDp(vRHa^|xRa
VnV)()c#cf7u?Q}r<wxVa{|7PCW8DA%

delta 75
zcmca|n(@I2#tlpyoSu%3-a77%E@7LwITTo!BFiRU;Z@~_i6&WFJ34xLO}@(8$7ngZ
Z&`5^WHP0#6d2%b?2Bs3{&F1`b!vK6!7lQx*

diff --git a/docs/assets/scss/_layout.scss b/docs/assets/scss/_layout.scss
index 281acbc8b..049d0a888 100644
--- a/docs/assets/scss/_layout.scss
+++ b/docs/assets/scss/_layout.scss
@@ -1,6 +1,6 @@
 
 .bd-docs {
-  padding-top: 5rem;
+  padding-top: 3.65rem;
 }
 
 // Custom container
@@ -59,12 +59,34 @@
 }
 
 
+.bd-pageheader {
+  margin-bottom: 3rem;
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+  color: $bd-purple-light;
+  background-color: $bd-purple;
+
+  h1 {
+    font-weight: normal;
+    color: #fff;
+  }
+
+  @include media-breakpoint-up(sm) {
+    padding-top: 4rem;
+    padding-bottom: 4rem;
+
+    .carbonad {
+      float: right;
+    }
+  }
+}
+
 //
 // Docs sections
 //
 
 .bd-content {
-  > h2 {
+  > h2:not(:first-child) {
     margin-top: 3rem;
   }
 
diff --git a/docs/getting-started/overview.md b/docs/getting-started/overview.md
index 6127f3873..07930d53b 100644
--- a/docs/getting-started/overview.md
+++ b/docs/getting-started/overview.md
@@ -1,9 +1,9 @@
 ---
 layout: page
 title: Getting started
+lead: Quickly add Bootstrap to your project via the Bootstrap CDN, graciously provided by the MaxCDN folks.
 ---
 
-Quickly add Bootstrap to your project via the [Bootstrap CDN](http://bootstrapcdn.com), graciously provided by the [MaxCDN](http://www.maxcdn.com/) folks.
 
 ## Include CSS and JS