From 371c487763fc6726d9e990379401a582c8696c7f Mon Sep 17 00:00:00 2001
From: Tim Wood <washwithcare@gmail.com>
Date: Wed, 21 Sep 2011 09:38:14 -0700
Subject: [PATCH] Finalizing home page for 0.6.0

Finishing writing teaser, cleaning up styles
---
 index.html     | 26 ++++++++++++--------------
 site/style.css | 17 ++++++++++-------
 2 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/index.html b/index.html
index 3633fd601..97643bc0d 100644
--- a/index.html
+++ b/index.html
@@ -14,16 +14,18 @@
                 <a href="http://github.com/timrwood/underscore.date">underscore.date</a>
                 <span class="small">by <a href="http://github.com/timrwood">timrwood</a></span>
             </h1>
-            <p>Underscore.date is a javascript date library that helps create, manipulate, and format dates
-                without extending the Date prototype.</p>
-
+            <h2 class="ca">Parsing + Manipulation + Formatting + Timeago + I18n + NodeJS</h2>
+            <h3 class="ca">And all without modifying the native Date prototype, so it's safe for kids!</h3>
+            <div class="br">&nbsp;</div>
             <div class="col-1">
-                <h2>2.02 kb (min + gzip)</h2>
-                <p>Version 0.6.0</p>
-                <p>Author: Tim Wood</p>
+                <h2>What is this?</h2>
+                <p>Underscore.date is a javascript date library that helps parse, manipulate, and format dates.</p>
+                <p>It doesn't modify the native `Date` prototype, so it's safe to drop into any site.</p>
+                <p>While not dependant on <a href="http://documentcloud.github.com/underscore/">underscore</a>, it does follow
+                    the same philosophy, and if underscore exists on your page, underscore.date will mix itself in.</p>
             </div>
             <div class="col-1">
-                <h2>Download</h2>
+                <h2>Download : 2.02 kb (min + gzip)</h2>
                 <p>You can download this project in either
                     <a href="http://github.com/timrwood/underscore.date/zipball/master">zip</a> or
                     <a href="http://github.com/timrwood/underscore.date/tarball/master">tar</a> formats.
@@ -33,8 +35,7 @@
                 </p>
             </div>
             <div class="clearfix"></div>
-
-
+            <div class="br">&nbsp;</div>
             <h1>Works in the browser and in Node.js!</h1>
 
             <h3>Node.js</h3>
@@ -80,12 +81,9 @@ _date(1300291340510).format("MMMM Do, YYYY") // >>> "March 16th, 2011"</code></p
 
 
             <h2>Tests</h2>
+            <h3><a href="test/test.html">underscore.date unit tests</h3>
             
-            <h3 class="col-1"><a href="test/test.html">underscore.date unit tests</a></h3>
-            
-            <h3 class="col-1"><a href="http://jsperf.com/underscore-date">underscore.date performance tests</a></h3>
-
-            <div class="clearfix"></div>
+            <h3><a href="http://jsperf.com/underscore-date">underscore.date performance tests</a></h3>
 
             <h3>Full source code and documentation at <a href="http://github.com/timrwood/underscore.date">http://github.com/timrwood/underscore.date</a></h3>
 
diff --git a/site/style.css b/site/style.css
index c81db7e58..ffd8a9163 100755
--- a/site/style.css
+++ b/site/style.css
@@ -54,7 +54,7 @@ html { background:#AFBAC4 url(bg.png); text-align:center; color:#445; }
 
 a { color:#09489A; }
 
-h1, h2, h3, h4, h5, h6, th { font-family:Oswald, sans-serif; line-height:1.5em; margin-bottom:20px; text-shadow:1px 1px 0 rgba(255, 255, 255, .4); }
+h1, h2, h3, h4, h5, h6, th { font-family:Oswald, sans-serif; line-height:1.5em; margin-bottom:20px; text-shadow:1px 1px 0 #fff; }
 
 h1 { font-size:48px; padding-top:40px; }
 h2 { font-size:36px; padding-top:20px; }
@@ -65,9 +65,11 @@ h6 { font-size:16px; }
 
 h1 a { color:#445; }
 
-body, p { font-size:18px; line-height:1.5em; margin-bottom:20px; font-family:"Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; } 
+body, p { font-size:18px; line-height:1.5em; font-family:"Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; } 
 
-pre, code { font-size:18px; line-height:1.5em; font-family:Consolas, "Courier New", Courier, monospace; }
+p { margin-bottom:20px; } 
+
+pre, code { font-size:16px; line-height:1.5em; font-family:Consolas, "Courier New", Courier, monospace; }
 
 pre { background:rgba(0, 0, 0, .05); display:block; padding:10px 20px; margin-bottom:20px; white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
 
@@ -85,17 +87,18 @@ b, strong { font-weight:bold; }
  * special
  */
 
-.logo { text-align:center; border-bottom:#313749 10px solid; }
+.logo { text-align:center; border-bottom:#313749 10px solid; margin:0 -41px; }
 .fork-me { position:absolute; top:0; right:0; text-indent:-9999px; width:149px; height:149px; display:block; background:url(fork.png); }
 
 /**
  * layout
  */
 
- 
-#container { background:url(bg-body.png); margin:0 auto; width:960px; padding:20px 40px; text-align:left; }
+.ca { text-align:center; }
+.br { margin:50px; border:1px dashed #fff; border-width:1px 0; border-top-color:#313749; height:0; line-height:0; }
+#container { background:url(bg-body.png); margin:0 auto; width:920px; padding:20px 60px 100px; text-align:left; }
 .footer { text-align:center; padding:50px 0 200px; }
 
-.col-1 { width:460px; margin-right:20px; float:left; }
+.col-1 { width:420px; padding:0 20px; float:left; }
 
 .clearfix { display:block; clear:both; visibility:hidden; line-height:0; height:0; }
\ No newline at end of file
-- 
2.47.3