From 310a008537e4bbca02a38f68a8c52a4b3823404d Mon Sep 17 00:00:00 2001
From: Rufus Pollock <rufus.pollock@okfn.org>
Date: Thu, 17 May 2012 13:21:06 +0100
Subject: [PATCH] [app/content][s]: cleaner start page and remove reference to
 non-existent tutorial.

---
 app/index.html | 53 +++++++++++++++++++++++++-------------------------
 1 file changed, 27 insertions(+), 26 deletions(-)

diff --git a/app/index.html b/app/index.html
index cddd5d8f..08d17ff4 100644
--- a/app/index.html
+++ b/app/index.html
@@ -97,36 +97,37 @@
         <div class="hero-unit">
           <h1>Welcome to the Recline Data Explorer</h1>
           <p>Recline allows you to explore and work with data in your browser and then share with others</p>
-          In basic operation it's much like a spreadsheet - though it's
-            feature set is a little different. In particular, the Data
-            Explorer provides:
-            <ul>
-              <li>Data grid / spreadsheet</li>
-              <li>Data editing including programmatic data transformation in javascript</li>
-              <li>Visualizations includes graphs and maps</li>
-              <li>Import and export from a variety of sources including online sources such as online Excel and CSV files, Google docs and
-              the <a href="http://datahub.io/">DataHub</a> and offline sources like CSV files on your local machine.</li>
-              <li>Use online or offline - because the app is built in pure javascript and html you can use it anywhere there's a modern web browser. Using offline is as easy and downloading this web page to your local machine.</li>
-            </ul>
-            <div class="row">
-              <div class="span4">
-                <h3>View the demo</h3>
-                <p>Take a look at a local demo dataset.</p>
-                <p><a class="btn btn-primary" href="?url=demo">View the demo dataset &raquo;</a></p>
-              </div>
-              <div class="span4">
-                <h3>Read the tutorial</h3>
-                <p>Take a look at the tutorial for using the data explorer:</p>
-                <a class="btn btn-primary" href="#tutorial">Read the tutorial &raquo;</a>
-              </div>
-              <div class="span4">
-                <h3>Import some data</h3>
-                <p>Starting working with some data straight away. You can import some data <strong>using the menu at the top right</strong> of this page.</p>
-              </div>
+        </div>
+        <div class="row-fluid">
+          <div class="span4">
+            <div class="well">
+              <h3>View the demo</h3>
+              <p>Try out the demo using a local example dataset.</p>
+              <p><a class="btn btn-primary" href="?url=demo#explorer">View the demo dataset &raquo;</a></p>
+            </div>
+          </div>
+          <div class="span4">
+            <div class="well">
+              <h3>Features</h3>
+              <ul>
+                <li>Data grid</li>
+                <li>Data editing including programmatic data transformation in javascript</li>
+                <li>Visualizations includes graphs and maps</li>
+                <li>Import and export from a variety of sources including online sources such as online Excel and CSV files, Google docs and
+                the <a href="http://datahub.io/">DataHub</a> and offline sources like CSV files on your local machine.</li>
+                <li>Use online or offline - because the app is built in pure javascript and html you can use it anywhere there's a modern web browser. Using offline is as easy and downloading this web page to your local machine.</li>
+              </ul>
+            </div>
+          </div>
+          <div class="span4">
+            <div class="well">
+              <h3>Get started</h3>
+              <p>Get started straight away for example by importing some data from an external source <strong>using the menu at the top right</strong> of this page.</p>
             </div>
           </div>
         </div>
       </div>
+      </div>
 
       <div class="page-explorer backbone-page">
         <div class="data-explorer-here"></div>