Blank slate homepage

lib/ui/web.rb

@@ -3,7 +3,8 @@
 set :views,  Integrity.root / "lib/ui/web/views"
 
 get "/" do
-  show :home, :title => "Integrity"
+  @projects = []
+  show :home, :title => "Projects"
 end
 
 get "/new" do

lib/ui/web/views/home.haml

@@ -0,0 +1,8 @@
+- if @projects.empty?
+  .blank_slate
+    %p None yet, huh? 
+    %h1
+      Why don't you
+      = succeed "?" do
+        %a{ :href => "/new" } create your first project
+

lib/ui/web/views/integrity.sass

@@ -2,12 +2,13 @@
 !monospace_fonts = "Monaco, Deja Vu Sans Mono, Bitstream Vera Sans Mono, Inconsolata, Consolas, monospace"
 
 !page_bg      = #e0e0e0
-!content_bg   = #efefef
+!content_bg   = #eee
 !header_bg    = #fff
 !text_color   = #333
 !title_color  = #4e4e4e
 !link_color   = #ed1556
 !link_bg      = #fff
+!rule_color   = #c0c0c0
 
 html
   :background-color = !page_bg
@@ -37,7 +38,12 @@ a
   :background = !header_bg
   h1
     :font-weight bold
-    :text-align right
+    :font-size 1.5em
+  address
+    :position absolute
+    :font-weight bold
+    :right 3em
+    :top 0
     :font-size .75em
     a
       :color = !title_color
@@ -46,14 +52,6 @@ a
       &:hover
         :background transparent
         :color = !title_color - #222
-
-  #navigation
-    :position absolute 
-    :left 23em
-    :top 4.5em
-    li
-      :float left
-      :margin-right 1em
 
 #content
   :padding-top 1em
@@ -67,34 +65,21 @@ a
   h1, h2, h3, h4, h5, h6
     :color = !title_color
   h1
-    :position absolute
-    :font-size 2em
-    :font-weight bold
-    :top -1.5em
-    :right 0
-    :margin-top -5px
-    :padding .2em .5em
-    :border-bottom 1px solid #e0e0e0
-    :width 40em
-    :text-align right
-    :z-index 0
-  h2
     :font-size 2em
     :font-weight bold
     :margin-bottom .75em
     :padding .25em 0
     :line-height 1.2
-    :background #f8f8f8
-    :border-bottom 1px solid #c0c0c0
-  h3
+    :border-bottom = 1px solid !rule_color
+  h2
     :font-weight bold
     :font-size 1.5em
     :margin 1em 0 .2em
-  h4
+  h3
     :font-weight bold
     :font-size 1.25em
     :margin .25em 0
-  h5, h6
+  h4, h5, h6
     :font-weight bold
     :margin-top .5em
 
@@ -118,30 +103,14 @@ a
     button
       :font-weight bold
 
-  ul, ol
-    :margin-left 1em
-    :margin-bottom 1em
-  ul li
-    :list-style-type disc
-  ol li
-    :list-style-type decimal
-
-  blockquote
-    :margin .5em 0
-    :padding .5em 0 0 2em
-    :font-size 1.25em
-    :color #333
-    :position relative 
-    :background url(/quotes.png) left top no-repeat
+  .blank_slate
     p
+      :position relative
+      :top .3em
+    h1
+      :border-width 0
       :margin 0
       :padding 0
-      :position relative  
-    address
-      :display block
-      :text-align right 
-      :margin-top .5em 
-      :font-size .85em
 
 #footer
   :padding 1.5em 2.5em

lib/ui/web/views/layout.haml

@@ -8,7 +8,8 @@
     %link{ :media => "screen", :type => "text/css", :href => "/integrity.css", :rel => "stylesheet" }
   %body
     #header
-      %h1
-        managed with
-        %a{ :href => "http://github.com/foca/integrity", :title => "" } Integrity
+      %h1= @title
+      %address
+        checked with
+        %a{ :href => "http://github.com/foca/integrity", :title => "The fun continuous integration server" } Integrity
     #content= yield