Add views

public/stylesheets/mixins.styl

@@ -0,0 +1,13 @@
+/*
+ * Generic rules
+ */
+fonts = "Helvetica Neue", Helvetica, Arial, sans-serif
+font_title = Futura, "Century Gothic", AppleGothic, sans-serif
+
+title_color = #333
+text_color = #000
+
+vendor(prop, args)
+  -webkit-{prop} args
+  -moz-{prop} args
+  {prop} args

public/stylesheets/reset.styl

@@ -0,0 +1,39 @@
+/**
+ * Generic styles
+ */
+html
+  overflow-y scroll
+  -webkit-text-size-adjust 100%
+  -ms-text-size-adjust 100%
+
+body
+  font 0.8em/1.5 fonts
+  width 100%
+  height 100%
+  color #404040
+  -webkit-font-smoothing antialiased
+  font-smoothing antialiased
+  text-rendering optimizeLegibility
+
+img, object
+  max-width 100%
+
+img
+  vendor('box-shadow', 0 0 6px #111)
+
+label
+  display block
+  float none
+  width auto
+  font-weight bold
+  text-align left
+  line-height 20px
+  cursor pointer
+
+strong
+  font-weight bold
+
+::-moz-selection, ::selection
+  background #fee9cc
+  color #222
+  text-shadow none

views/404.jade

@@ -0,0 +1,3 @@
+img(src='/images/404.jpg', class='decorator', alt='')
+h2 404
+p Your search #{url} is missing

views/500.jade

@@ -0,0 +1,2 @@
+h1 Error: #{error.message}
+pre= error.stack

views/includes/css-base.jade

@@ -0,0 +1,4 @@
+link(rel='stylesheet', href='/stylesheets/reset.css')
+link(rel='stylesheet', href='http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css')
+link(rel='stylesheet', href='/stylesheets/prettify.css')
+link(rel='stylesheet', href='/stylesheets/style.css')

views/includes/head.jade

@@ -0,0 +1,7 @@
+!!! 5
+html(lang='en', class='no-js')
+  head
+    meta(charset='utf-8')
+    meta(http-equiv='X-UA-Compatible', content='IE=edge,chrome=1')
+    meta(name='viewport', content='width=device-width; initial-scale=1.0; maximum-scale=1.0;')
+    link(rel='apple-touch-icon', href='/apple-touch-icon.png')

views/includes/js-base.jade

@@ -0,0 +1,8 @@
+
+script(src='/javascripts/lib/jquery-1.6.4.min.js')
+script(src='/javascripts/lib/underscore-min.js')
+script(src='/javascripts/lib/backbone-min.js')
+script(src='/javascripts/lib/modernizr-1.7.min.js')
+script(src='/javascripts/lib/yepnope.1.0.1-min.js')
+script(src='/javascripts/lib/respond.min.js')
+script(src='/javascripts/lib/prettify.js')

views/includes/main-nav.jade

@@ -0,0 +1,9 @@
+
+ul
+  li
+    a(href="/", class="home") Home
+  li
+    a(href="/articles") Articles
+
+.profile
+    p you profile text ...

views/index.jade

@@ -0,0 +1,35 @@
+
+include ../includes/head
+  include ../includes/css-base
+  include ../includes/js-base
+  script(src='/socket.io/socket.io.js')
+  script(src='/javascripts/socket-io.js')
+  script(src='/javascripts/script.js')
+  - if (typeof head_title !== 'undefined')
+    title
+      #{head_title}
+  - else
+    title
+      #{settings.siteName}
+body
+  .topbar(role="banner")
+    .fill
+      .container
+        p.title
+          a(class="brand", href="/")
+            #{settings.siteName}
+          span#slogan(role='slogan') Playground with new cool web stuffs ...
+        p.login
+          - if (typeof session !== 'undefined')
+            | Hi !{session.username} | 
+            a#logout(href='/logout') Log Out
+          - else
+            a#login(href='/login') Login
+            //
+              |  or
+              a(href='/login/create') create
+  #wrapper
+    nav#main-menu(role="navigation")
+      include ../includes/main-nav
+    #main(role="main")!= body
+    footer 2011 - openbox.no.de