From c9208f1a082b356c63a72923ec8591d5b3e593a9 Mon Sep 17 00:00:00 2001
From: Rufus Pollock <rufus.pollock@okfn.org>
Date: Mon, 22 Oct 2012 16:04:33 +0100
Subject: [PATCH] [content][s]: front page button links to main docs.

---
 css-site/style.css | 26 ++++++++++++++++----------
 index.html         |  9 +++++++--
 2 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/css-site/style.css b/css-site/style.css
index 0739c949..b1c5b023 100644
--- a/css-site/style.css
+++ b/css-site/style.css
@@ -98,21 +98,18 @@ section {
 	background: -ms-linear-gradient(top, #2d2d2d 0%,#040404 100%); /* IE10+ */
 	background: linear-gradient(top, #2d2d2d 0%,#040404 100%); /* W3C */
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#040404',GradientType=0 ); /* IE6-9 */
-	color:#FFF;
 	padding:0px;
 	margin-bottom:0px;
 	border:none;
-	font-family:'PT Sans', Helvetica, Arial, sans-serif;
   padding: 60px;
   padding-bottom: 200px;
   /* hide crocodile top to footer on front page */
   margin-bottom: -30px;
 }
-.home-page.page-header a {
+.home-page.page-header p {
 	color:#FFF;
 }
-.home-page.page-header a.dotted {
-	border-color:#FFF;
+.home-page.page-header a {
 }
 .home-page.page-header .container {
 	background-image: url(images/header-screen.png);
@@ -120,7 +117,7 @@ section {
 	background-position: -3px 0px;
 }
 .home-page.page-header .inner {
-	padding:0px 0px 30px 40px;
+	padding:0px 0px 0px 40px;
 	font-size:16px;
   line-height: 23px;
   width: 400px;
@@ -130,14 +127,23 @@ section {
 	margin-top:-14px;
 }
 
-section.grey {
-	background-color:#f5f5f5;
+.home-page.page-header .links {
+  margin-top: 30px;
+  margin-bottom: 0;
 }
 
-section.grey:after {
-	background-position: center -50px;
+.home-page.page-header .links a {
+  margin-left: 25px;
 }
 
+.home-page.page-header .links a:first-child {
+  margin-left: 0px;
+}
+
+/* ---------------------------------------------------
+   Footer
+--------------------------------------------------- */
+
 .footer {
 	background-color:#040404;
 	color:#CCC;
diff --git a/index.html b/index.html
index ed709413..63db771d 100644
--- a/index.html
+++ b/index.html
@@ -11,8 +11,13 @@ title: Home
           <a href="docs/"><img src="images/logo.png" width="455" height="190" alt="Recline Data Explorer and Library"></a>
         </h1>
         <div class="inner">
-          A simple but powerful library for building data applications in
-          pure Javascript and HTML.
+          <p>A simple but powerful library for building data applications in
+          pure Javascript and HTML.</p>
+          <p class="links">
+            <a href="docs/" class="btn btn-large">Documentation &raquo;</a>
+            <a href="docs/tutorials.html" class="btn btn-large">Tutorials &raquo;</a>
+            <a href="demos/" class="btn btn-large">Demos &raquo;</a>
+          </p>
         </div>
       </div>
     </div>