légères modifs

app/assets/javascripts/application.coffee

@@ -25,15 +25,16 @@ $("document").ready ->
     
     
     
+
     
+    imgheight = $("#large .large-img").outerHeight() + $("#large h3").outerHeight() 
     
-    imgheight = $("#large .large-img").height()
+
-    imgwidth = $("#large .large-img").height()
-    
-    
     
+    margintop = (( $(window).height() - imgheight) / 2 )
+ 
     $("#large .large-img").css
-      "margin-top" :((( $(window).height() - $("#large .large-img").outerHeight()) / 2 )+"px")
+      "margin-top" :(margintop+"px")
       #"width" : "100px"
 
     
@@ -54,11 +55,18 @@ $("document").ready ->
     
     prev_link = $(this)
     $("body").append "<div id='large'></div>"
+    title = false
     
+        
     $("#large").append "<img src='/arrow-next.png' class='next' />"
     $("#large").append "<img src='/arrow-prev.png' class='prev' />"
     $("#large").append "<div class='img_container first'></div>"
     $(".img_container.first").append "<img src="+$(this).attr("href")+" class='large-img' />"
+    
+    if $(this).attr "title"
+      title = $(this).attr "title"
+      $(".img_container.first").append "<h3>"+title+"</h3>"
+      
     $("#large .large-img").one "load", ->
       $("#large").fadeIn(500)
     position_img();
@@ -101,6 +109,12 @@ $("document").ready ->
    
     #titre = photo.find("h3")
     $(".img_container.first").fadeOut 300, ->
+      $("#large h3").remove()
+      if link.attr "title"
+        title = link.attr "title"
+        $(".img_container.first").append "<h3>"+title+"</h3>"
+      
+      
       $('#large .large-img').attr("src", link.attr("href"))
       $("#large .large-img").one "load", ->
         $(".img_container.first").fadeIn()
@@ -122,13 +136,18 @@ $("document").ready ->
     
    
     #titre = photo.find("h3")
-    prev_link = link
+    
     $(".img_container.first").fadeOut 300, ->
+      $("#large h3").remove()
+      if link.attr "title"
+        title = link.attr "title"
+        $(".img_container.first").append "<h3>"+title+"</h3>"
+      
       $('#large .large-img').attr("src", link.attr("href"))
       $("#large .large-img").one "load", ->
         $(".img_container.first").fadeIn()
       position_img();
-    
+    prev_link = link
     
     false
   

app/assets/stylesheets/application.scss

@@ -39,6 +39,15 @@
  background:rgba(0,0,0,0.8);//rgba(132,187,64,0.8);
  z-index:10;
 
+ h3{
+ color:white;
+ text-align:center;
+ margin-top:5px;
+ margin-bottom:0;
+ font-weight:300;
+ font-size:0.95em;
+ 
+ }
   .next, .prev{
   width:20px;
   position:absolute;
@@ -65,7 +74,7 @@
    .large-img{
    cursor:pointer;
    padding:10px;
-   background:white;
+   background:rgba(250, 250, 250, 0.9);
    
    display:block;
    margin:auto;
@@ -387,4 +396,13 @@ padding:5px 10px;
  
  }
  
+ #legals{
+ background:rgba(85,85,85,1);
+ padding:15px 0;
+ text-align:center;
+ color:white;
+ font-size:0.9em;
+ 
+ }
+ 
  

app/views/welcome/index.html.haml

@@ -53,13 +53,13 @@
         #slides
           %ul.slides-container
             %li
-              %img{alt: "", src: "images/01.jpg"}/
+              %img{alt: "Art des Sens impression directe décoration intérieur", src: "images/01.jpg"}/
             %li
-              %img{alt: "Cinelli", src: "images/02.jpg"}/
+              %img{alt: "Art des Sens signalétique directement sur alluminium, dibond, bois, verre", src: "images/02.jpg"}/
             %li
-              %img{alt: "Cinelli", src: "images/03.jpg"}/
+              %img{alt: "Signalétique stratifié MyStrat en relief", src: "images/03.jpg"}/
             %li
-              %img{alt: "Cinelli", src: "images/04.jpg"}/
+              %img{alt: "Impression papier peint, covering", src: "images/04.jpg"}/
 
     
     #menu-container
@@ -68,7 +68,7 @@
         =link_to "Présentation", "#about", :onclick => "scrollToAnchor('about');return false;"
         =link_to raw("Cristal Protect<sup>®</sup>"), "#cristal-protect", :onclick => "scrollToAnchor('cristal-protect');return false;"
         =link_to raw("MyStrat<sup>®</sup>"), "#my-strat", :onclick => "scrollToAnchor('my-strat');return false;"
-        =link_to "Accompagnement", "#brainstorming", :onclick => "scrollToAnchor('brainstorming');return false;"
+        =link_to "Imaginer", "#brainstorming", :onclick => "scrollToAnchor('brainstorming');return false;"
         =link_to "Réalisations", "#realisations", :onclick => "scrollToAnchor('realisations');return false;"
         =link_to "Contact", "#contact", :onclick => "scrollToAnchor('contact');return false;"
     
@@ -99,7 +99,7 @@
 
           %h2 Cristal Protect<sup>®</sup>
           
-          =image_tag "/cristal-protect.png", :class => "icons"
+          =image_tag "/cristal-protect.png", :class => "icons", :alt => "Cristal Protect impression numérique direct"
           
           %p Associé à la société Cris-graphic, nous avons mis au point un procédé permettant de réaliser des impression numérique  en haute définition et pérenne.
           %p
@@ -111,18 +111,18 @@
         .samples
           %ul.gal
             %li{:class => ".preserve"}
-              =image_tag "/cristal-protect/01.jpg"
+              =image_tag "/cristal-protect/01.jpg", :alt => "CristalProtect®, Impression + Vernis sur aluminium"
         
               Impression sur feuille aluminium brossé pour l'EHPAD de Rungis
             %li{:class => ".preserve"}
-              =image_tag "/cristal-protect/02.jpg"
+              =image_tag "/cristal-protect/02.jpg", :alt => "CristalProtect®, Réalisation de la signalétique extérieure"
         
               Impression pour les sites de l'Office National des Anciens combattants
             %li{:class => ".preserve"}
-              =image_tag "/cristal-protect/03.jpg"
+              =image_tag "/cristal-protect/03.jpg", :alt => "MyStrat®, Stratifié personnalisé"
               Inclusion numérique pour les Monuments Nationaux
             %li{:class => ".preserve"}
-              =image_tag "/cristal-protect/04.jpg"
+              =image_tag "/cristal-protect/04.jpg", :alt => "MyStrat®, Habillage de DAB en stratifié imprimé"
               Réalisation d'une signalétique pour le Parc de l'Oise
     
             
@@ -159,7 +159,7 @@
             MyStrat<sup>®</sup>
             
           
-          =image_tag "/my-strat.png", :class => "icons"
+          =image_tag "/my-strat.png", :class => "icons", :alt => "My Strat Formica"
             
 
           %p
@@ -173,15 +173,15 @@
         .samples
           %ul.gal
             %li{:class => ".preserve"}
-              =image_tag "/mystrat/01.jpg", :class => ".preserve"
+              =image_tag "/mystrat/01.jpg", :alt => "MyStrat®, signalétique en stratifié numérique"
           
               Découpe de lettres en stratifié
             %li{:class => ".preserve"}
-              =image_tag "/mystrat/02.jpg", :class => ".preserve"
+              =image_tag "/mystrat/02.jpg", :alt => "CristalProtect®, Impression numérique sur aluminium"
           
               Panneau en stratifié numérique & structure.
             %li{:class => ".preserve"}
-              =image_tag "/mystrat/03.jpg", :class => ".preserve"
+              =image_tag "/mystrat/03.jpg", :alt => "CristalProtect®, totem en aluminium imprimé et vernis"
       
               Habillage de DAB en panneaux décorés.
     
@@ -215,7 +215,7 @@
       #brainstorming
         .center
           %h2.brain-title
-            Art des Sens concrétise vos idées
+            Concrétisons vos idées
         <div id="myCanvasContainer">
         <canvas width="1000" height="1000" id="myCanvas">
         <p>Anything in here will be replaced on browsers that support the canvas element</p>
@@ -227,33 +227,34 @@
               tables et les chaises de mon restaurant ?
           %li
             %a{:href => "", :onclick => "return false;"}
-              Des solutions pour personnaliser ma pièce en  
+              Tu imagines, si nous pouvions personnaliser cette pièce   
               %br
-              imprimant le sol, les murs et le plafond ?
+              en imprimant le sol, les murs et le plafond !
           %li
             %a{:href => "", :onclick => "return false;"}
-              Intégrer du braille directement 
+              Intégrez-vous du braille directement 
               %br
-              sur les panneaux
+              sur les panneaux ? Et la gravure ?
           %li
             %a{:href => "", :onclick => "return false;"}
-              Imprimer les portes 
+              Imprimez-vous les portes ? 
-              %br de mon hôtel
+              %br 
+              J'aimerais les décorer dans mon hôtel.
           %li
             %a{:href => "", :onclick => "return false;"}
-              Solutions adaptées aux 
+              Proposez-vous des solutions adaptées 
               %br
-              situations de handicap
+              aux situations de handicap ?
           %li
             %a{:href => "", :onclick => "return false;"}
-              Personnaliser la crédence 
+              J'adorerais avoir une crédence 
               %br
-              de ma cuisine
+              de cuisine personnalisée !
           %li
             %a{:href => "", :onclick => "return false;"}
-              Mettre en valeur l'histoire 
+              Comment mettre en valeur
               %br
-              de ce parcours découverte
+              l'histoire de ce parcours découverte ?
         </canvas>
         </div>
         
@@ -267,12 +268,20 @@
         %h2 Exemples de réalisations
         
         #rea-gal{:style => "position:relative;opacity:0"}
-          -(1..10).each do |i|
+          =link_to image_tag("/realisation/1-p.jpg", :alt => "MyStrat®, Stratifié personnalisé"), "/realisation/1.jpg", :title => "MyStrat®, Stratifié personnalisé"
-            =link_to image_tag("/realisation/#{i}-p.jpg"), "/realisation/#{i}.jpg", :data => {:title => "test",:lightbox => "image-1"}
+          =link_to image_tag("/realisation/2-p.jpg", :alt => "CristalProtect®, impression + vernis sur aluminium pour l’EHPAD de Rungis"), "/realisation/2.jpg", :title => "CristalProtect®, impression + vernis sur aluminium pour l’EHPAD de Rungis" 
+          =link_to image_tag("/realisation/3-p.jpg", :alt => "CristalProtect®, impression numérique sur aluminium" ), "/realisation/3.jpg", :title => "CristalProtect®, impression numérique sur aluminium" 
+          =link_to image_tag("/realisation/4-p.jpg", :alt => "CristalProtect®, l’inclusion numérique sur aluminium"), "/realisation/4.jpg", :title => "CristalProtect®, l’inclusion numérique sur aluminium" 
+          =link_to image_tag("/realisation/5-p.jpg", :alt => "CristalProtect®, impression numérique sur aluminium"), "/realisation/5.jpg", :title => "CristalProtect®, impression numérique sur aluminium" 
+          =link_to image_tag("/realisation/6-p.jpg", :alt => "CristalProtect®, l’inclusion numérique sur aluminium"), "/realisation/6.jpg", :title => "CristalProtect®, l’inclusion numérique sur aluminium" 
+          =link_to image_tag("/realisation/7-p.jpg", :alt => "Intégration de braille sur panneaux en aluminium personalisé"), "/realisation/7.jpg", :title => "Intégration de braille sur panneaux en aluminium personalisé" 
+          =link_to image_tag("/realisation/8-p.jpg" ,:alt => "CristalProtect®, Réalisation de fresques murales en aluminium composite"), "/realisation/8.jpg", :title => "CristalProtect®, Réalisation de fresques murales en aluminium composite" 
+          =link_to image_tag("/realisation/9-p.jpg" ,:alt => "CristalProtect®, Réalisation de fresques murales en aluminium composite"), "/realisation/9.jpg", :title => "CristalProtect®, Réalisation de fresques murales en aluminium composite" 
+          =link_to image_tag("/realisation/10-p.jpg" ,:alt => "CristalProtect®, Réalisation de fresques murales en aluminium composite" ), "/realisation/10.jpg", :title => "CristalProtect®, Réalisation de fresques murales en aluminium composite" 
           .clear
       #contact
         .center
-          %h2 Prenons contact
+        
           %p 
             N'hésitez pas à nous contacter pour nous parler de votre projet !
           %p
@@ -290,6 +299,8 @@
             
         =link_to image_tag( "/nb.png", :style => "float:right;margin-right:20px;margin-bottom:20px;margin-top:2em; width:20px;"), "http://nicolasbally.com", :target => "_blank"
         .clear
+      #legals
+        Siret 802 801 738 00013 - APE : 4690Z - RCS : 802801738 RCS Grenoble - N° TVA intracom : FR83802801738 - Capital : 15 000,00 €
     :javascript
       $(function() {
         $('#slides').superslides({