From aab2a2e598a435092c95f1ba26ff35866ebdcdfc Mon Sep 17 00:00:00 2001
From: Trygve Laugstøl <trygvis@inamo.no>
Date: Sat, 30 Jun 2012 15:39:02 +0200
Subject: o Adding basic Twitter Bootstrap + jQuery frame.

---
 views/index.jade  | 10 +++++-----
 views/layout.jade | 24 ++++++++++++++++++++++--
 2 files changed, 27 insertions(+), 7 deletions(-)

(limited to 'views')

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')
-- 
cgit v1.2.3