suite

app/assets/javascripts/application.js.coffee

@@ -13,7 +13,8 @@ bottom = 0
 prev_link = ""
 
 $ ->  
-
+  $(".top_link").click ->
+    $('html,body').animate({scrollTop: 0},'slow');
   position_img_now = ->
     
     
@@ -175,13 +176,17 @@ $ ->
   $(".slider .slides").superslides
     inherit_width_from: ".slider"
     inherit_height_from: ".slider"
-    play: 2000
+    play: 6000
-    animation_speed: 2500
+    animation_speed: 3000
     animation_easing: "swing"
   
   
 
 @scroll_ajust = ->
+  
+  var_scroll = $(window).scrollTop()
+  
+  
   if( $(this).scrollTop() <= 300 ) 
     top = 300 - $(this).scrollTop()
     $("#menu").removeClass "scroll"
@@ -193,6 +198,18 @@ $ ->
     top : top
     
   
+  if var_scroll > 100
+    $(".top_link").css
+      "opacity" : 1
+  else
+    $(".top_link").css
+      "opacity" : 0
+
+
+  
+  
+  
+
 $(document).on "scroll", () ->
   scroll_ajust()
   

app/assets/stylesheets/public.scss

@@ -142,7 +142,9 @@ h3{
 }
 
 #body{
+  margin:0 20px;
   margin-top:30px;
+  
 }
 
 .clear{
@@ -530,19 +532,27 @@ cursor:pointer
     
     
 #bottom {
-  background: #D5F6FE;
+  background: #f9f5ee;
-  height: 182px;
+  padding:20px;
-  color: #82827d;
+  color: #603a18;
   width: 100%;
   text-align: center;
-  table {
+
-    width: 100%;
-    margin: auto;
 
   text-align: left;
   a {
-      color: #82827d;
+    color: #603a18;
-      text-decoration: none; } } }
+    text-decoration: none; 
+
+  } 
+  
+  .col{
+    float:left;
+  }
+} 
+  
+  
+
 
 #sidebar{
   width:300px;
@@ -641,3 +651,47 @@ cursor:pointer
   
 }
 
+.socials_links{
+  position:fixed;
+  bottom:300px;
+  right:0;
+  
+  .link{
+    display:block;
+  
+    width:50px;
+    text-align:center;
+    padding:12px 0;
+    position:relative;
+  
+  
+    color:white;
+    font-size:1.2em;
+    &.twitter{
+      background:rgba(54,174,218,1);
+    }
+  
+    &.facebook{
+    
+      background:rgba(60,90,150,1);
+    }
+  
+  
+  
+  }
+
+  .top_link{
+    opacity:0;
+    transition-duration:0.5s;
+    padding:3px 7px;
+    font-size:2.5em;
+    display:block;
+    cursor:pointer;
+    color:rgba(215,215,215,1);
+    &:hover{
+      color:rgba(180,180,180,1);
+    }
+  }
+
+
+}

app/views/layouts/public.html.haml

@@ -117,7 +117,8 @@
       
       
   
-      #body{:class => ("with_sidebar" if first_level_menu.children.size > 0)}=yield
+      #body{:class => ("with_sidebar" if first_level_menu and first_level_menu.children.size > 0)}
+        =yield
       .clear
       
       -if @menu_item and @menu_item.id == 1
@@ -164,9 +165,8 @@
           
       #bottom 
   
-        %table
+
-          %tr
+        .col{:style => "width:40%;"}
-            %td{:style => "border:0px solid ;width:40%;padding:20px;padding-top:10px; "}
           %h3 Visites sur réservation :
     
 
@@ -174,30 +174,39 @@
           %br
           Ouvert tous les jours de l'année.
           %br
-        
-        
           %br
-              Groupes à partir de 6 personnes, maximum 
+          Tel : 04 76 91 03 34
           %br
-              30 personnes. Au-delà, nous consulter.
+          %br
+          N° Siret :  430 323 113 00018
           
-            %td{:style => "border:0px solid ; width:20%;text-align:center;"}
+          
+    
+    
+
+    
+        .col{:style => "width:20%;text-align:center;"}
           %h3 Ballalama
 
           80 chemin du champ de l’Orme
           %br
           38140 Réaumont
           %br
-              %br
+          
-              %br
+          =link_to image_tag("/afla.png", :class => "afla"), "http://www.lamas-alpagas.org/", :target => "_blank"
+            
+          =link_to image_tag("/ferme.png", :class => "ferme"), "http://www.bienvenue-a-la-ferme.com/", :target => "_blank"
+          .clear
+          
+          
           %br
           = link_to "Mentions légales","/mentions-legales"
     
-            %td{:style => "border:0px solid ;width:40%;text-align:right; "}
+        .col{:style => "width:40%;text-align:right;"}
     
 
           = link_to(image_tag( "/plan.png", :alt => "Ballalama élevage et promenades en lama à Réaumont", :style => "margin-right:10px"), "/pages/plan-dacces.html")
-
+        %br
     
     
         .clear
@@ -205,3 +214,10 @@
       
     
     
+    .socials_links
+      .top_link
+        =i(:"arrow-circle-o-up")
+     
+      
+        
+

app/views/public/shared/_first_menu.html.haml

@@ -1,4 +1,5 @@
 .links
+  =link_to ic(:home), "/", :class => "link"
   =link_to "Actualités", public_articles_path(), :class => "link"
   -MenuItem.where(:parent_id => nil, :menu_id => Menu.first.id).order(:position).each do |menu_item|
     =menu_item_link(menu_item)