From 3deb35de6b0c9be499b3041b7f0c5643eaaebc33 Mon Sep 17 00:00:00 2001
From: Brandon Tilley <brandon@brandontilley.com>
Date: Wed, 25 Dec 2013 14:18:17 -0800
Subject: [PATCH] (site) Tweaks to copy and stying of homepage

---
 site/public/css/planetaryjs.less |  8 ++++++++
 site/public/index.ejs            | 10 +++++-----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/site/public/css/planetaryjs.less b/site/public/css/planetaryjs.less
index 332f5ec..6fbbdad 100644
--- a/site/public/css/planetaryjs.less
+++ b/site/public/css/planetaryjs.less
@@ -43,6 +43,10 @@ h1.title-header, h2.title-header {
   }
 }
 
+.ui.label.bower {
+  text-transform: none;
+}
+
 a.ui.icon.header {
   text-decoration: none;
   color: black;
@@ -52,6 +56,10 @@ a.ui.icon.header {
   }
 }
 
+.section-description {
+  min-height: 40px;
+}
+
 .divider {
   .icon.huge {
     font-size: 2em;
diff --git a/site/public/index.ejs b/site/public/index.ejs
index 4aa74fe..861468e 100644
--- a/site/public/index.ejs
+++ b/site/public/index.ejs
@@ -37,7 +37,7 @@
     </div>
 
     <div style='padding-top: 10px;'>
-      Or install with <a href='http://bower.io/'>Bower</a>: <div class='ui small label'><i class='icon right arrow'></i> bower install planetary.js</div>
+      Or install with <a href='http://bower.io/'>Bower</a>: <div class='ui small label bower'><i class='icon right arrow'></i> bower install planetary.js</div>
     </div>
   </div>
 
@@ -48,7 +48,7 @@
       <div style="width: 350px; text-align: center; display: inline-block;">
         <div class='ui pointing dark blue label'>
           <a href='/examples/rotating.html'
-            class='detail no-underline'><i class='icon code'></i> See how to build this example</a>
+            class='detail no-underline'><i class='icon code'></i> See how to build this globe</a>
         </div>
       </div>
     </div>
@@ -75,7 +75,7 @@
           <i class='ui huge icon laptop'></i>
           Examples
         </a>
-        <p>Check out working examples and see what Planetary.js can do</p>
+        <p class='section-description'>Check out working examples and see what Planetary.js can do</p>
         <p><a class='ui teal button' href='/examples/'>Explore the Examples</a></p>
       </div>
       <div class='column'>
@@ -83,7 +83,7 @@
           <i class='ui huge icon book'></i>
           Documentation
         </a>
-        <p>Download and install Planetary.js and build something awesome</p>
+        <p class='section-description'>See how to install Planetary.js and build something awesome</p>
         <p><a class='ui orange button' href='/documentation/'>Peruse the Documentation</a></p>
       </div>
       <div class='column'>
@@ -91,7 +91,7 @@
           <i class='ui huge icon github alternate'></i>
           Source Code
         </a>
-        <p>Check out the source on GitHub and contribute to the project</p>
+        <p class='section-description'>Take a look at the source on GitHub and contribute to the project</p>
         <p><a class='ui purple button' href='https://github.com/BinaryMuse/planetary.js'>Examine the Source</a></p>
       </div>
     </div>