summaryrefslogtreecommitdiff
path: root/views
diff options
context:
space:
mode:
authorTrygve Laugstøl <trygvis@inamo.no>2012-06-30 15:39:02 +0200
committerTrygve Laugstøl <trygvis@inamo.no>2012-06-30 17:18:50 +0200
commitaab2a2e598a435092c95f1ba26ff35866ebdcdfc (patch)
tree803e7639fd105c66444d59fb6a774c58e6ff1f21 /views
parent4af799c68089d2a56f69fc67c4c0cd9c82d176b8 (diff)
downloadcollection-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.jade10
-rw-r--r--views/layout.jade24
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')