Finalizing home page for 0.6.0

Finishing writing teaser, cleaning up styles

diff --git a/index.html b/index.html
index 3633fd601a584a842c5f83cb60f02004a4b38616..97643bc0d3377b6ba4375823cf24a5aaafdc216f 100644 (file)
--- 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 c81db7e58d5181b1933b085d5fefa00620d89262..ffd8a916306793029280d0f595c92841ffc867d4 100755 (executable)
--- a/site/style.css
+++ b/site/style.css
@@ -54,7 +54,7 @@ html { background:#AFBAC4 url(bg.png); text-align:center; color:#445; }
 \r
 a { color:#09489A; }\r
 \r
-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); }\r
+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; }\r
 \r
 h1 { font-size:48px; padding-top:40px; }\r
 h2 { font-size:36px; padding-top:20px; }\r
@@ -65,9 +65,11 @@ h6 { font-size:16px; }
 \r
 h1 a { color:#445; }\r
 \r
-body, p { font-size:18px; line-height:1.5em; margin-bottom:20px; font-family:"Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; } \r
+body, p { font-size:18px; line-height:1.5em; font-family:"Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; } \r
 \r
-pre, code { font-size:18px; line-height:1.5em; font-family:Consolas, "Courier New", Courier, monospace; }\r
+p { margin-bottom:20px; } \r
+\r
+pre, code { font-size:16px; line-height:1.5em; font-family:Consolas, "Courier New", Courier, monospace; }\r
 \r
 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; }\r
 \r
@@ -85,17 +87,18 @@ b, strong { font-weight:bold; }
  * special\r
  */\r
 \r
-.logo { text-align:center; border-bottom:#313749 10px solid; }\r
+.logo { text-align:center; border-bottom:#313749 10px solid; margin:0 -41px; }\r
 .fork-me { position:absolute; top:0; right:0; text-indent:-9999px; width:149px; height:149px; display:block; background:url(fork.png); }\r
 \r
 /**\r
  * layout\r
  */\r
 \r
- \r
-#container { background:url(bg-body.png); margin:0 auto; width:960px; padding:20px 40px; text-align:left; }\r
+.ca { text-align:center; }\r
+.br { margin:50px; border:1px dashed #fff; border-width:1px 0; border-top-color:#313749; height:0; line-height:0; }\r
+#container { background:url(bg-body.png); margin:0 auto; width:920px; padding:20px 60px 100px; text-align:left; }\r
 .footer { text-align:center; padding:50px 0 200px; }\r
 \r
-.col-1 { width:460px; margin-right:20px; float:left; }\r
+.col-1 { width:420px; padding:0 20px; float:left; }\r
 \r
 .clearfix { display:block; clear:both; visibility:hidden; line-height:0; height:0; }
\ No newline at end of file