effet realisations

app/assets/javascripts/application.coffee

@@ -243,9 +243,11 @@ $("document").ready ->
       $("#baseline").fadeIn()
       $("#logo-min").fadeOut()
         
-        
   
-    
+    if top > ($("#realisations").offset().top - $(window).height() / 2)
+      #alert "te"
+      $("#realisations #rea-gal").animate({left:0,opacity : 1}, 800, "swing")
+      
   
   
   resize()

app/assets/stylesheets/application.scss

@@ -210,6 +210,7 @@ width:560px;
  }
  #main{
  position:absolute;
+ z-index:2;
  width:100%;
  .center{
  margin:auto;
@@ -354,7 +355,7 @@ background:rgba(132,187,64,1);
  background:rgba(0,0,0,0.9);
  text-align:right;
  font-family:Lato;
- font-weight:200;
+ font-weight:300;
  text-decoration:none;
  position:relative;
  z-index:4;

app/views/welcome/index.html.haml

@@ -262,11 +262,11 @@
         
         </script>
         
-      #realisations
+      #realisations{:style => "overflow:auto;"}
       
         %h2 Exemples de réalisations
         
-        #rea-gal
+        #rea-gal{:style => "position:relative;opacity:0"}
           -(1..10).each do |i|
             =link_to image_tag("/realisation/#{i}-p.jpg"), "/realisation/#{i}.jpg", :data => {:title => "test",:lightbox => "image-1"}
           .clear