add old haml/sass for potential template

Author: tonywok

index.haml

@@ -0,0 +1,20 @@
+!!!
+%html
+  %head
+    %title Osurb
+    %link(rel='stylesheet' type='text/css' href='/osurb.css')
+  %body
+    #header
+      %h1 osu.rb
+      %img{:id => 'logo', :src => '/osurb.png'}
+    #content
+      .introduction
+        %h2 Who Are We?
+        %p
+          We're a bunch of students, graduates and alumni
+      %a{:href => "foo"} Follow Us
+      .introduction
+        %h2 Who Can Join?
+        %p
+          Lorem ipsum dolar
+      %a{:href => "foo"} Join the Mailing List

osurb.sass

@@ -0,0 +1,52 @@
+@import reset.sass
+
+body
+  background-color: #5F0C17
+  width: 650px
+  margin: 0 auto
+  font-family: arial
+
+  #header
+    margin-bottom: -20px
+    position: relative
+    img
+      width: 65%
+      padding-left: 20px
+    h1
+      position: absolute
+      right: 20px
+      bottom: 40px
+      color: #e5e5e5
+      font-size: 90px
+  h2
+    color: #fff
+    font-size: 22px
+    padding: 0 0 10px 0
+
+  .introduction
+    margin-bottom: 5px
+    padding: 20px
+    background-color: #6F242E
+    background-color: rgba(255, 255, 255, 0.1)
+    p 
+      color: #e5e5e5
+      -moz-border-radius: 5px
+      -webkit-border-radius: 5px
+      border-radius: 5px
+  a
+    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6ECF36), to(#4E9326))
+    background-image: -moz-linear-gradient(center top , #6ECF36 0%, #4E9326 100%)
+    color: white
+    display: block
+    margin: 10px 0px 30px 450px
+    padding: 8px 0
+    text-align: center
+    text-decoration: none
+    text-shadow: rgba(0, 0, 0, 0.292969) 
+    -moz-border-radius: 5px
+    -webkit-border-radius: 5px
+    border-radius: 5px
+    &:hover
+      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4E9326), to(#528F2C))
+      background-image: -moz-linear-gradient(center top , #4E9326 0%, #528F2C 100%)
+