diff options
author | Trygve Laugstøl <trygvis@inamo.no> | 2012-06-30 15:39:02 +0200 |
---|---|---|
committer | Trygve Laugstøl <trygvis@inamo.no> | 2012-06-30 17:18:50 +0200 |
commit | aab2a2e598a435092c95f1ba26ff35866ebdcdfc (patch) | |
tree | 803e7639fd105c66444d59fb6a774c58e6ff1f21 /views | |
parent | 4af799c68089d2a56f69fc67c4c0cd9c82d176b8 (diff) | |
download | collection-json-explorer-aab2a2e598a435092c95f1ba26ff35866ebdcdfc.tar.gz collection-json-explorer-aab2a2e598a435092c95f1ba26ff35866ebdcdfc.tar.bz2 collection-json-explorer-aab2a2e598a435092c95f1ba26ff35866ebdcdfc.tar.xz collection-json-explorer-aab2a2e598a435092c95f1ba26ff35866ebdcdfc.zip |
o Adding basic Twitter Bootstrap + jQuery frame.
Diffstat (limited to 'views')
-rw-r--r-- | views/index.jade | 10 | ||||
-rw-r--r-- | views/layout.jade | 24 |
2 files changed, 27 insertions, 7 deletions
diff --git a/views/index.jade b/views/index.jade index cd12e4a..0c1c5bb 100644 --- a/views/index.jade +++ b/views/index.jade @@ -1,7 +1,7 @@ extends layout block content - h1 Collection+JSON Explorer + h1= title div This is a simple/dumb explorer for the a(href='http://amundsen.com/media-types/collection/') Collection+JSON Hypermedia @@ -18,9 +18,9 @@ block content p Taken from: a(href='http://amundsen.com/media-types/collection/examples/') Mike Amundsen's examples - ul - var examples = examples || [] - each example in examples - li + ul + each example in examples - var u='http://' + host + '/render?url=' + encodeURIComponent('http://' + host + '/examples/from-spec/' + example + '.collection+json') - a(href='#{u}') #{example} + li + a(href='#{u}') #{example} diff --git a/views/layout.jade b/views/layout.jade index 8fe7f51..4a9309d 100644 --- a/views/layout.jade +++ b/views/layout.jade @@ -2,6 +2,26 @@ doctype 5 html head title Collection+JSON Explorer - link(rel='stylesheet', href='/stylesheets/style.css') + meta(name='viewport', content='width=device-width, initial-scale=1.0') + link(href='/bootstrap-2.0.4/css/bootstrap.css', rel='stylesheet') + style + body { + padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */ + } + link(href='/bootstrap-2.0.4/css/bootstrap-responsive.css', rel='stylesheet') + // Le HTML5 shim, for IE6-8 support of HTML5 elements + // if lt IE 9 + script(src='http://html5shim.googlecode.com/svn/trunk/html5.js') + + // + link(rel='shortcut icon', href='/bootstrap-2.0.4/ico/favicon.ico') + link(rel='apple-touch-icon-precomposed', sizes='144x144', href='/bootstrap-2.0.4/ico/apple-touch-icon-144-precomposed.png') + link(rel='apple-touch-icon-precomposed', sizes='114x114', href='/bootstrap-2.0.4/ico/apple-touch-icon-114-precomposed.png') + link(rel='apple-touch-icon-precomposed', sizes='72x72', href='/bootstrap-2.0.4/ico/apple-touch-icon-72-precomposed.png') + link(rel='apple-touch-icon-precomposed', href='/bootstrap-2.0.4/ico/apple-touch-icon-57-precomposed.png') + body - block content + div(class='container') + block content + script(src='/javascripts/jquery-1.7.2.min.js') + script(src='/bootstrap-2.0.4/js/bootstrap.min.js') |