Upgrade to bootstrap 2 and layout changes

courses/views/form.jade

@@ -1,42 +1,40 @@
 div.row
-  div.span-4
+  div.span4
     fieldset
       legend Course Form
-      .clearfix
         label(for="course-name") Name
         input(type="text", name="name", id="course-name", value=course.name)
-      .clearfix
+
         label(for="course-price") Price
-        input(type="text", name="price", id="course-price",
-        value=course.price)
-      .clearfix
+        input(type="text", name="price", id="course-price", value=course.price)
+
         label(for="course-location") Location
         input(type="text", name="location", id="course-location", value=course.location)
-      .clearfix
+
         label(for="course-summary") Summary
         textarea(name="summary", id="course-summary", rows="3", cols="30").large= course.summary
-      .clearfix
+
         label(for="course-description") Description
         textarea(name="description", id="course-description", rows="6", cols="30").large= course.description
-  div.span-4
+  div.span4
     fieldset
       legend Learners
-      .clearfix
+
         label(for="course-min-learners") min
         input(type="text", name="min-learners", id="course-min-learners", value=course['min-learners'])
-      .clearfix
+
         label(for="course-max-learners") max
         input(type="text", name="max-learners", id="course-max-learners", value=course['max-learners'])
-  div.span-4
+  div.span4
     fieldset
       legend Important Dates [use MM/DD/YYYY format]
-      .clearfix
+
         label(for="course-decision-date") Decision date
         input(type="text", name="decision-date", id="course-decision-date", value=course.date('decision-date'))
-      .clearfix
+
         label(for="course-start-date") Start date
         input(type="text", name="start-date", id="course-start-date", value=course.date('start-date'))
-      .clearfix
+
         label(for="course-end-date") End date
         input(type="text", name="end-date", id="course-end-date", value=course.date('end-date'))
 div.actions

courses/views/index.jade

@@ -1,9 +1,9 @@
 h1= title
 
 div.row
-  div.span-4.well
+  div.span4.well
     a(href="/courses/new").course-new.btn.large.primary Create your own Course
-  div.span-12
+  div.span12
     table.courses-list
       - courses.forEach(function(course) {
         tr

learners/views/index.jade

@@ -1,21 +1,26 @@
 div.row
-  h2 Please use one of these excellent sites to tell us who you are
+  div.span12
+    img(src='/img/billboard.png').billboard
+    h2 Please use one of these excellent sites to tell us who you are
 
-  div.span-2
-    a(href='/auth/facebook')
-      img(style='border: 0px', src='/img/facebook_64.png')
-  div.span-2
-    a(href='/auth/twitter', style='border: 0px')
-      img(style='border: 0px', src='/img/twitter_64.png')
-  div.span-2
-    a(href='/auth/google', style='border: 0px')
-      img(style='border: 0px', src='/img/google_64.png')
+  div.login-logos.row
+    div.span1.offset1
+      a(href='/auth/facebook')
+        img(style='border: 0px', src='/img/facebook_64.png')
+    div.span1
+      a(href='/auth/twitter', style='border: 0px')
+        img(style='border: 0px', src='/img/twitter_64.png')
+    div.span1
+      a(href='/auth/google', style='border: 0px')
+        img(style='border: 0px', src='/img/google_64.png')
 
-div.clear
-- if (process.env.NODE_ENV != "production")
-  div.grid_9.login-logos
-    form(action="/dev-login", id="dev-login-form", method="POST")
-      fieldset
-        legend Development login
-        input(type="text", name="username", id="dev-username", value="developer")
-        input(type='submit', value='Login!').btn.primary
+    div.span6.offset1
+      - if (process.env.NODE_ENV != "production")
+        form(action="/dev-login", id="dev-login-form", method="POST")
+          .row.dev-login
+            .span2
+              span.label.label-info Development login
+            .span3
+              input(type="text", name="username", id="dev-username", value="developer")
+            .span1
+              input(type='submit', value='Login!').btn-info