suite

app/assets/javascripts/coming.js.coffee

@@ -7,6 +7,11 @@
 @resize = () ->
   
   
+  $(".with_ratio").each ->
+    ratio = parseFloat($(this).data("ratio"))
+    height = $(this).width()*ratio
+    
+    $(this).css("height",height+"px")
     
   $("#logo").css('margin-top': (($(window).height()-($("#logo").outerHeight()+0))/ 2-10)+'px')
       

app/views/public/home/coming.html.haml

@@ -81,21 +81,35 @@
 
 
 
-  %body{:style => "background-image:url('/background.jpg');"}
+  %body{:style => "background-image:url('/backgroundold.jpg');"}
-  
+    %div{:style => "background-image:url('/background.jpg');"}
     :scss
       body{
-        background:center center no-repeat;
+        
+      }
+      
+      div{
+        position:absolute;
+        top:0;
+        left:0;
+        right:0;
+        bottom:0;
+        background:#888888 center center no-repeat;
+        background-size:100%;
         background-size:cover;
+        padding:0;
+        margin:0;
+        height:100%;
       }
       
       #logo{
-        width:230px;
+        width:100%;
-        height:197px;
+        max-width:230px;
+      
         margin:auto;
         display:block;
         opacity:0.8;
       }
   
-    =image_tag "/coming_logo.png", :id => "logo"
+    =image_tag "/coming_logo.png", :id => "logo", :data => {:ratio => 0.85652174 }