knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[#65,refactor][s]: move demo to app and rework mains docs to reflect app / library distinction.

Browse Source
This commit is contained in:
Rufus Pollock
2012-04-03 21:54:22 +01:00
parent 51ff83646c
commit b0fae7c3d0
8 changed files with 32 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
demo/built.html → app/built.html
View File

0
demo/images/bg_gradient.gif → app/images/bg_gradient.gif
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 87 B

After

Width:  |  Height:  |  Size: 87 B

0
demo/images/couch.png → app/images/couch.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

0
demo/images/large-spinner.gif → app/images/large-spinner.gif
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

6
demo/index.html → app/index.html
View File

@@ -2,8 +2,8 @@
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Recline Data Explorer Demo</title> <title>Recline Data Explorer</title>
<meta name="description" content="A demo of the Recline Data Explorer"> <meta name="description" content="The Recline Data Explorer">
<meta name="author" content="Rufus Pollock and Max Ogden"> <meta name="author" content="Rufus Pollock and Max Ogden">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements --> <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
@@ -49,7 +49,7 @@
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container-fluid"> <div class="container-fluid">
<a class="brand" href="../">Recline Data Explorer Demo</a> <a class="brand" href="../">Recline Data Explorer</a>
<ul class="nav"> <ul class="nav">
<li><a href="../#docs">Documentation</a></li> <li><a href="../#docs">Documentation</a></li>
</ul> </ul>

0
demo/js/app.js → app/js/app.js
View File

0
demo/style/demo.css → app/style/demo.css
View File

43
index.html
View File

@@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Recline DataExplorer</title> <title>Recline Data Explorer and Library</title>
<!-- Le HTML5 shim, for IE6-8 support of HTML elements --> <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]> <!--[if lt IE 9]>
@@ -61,9 +61,9 @@
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
<a class="brand" href="#">Recline Data Explorer</a> <a class="brand" href="#">Recline Data Explorer and Library</a>
<ul class="nav"> <ul class="nav">
<li><a href="demo/">Demo</a></li> <li><a href="app/">Data Explorer</a></li>
<li><a href="#docs">Docs</a></li> <li><a href="#docs">Docs</a></li>
<li><a href="http://github.com/okfn/recline/">Code on GitHub</a></li> <li><a href="http://github.com/okfn/recline/">Code on GitHub</a></li>
</ul> </ul>
@@ -81,15 +81,28 @@
<div class="span9"><div class="content"> <div class="span9"><div class="content">
<div class="page-header"> <div class="page-header">
<h1> <h1>
Recline Data Explorer<br /> Recline Data Explorer and Library<br />
<small>Powerful and extensible JS data grid and explorer built on <a href="http://backbonejs.org/">Backbone</a></small> <small>
A. Powerful data explorer using only javascript and html
<br />
B. Suite of data components - grid, graphing and data connectors
<br />
&mdash; All built on <a href="http://backbonejs.org/">Backbone</a></small>
</h1> </h1>
</div> </div>
<p><strong>Recline combines a data grid, Google Refine-style data transforms <p>Recline is two things:</p>
and visualizations all in lightweight javascript and html.</strong></p> <ul>
<p>Designed for standalone use or as a library to integrate into your own <li>Data Explorer combining a data grid, Google Refine-style data
app. Recline builds on the powerful but lightweight Backbone framework transforms and visualizations all in lightweight javascript and html.</li>
making it extremely easy to extend and adapt and its modular design means you only have to take what you need.</p> <li>Simple but powerful library of extensible of data components - data
grid, graphing, and data connectors - which you can selectively use and
build on.</li>
</ul>
<p>The Explorer can be used standalone (just download and use) or can be
embedded into your own site. Recline builds on the powerful but lightweight
Backbone framework making it extremely easy to extend and adapt. The
library's modular design mean means you only have to take what you
need.</p>
<h2 id="features">Main Features</h2> <h2 id="features">Main Features</h2>
<ul> <ul>
@@ -108,10 +121,10 @@
</ul> </ul>
<h2>Screenshots</h2> <h2>Screenshots</h2>
<p><a href="demo/"><img src="http://farm8.staticflickr.com/7020/6847468031_0f474de5f7_b.jpg" alt="Recline Data Explorer Screenshot" style="width: 700px; display: block; margin-bottom: 30px;" /></a></p> <p><a href="app/"><img src="http://farm8.staticflickr.com/7020/6847468031_0f474de5f7_b.jpg" alt="Recline Data Explorer Screenshot" style="width: 700px; display: block; margin-bottom: 30px;" /></a></p>
<h2 id="demo">Demo</h2> <h2 id="demo">Demo</h2>
<p><a href="demo/index.html" class="btn">For Recline Demo Click Here &raquo;</a></p> <p><a href="app/index.html" class="btn">For demo see the Data Explorer &raquo;</a></p>
<h2 id="docs">Documentation</h2> <h2 id="docs">Documentation</h2>
<h3 id="docs-using">Quickstart</h3> <h3 id="docs-using">Quickstart</h3>
@@ -136,8 +149,8 @@ var explorer = recline.View.DataExplorer({
Backbone.history.start(); Backbone.history.start();
</pre> </pre>
<p>More details and examples: see docs below and the <a <p>More details and examples: see docs below and the <a
href="demo/">Demo</a> -- just hit view source (NB: the javascript for the href="app/">Demo</a> -- just hit view source (NB: the javascript for the
demo is in: <a href="demo/js/app.js">app.js</a>).</p> demo is in: <a href="app/js/app.js">app.js</a>).</p>
<h3 id="docs-concepts">Concepts and Structure</h3> <h3 id="docs-concepts">Concepts and Structure</h3>
<p>Recline has a simple structure layered on top of the basic Model/View <p>Recline has a simple structure layered on top of the basic Model/View
@@ -203,6 +216,8 @@ Backbone.history.start();
</div></div> <!-- /span9 /content --> </div></div> <!-- /span9 /content -->
<div class="span3 sidebar"> <div class="span3 sidebar">
<div class="well sidebar-nav"> <div class="well sidebar-nav">
<h3 class="nav-header">Use It</h3>
<p class="getit-btn"><a href="app/" class="btn primary">Visit the Data Explorer &raquo;</a></p>
<h3 class="nav-header">Get It</h3> <h3 class="nav-header">Get It</h3>
<p class="getit-btn"><a href="recline.js" class="btn primary">Development Version<br />v0.3 (67k)</a></p> <p class="getit-btn"><a href="recline.js" class="btn primary">Development Version<br />v0.3 (67k)</a></p>
<h4>Dependencies</h4> <h4>Dependencies</h4>