From 257aa3fc072e4332ec0c978c1c6b964b5513a704 Mon Sep 17 00:00:00 2001
From: Nicolas Gallagher <nicolasgallagher@gmail.com>
Date: Wed, 27 Mar 2013 15:46:38 -0700
Subject: [PATCH] Add Bower install to homepage

Make related adjustments to reduce size of text and margins of various
parts of the main content.
---
 index.html |  5 ++++-
 main.css   | 19 +++++++------------
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index f55e8a8..26758a4 100644
--- a/index.html
+++ b/index.html
@@ -16,7 +16,7 @@
                     <h2 class="tagline">A modern, HTML5-ready alternative to CSS resets</h2>
                 </div>
 
-                <p class="description"><a href="https://github.com/necolas/normalize.css/">Normalize.css</a> makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.</p>
+                <p class="txt-large"><a href="https://github.com/necolas/normalize.css/">Normalize.css</a> makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.</p>
 
                 <div class="cta-option">
                     <a class="btn-download"
@@ -40,6 +40,9 @@
                        href="https://github.com/necolas/normalize.css/blob/v1.1.0/CHANGELOG.md">See the CHANGELOG</a>
                 </div>
 
+                <p class="txt-large">…or install with <a href="http://twitter.github.com/bower/">Bower</a>.</p>
+                <pre><code>bower install --save normalize-css</code></pre>
+
                 <div class="share-bar">
                     <a class="read-more" href="http://nicolasgallagher.com/about-normalize-css/">Read more about normalize.css &raquo;</a>
 
diff --git a/main.css b/main.css
index 8cb7feb..ed538ae 100644
--- a/main.css
+++ b/main.css
@@ -1,6 +1,6 @@
 body {
     max-width: 720px;
-    padding: 40px;
+    padding: 20px 40px;
     margin: 0 auto;
     background: #f7f7f7;
     color: #333;
@@ -24,13 +24,13 @@ h2 {
 }
 
 p {
-    margin: 0 0 1em;
+    margin: 1em 0;
 }
 
 /* structure */
 
 .site-box {
-    padding: 60px 60px 0;
+    padding: 40px 60px 0;
     border: 1px solid #ccc;
     margin: 0 0 3em;
     background: #fff;
@@ -43,7 +43,7 @@ p {
 }
 
 .logo {
-    margin: 0 0 1.25em;
+    margin: 0 0 1em;
     font-size: 2.375em;
     color: #69a619;
     text-transform: lowercase;
@@ -53,12 +53,7 @@ p {
 
 .tagline {
     margin: 0 0 0.75em;
-    font-size: 2.5em;
-}
-
-.description {
-    color: #555;
-    font-size: 1.25em;
+    font-size: 2.25em;
 }
 
 /**
@@ -72,7 +67,7 @@ p {
     *display: inline;
     *zoom: 1;
 
-    margin: 1.5em 0.75em 0;
+    margin: 1.5em 0.75em 0.5em;
     vertical-align: bottom;
 }
 
@@ -87,7 +82,7 @@ p {
     *display: inline;
     *zoom: 1;
 
-    padding: 0.6em 1.25em;
+    padding: 0.4em 1em;
     border: 1px solid #5e9612;
     margin: 0 0 10px;
     color: #fff;