diff --git a/app/assets/javascripts/coming.js.coffee b/app/assets/javascripts/coming.js.coffee index afc1da4..2d3f43e 100644 --- a/app/assets/javascripts/coming.js.coffee +++ b/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') diff --git a/app/views/public/home/coming.html.haml b/app/views/public/home/coming.html.haml index af96b15..381708c 100644 --- a/app/views/public/home/coming.html.haml +++ b/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; - height:197px; + width:100%; + 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 } \ No newline at end of file diff --git a/public/background.jpg b/public/background.jpg index 8d2a9aa..0293a14 100644 Binary files a/public/background.jpg and b/public/background.jpg differ diff --git a/public/backgroundold.jpg b/public/backgroundold.jpg new file mode 100644 index 0000000..efee654 Binary files /dev/null and b/public/backgroundold.jpg differ