summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorTrygve Laugstøl <trygvis@inamo.no>2012-07-03 10:45:14 +0200
committerTrygve Laugstøl <trygvis@inamo.no>2012-07-03 10:45:14 +0200
commitb13b4a86e72371835a4cdcf3ad3bab56762ea0fd (patch)
tree8a1b70157fa79fededc37cba4f4deee39f7ca363
parentd695bd4282b356037e7588c3157a7e9b46a7a455 (diff)
downloadcollection-json-explorer-b13b4a86e72371835a4cdcf3ad3bab56762ea0fd.tar.gz
collection-json-explorer-b13b4a86e72371835a4cdcf3ad3bab56762ea0fd.tar.bz2
collection-json-explorer-b13b4a86e72371835a4cdcf3ad3bab56762ea0fd.tar.xz
collection-json-explorer-b13b4a86e72371835a4cdcf3ad3bab56762ea0fd.zip
o Improved front page.
-rw-r--r--routes/index.js1
-rw-r--r--views/data.jade2
-rw-r--r--views/index.jade23
3 files changed, 10 insertions, 16 deletions
diff --git a/routes/index.js b/routes/index.js
index 5f2c79c..ce0d6aa 100644
--- a/routes/index.js
+++ b/routes/index.js
@@ -13,7 +13,6 @@ function urlgenerator(req) {
exports.index = function(req, res){
res.render('index', {
- title: 'Collection+JSON Explorer',
host: req.headers.host
});
};
diff --git a/views/data.jade b/views/data.jade
index 502a978..5c93aef 100644
--- a/views/data.jade
+++ b/views/data.jade
@@ -201,7 +201,7 @@ block inner_content
div(class='page-header')
h1 Items
if collection.items.length > 1
- small #{collection.items.length} items
+ span(class='badge') #{collection.items.length}
block items
section(id='queries')
div(class='page-header')
diff --git a/views/index.jade b/views/index.jade
index 32efc59..913b131 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -12,22 +12,17 @@ block navbar
block inner_content
div(class='hero-unit')
- h1= title
+ h1 &#x2764; Collection+JSON &#x2764;
// spacers
div(class='row-fluid') &nbsp;
div(class='row-fluid') &nbsp;
div(class='row-fluid')
- div(class='span10 input-append')
+ div(class='span12 input-append')
form(action='/render', class='form-search')
- input(type='text', name='url', placeholder='Resource to explore', class='span10')
+ input(type='text', name='url', placeholder='Resource to explore', class='span11')
button(type='submit', class='btn btn-primary') Explore
- //
- p
- form(action='/render', class='form-search')
- input(type='text', name='url', placeholder='Enter URL to explore...', class='span6')
- button(type='submit', class='btn') Explore
div(class='row-fluid')
div(class='span4')
@@ -44,15 +39,15 @@ block inner_content
| only the generic Collection+JSON specification and not
| knowing anything about your application.
- h3 REST/Collection+JSON Resources
+ h3 See also
p There's a growing C+J community that's discussing on the
a(href='https://groups.google.com/forum/#!forum/collectionjson') Google Group
| .
- p The
- a(href='http://amundsen.com/media-types/collection/') formal specification
- | with a tutorial and examples.
+ p Reading the (quite light)
+ a(href='http://amundsen.com/media-types/collection/') formal specification
+ | is useful. It also has a tutorial and some examples.
div(class='span4')
h2 Using
@@ -79,8 +74,8 @@ block inner_content
a(href='http://employee.herokuapp.com') Employee
|application is a set of resources with employees and
|departments. The application was made specifically for this
- |explorer.
- a(href='http://' + host + '/render?url=http%3A%2F%2Femployee.herokuapp.com') Explore now!
+ |explorer:
+ a(href='http://' + host + '/render?url=http%3A%2F%2Femployee.herokuapp.com', class='label label-info') explore now!
p The specification contains a few example collections too which you can explore:
- var examples = [ "minimal", "collection", "item", "queries", "template", "error" ]