design + contact

app/assets/javascripts/public.js.coffee

@@ -165,6 +165,21 @@ resize = () ->
 
 $(window).load ->
   resize()
+  
+  $(document).on "scroll", ->
+    scroll_ajust()
+  
+  $(document).on "touchmove", ->
+    scroll_ajust()
+
+  scroll_ajust = () ->
+    var_scroll = $(window).scrollTop()
+    if var_scroll > 100
+      $(".top").addClass("move_top")
+    else
+      $(".top").removeClass("move_top")
+    
+  
 
 $ ->
   $(window).bind "resize", ->
@@ -172,4 +187,5 @@ $ ->
   resize()
   
 
-	
+
+  

app/assets/stylesheets/public.scss

@@ -276,12 +276,34 @@ a{
 }
 
 .top{
-  position:absolute;
+  position:fixed;
   top:0px;
   left:0px;
   right:0px;
-  height:350px;
+
    z-index:10;
+   
+   
+   
+   .contact{
+     
+     font-family:"din_alternatebold", Arial, sans-serif;
+     font-size:1.1em;
+      position:absolute;top:20px;right:20px;
+      color:white;
+      text-align:right;
+      
+      div{
+        padding:5px;
+        
+      }
+      a{
+        
+        color:white;
+        
+      }
+     
+   }
   
   #logo{
     
@@ -291,6 +313,31 @@ a{
 
     height:70px;
   }
+  
+  
+  
+  &.move_top{
+    background:rgba(11,37,57,0.9);
+    .contact{
+      float:right;
+      position:static;
+      margin:20px 20px;
+      div{
+        
+        display:inline;
+      }
+    }
+    
+    
+    #logo{
+      float:left;
+      position:static;
+      margin:15px 20px;
+      height:40px;
+      
+    }
+    
+  }
  
   
   

app/views/layouts/public.html.haml

@@ -39,6 +39,13 @@
     
     .top
       =image_tag("/logo.png", :id => "logo")
+      
+      .contact
+        %div
+          +33 (0)3 88 85 05 40
+        %div
+          =link_to "contact@jipe.fr", "mailto:contact@jipe.fr"
+      .clear
     
     
     .main{:class => (@menu_item.slug if @menu_item)}