rearrange docs

diff --git a/docs/index.html b/docs/index.html
index ea84048..6e9fc3f 100644 (file)
--- a/docs/index.html
+++ b/docs/index.html
@@ -111,21 +111,9 @@ See <a href="tests/">gallery</a> and <a href="http://code.google.com/p/dygraphs/
 
 <p>The dygraphs JavaScript library produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them.</p>
 
-<h3>Features</h3>
-<ul>
-  <li>Plots time series without using an external server or Flash</li>
-  <li>Supports error bands around data series</li>
-  <li>Displays values on mouseover (this makes it easily discoverable)</li>
-  <li>Interactive zoom</li>
-  <li>Adjustable averaging period</li>
-  <li>Customizable click-through actions</li>
-  <li>Compatible with the Google Visualization API</li>
-  <li>Works in Internet Explorer (using excanvas)</li>
-  <li>Intelligent defaults make it easy to use</li>
-  <li>Lightweight (45kb) and responsive</li>
-</ul>
+<a name="demo">
+<p>A demo is worth a thousand words:</p>
 
-<a name="demo"><h2>Demo</h2>
 <p><font size=-1>(Mouse over to highlight individual values. Click and drag to zoom. Double-click to zoom back out. Change the number and hit enter to adjust the averaging period.)</font></p>
 <div id="title" style="width:800px; text-align:center; font-weight: bold; font-size: 125%;">Temperatures in New York vs. San Francisco</div>
 <div id="demodiv" style="width:800px; height:320px;"></div>
@@ -153,8 +141,26 @@ See <a href="tests/">gallery</a> and <a href="http://code.google.com/p/dygraphs/
 <li>There is a <i>lot</i> of data in this chart: low, average and high for each city on each day of a three year period &asymp; 6000 data points in all.
 </ul>
 
+<p>dygraphs allows the user to explore the data and discover these facts.</p>
+
 <p>For more demos, browse the dygraph <a href="tests/">tests</a> directory.</p>
 
+<h3>Features</h3>
+<p>Some of the features of dygraphs:</p>
+<ul>
+  <li>Plots time series without using an external server or Flash</li>
+  <li>Works in Internet Explorer (using excanvas)</li>
+  <li>Lightweight (45kb) and responsive</li>
+  <li>Displays values on mouseover (this makes it easily discoverable)</li>
+  <li>Supports error bands around data series</li>
+  <li>Interactive zoom</li>
+  <li>Adjustable averaging period</li>
+  <li>Can intelligently chart fractions</li>
+  <li>Customizable click-through actions</li>
+  <li>Compatible with the Google Visualization API</li>
+  <li>Intelligent defaults make it easy to use</li>
+</ul>
+
 <a name="usage"><h2>Usage</h2>
 
 <p>To use dygraphs, include the <code>dygraph-combined.js</code> JavaScript file and instantiate a <code>Dygraph</code> object.</p>