make pretty

README.md

@@ -1,5 +1,8 @@
 Node.js Knockout!!
+==================
 
-Node.js Knockout is a 48 hour hackathon, like [Rails Rumble](http://wwww.railsrumble.com).
+Node.js Knockout is a 48 hour hackathon, like [Rails Rumble]. Follow
+[@node_knockout] for updates.
 
-Follow [@node_knockout](http://www.twitter.com/node_knockout) for updates.
+[Rails Rumble]:http://railsrumble.com
+[@node_knockout]:http://twitter.com/node_knockout

nodeko.coffee

@@ -1,9 +1,7 @@
-json: JSON.stringify
-
 get /.*/, ->
   [host, path]: [@headers.host, @url.href]
-  if host == 'nodeknockout.com' or host == 'nodeknockout.heroku.com'
-    @redirect 'http://www.nodeknockout.com' + path
+  if host == 'www.nodeknockout.com' or host == 'nodeknockout.heroku.com'
+    @redirect 'http://nodeknockout.com' + path
   else
     @pass()
 
@@ -22,4 +20,4 @@ get '/*.css', (file) ->
 get '/*', (file) ->
   @pass "/public/${file}"
 
-server: run parseInt(process.env.PORT || 8000), null
+server: run parseInt(process.env.PORT || 8000), null

views/application.css.sass

@@ -1,9 +1,63 @@
+// http://kuler.adobe.com/#themeID/337112
+!black = #10222B
+!dark_green = #95AB63
+!light_green = #BDD684
+!light_blue = #95b1b5
+!white = #F6FFF0
+
 body
   :padding 0
   :margin 0
-  :background-image url("/images/nodeko.png")
-  :background-repeat no-repeat
-  :background-attachment fixed
-  :background-position 50% 40%
-  *
-    :display none
+  :text-align center
+  :min-height 800px
+  :background-color !black
+  //:background -webkit-gradient(linear, left top, left bottom, from(!light_blue), to(!black))
+
+a:link, a:visited
+  :color !light_blue
+  :text-decoration none
+a:hover
+  :text-decoration underline
+
+#page
+  :margin 20px auto
+  :width 600px
+  :text-align left
+  :background-color !white
+  :border solid 1px rgba(0, 0, 0, 0.5)
+  :padding 1em 20px
+  :-webkit-box-shadow 1px 1px 5px rgba(0, 0, 0, 0.1)
+  :-moz-box-shadow 1px 1px 5px rgba(0, 0, 0, 0.1)
+  :color !black
+  p
+    :line-height 1.6em
+    &.center
+      :text-align center
+  .button
+    :background-color !light_blue
+    :background-image -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.1)))
+    &:active
+      :background-image -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.3)))
+    :border solid 1px !light_blue
+    :padding 10px
+    :color !white
+    :text-shadow 0px -1px 0px rgba(0, 0, 0, 0.15)
+    :-webkit-border-radius 3px
+    :-moz-border-radius 3px
+  .ribbon
+    :background-color !light_green
+    :padding 10px
+    :margin 0px 0px 0px -25px
+    :padding-left 25px
+    :color !white
+    :text-shadow 0px -1px 0px rgba(0, 0, 0, 0.15)
+    :-webkit-box-shadow 1px 1px 5px rgba(0, 0, 0, 0.1)
+    :-moz-box-shadow 1px 1px 5px rgba(0, 0, 0, 0.1)
+    a
+      :text-shadow 0px 1px 0px rgba(255, 255, 255, 0.3)
+  .footer
+    :margin-top 3em
+    :font-size small
+    .vr
+      :margin 1ex
+      :color rgba(255, 255, 255, 0.6)

views/index.html.haml

@@ -1,8 +1,40 @@
-%h1 Node Knockout
-%h2 You, node.js & 48hrs: a shot at glory
-
-.footer
-  %a{ href: 'mailto:[email protected]' } [email protected]
-  %a{ href: 'http://www.twitter.com/node_knockout' } @node_knockout
-  %a{ href: 'http://github.com/gerad/nodejs-knockout' } github
-  %a{ href: 'http://www.fortnightlabs.com/' } fortnight labs
+#page
+  %h1.ribbon node.js knockout
+
+  %h2 What
+  %p
+    We ♥
+    != ' <a href="http://railsrumble.com">Rails Rumble</a>. '
+    We &hearts;
+    != ' <a href="http://nodejs.org">node.js</a>. '
+    So we decided to combine the two and got
+    != ' <strong>node.js knockout &mdash; a 48-hour programming contest using node.js</strong>. '
+  %p.center
+    %a.button{ href: 'http://twitter.com/node_knockout' } Follow us on Twitter
+
+  %h2 How
+  %p
+    The format will be very much like Rails Rumble: 48 hours, teams of 4,
+    whatever other technology you want as long as it includes node.js, rounds
+    of judging, and prizes! The ideas we suspect will not: node.js is
+    very good at bleeding edge things and encourages use of other bleeding
+    edge things like mongodb and redis.
+
+  %h2 When
+  %p
+    We're rapidly working on picking the best date.
+    %a{ href: 'http://twitter.com/node_knockout' } Follow us on Twitter
+    to get notified of the details.
+
+  .footer.ribbon
+    email
+    %a{ href: 'mailto:[email protected]' } [email protected]
+    %span.vr |
+    twitter
+    %a{ href: 'http://twitter.com/node_knockout' } @node_knockout
+    %span.vr |
+    code
+    %a{ href: 'http://github.com/gerad/nodejs-knockout' } github
+    %span.vr |
+    by
+    %a{ href: 'http://www.fortnightlabs.com/' } fortnight labs

views/layout.html.haml

@@ -1,7 +1,7 @@
 !!! 5
 %html
   %head
-    %title node.js knockout!!
+    %title node.js knockout
     %meta{ name: 'viewport', content: 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;' }
     %meta{ name: 'apple-mobile-web-app-capable', content: 'yes' }
     %meta{ name: 'apple-mobile-web-app-status-bar-style', content: 'black-translucent' }