diff --git a/_layouts/default.html b/_layouts/default.html index 5e017112..85c33fbb 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -78,19 +78,24 @@

Use the Library »

Recline.js is freely redistributable under the terms of the MIT license.

-
+
+
+
+
-
+
Contacts
diff --git a/css/site/site.css b/css/site/site.css index 1d4aa426..b6d5092d 100644 --- a/css/site/site.css +++ b/css/site/site.css @@ -31,101 +31,6 @@ a { a:hover { color: #bc130e; } -a.dotted { - border-bottom-width: 1px; - border-bottom-style: dotted; - border-bottom-color: #333; - color:#333; -} -a.dotted:hover { - text-decoration:none; -} - -.btn-explorer { - background: #545454; /* Old browsers */ - background: -moz-linear-gradient(top, #545454 0%, #454545 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545454), color-stop(100%,#454545)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #545454 0%,#454545 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #545454 0%,#454545 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #545454 0%,#454545 100%); /* IE10+ */ - background: linear-gradient(top, #545454 0%,#454545 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545454', endColorstr='#454545',GradientType=0 ); /* IE6-9 */ - border-color: #454545 #454545 #454545; - filter: progid:dximagetransform.microsoft.gradient(enabled=false); - border: 1px solid #454545; - border-bottom-color: #454545; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - color:#FFF; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -} -.btn-explorer:hover, -.btn-explorer:active, -.btn-explorer.active, -.btn-explorer.disabled, -.btn-explorer[disabled] { - background-color: #454545; - background-image:none; - color:#FFF; -} -.btn-explorer:active, -.btn-explorer.active { - background-color: #454545 \9; - background-image:none; - color:#FFF; -} - -.btn-large { - padding: 9px 14px; - -webkit-border-radius: 25px; - -moz-border-radius: 25px; - border-radius: 25px; - margin-right:10px; -} - -.btn-library { - background: #c7231d; /* Old browsers */ - background: -moz-linear-gradient(top, #c7231d 0%, #bc130e 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7231d), color-stop(100%,#bc130e)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #c7231d 0%,#bc130e 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #c7231d 0%,#bc130e 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #c7231d 0%,#bc130e 100%); /* IE10+ */ - background: linear-gradient(top, #c7231d 0%,#bc130e 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7231d', endColorstr='#bc130e',GradientType=0 ); /* IE6-9 */ - border-color: #0055cc #0055cc #003580; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:dximagetransform.microsoft.gradient(enabled=false); -} -.btn-library:hover, -.btn-library:active, -.btn-library.active, -.btn-library.disabled, -.btn-library[disabled] { - background-color: #bc130e; - background-image:none; -} -.btn-library:active, -.btn-library.active { - background-color: #bc130e \9; -} - -.btn-large .icon-large { - height:25px; - width:25px; - margin-top:-4px; - margin-right:7px; -} -.btn-large .icon-white.icon-large { - background-image: url(images/icons/white.png); - background-repeat: no-repeat; -} -.btn-large .icon-white.icon-arrow-down.icon-large { - background-position: 3px 1px; -} -.btn-large .icon-white.icon-graph.icon-large { - background-position: -50px 4px; -} /* --------------------------------------------------- Layout @@ -192,6 +97,10 @@ section { margin-bottom:0px; border:none; font-family:'Open Sans', Helvetica, Arial, sans-serif; + padding: 60px; + padding-bottom: 150px; + /* hide crocodile top to footer on front page */ + margin-bottom: -30px; } .home-page.page-header a { color:#FFF; @@ -207,14 +116,8 @@ section { .home-page.page-header .inner { padding:0px 0px 30px 40px; font-size:16px; -} -.home-page.page-header .inner ol { - list-style-type:upper-latin; - font-size:20px; - font-style:italic; -} -.home-page.page-header .inner .header-button { - display:inline-block; + line-height: 23px; + width: 400px; } .home-page.page-header:after { diff --git a/index.html b/index.html index 141786cc..520e0c09 100644 --- a/index.html +++ b/index.html @@ -11,98 +11,11 @@ title: Home Recline Data Explorer and Library
-
    -
  1. Powerful data explorer built in pure javascript and html
    2. -
  2. A library of data components - grid, graphing and data connectors
    3. -
- — All built with Backbone -
-
- Use the Explorer - Use the Library + A simple but powerful library for building data applications in + pure Javascript and HTML.
-
-
-
-
-

Recline is Two Things

-
-
-
-
-
    -
  • A Data Explorer combining a data grid, Google Refine-style data - transforms and visualizations all in lightweight javascript and html.
    • -
  • A simple but powerful library of extensible of data components - data - grid, graphing, and data connectors - which you can selectively use and build - on.
    • -
-
-
-

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.

-
-
-
-
-

Main Features

-
    -
  • View and edit your data in a clean grid / table interface
    • -
  • Bulk update/clean your data using an easy scripting UI
    • -
  • Easily extensible with new Backends so you can connect to your - database or storage layer
    • -
  • Visualize data
    • -
  • Open-source, pure javascript and designed for integration -- so it is - easy to embed in other sites and applications
    • -
  • Built on the simple but powerful Backbone giving a - clean and robust design which is easy to extend
    • -
  • Properly designed model with clean separation of data and presentation
    • -
  • Componentized design means you use only what you need
    • -
-
-
- Recline Data Explorer Screenshot -
-
-
-
- -
-
-
-
-

History

-
-
-
-
-

Max Ogden was developing Recline as the frontend data browser and editor for - his http://datacouch.com/ project. - Meanwhile, Rufus Pollock and the CKAN team at - the Open Knowledge Foundation had been working - on a Data Explorer for use in - the DataHub and CKAN software.

- -

When they met up, they realized that they were pretty much working on the - same thing and so decided to join forces to produce the new Recline Data - Explorer.

-
-
-

The new project forked off Max's original recline - codebase combining some portions of the original Data Explorer. - However, it has been rewritten from the ground up using Backbone.

-
-
-
-