modifs

app/assets/javascripts/application.coffee

@@ -20,6 +20,15 @@
 bottom = 0
 prev_link = ""
 $("document").ready ->
+  
+  $("#logo").hide()
+  $("#baseline").hide()
+  
+  $("#logo").fadeIn()
+  $("#baseline").fadeIn()
+    
+    
+  
   position_img_now = ->
     
     
@@ -45,7 +54,7 @@ $("document").ready ->
     
   
   
-  $("#rea-gal a").click ->
+  $(".rea-gal a").click ->
     maxwidth = 1000
     maxheight = 900
     
@@ -206,7 +215,7 @@ $("document").ready ->
         return
       
       
-    $("#rea-gal img").css "width", ($(window).width() - 6 * 5 )/ 5
+    $(".rea-gal img").css "width", ($(window).width() - 6 * 5 )/ 5
     
 #    $("#brainstorming").css({"min-height": ($(window).height())+"px","width": $(window).width()+"px"  })
   
@@ -225,10 +234,10 @@ $("document").ready ->
   
 
   $("#brainstorming ul li").css("opacity", 0)
-  $("#realisations #rea-gal img").css("opacity", 0)
+  $(".rea-gal img").css("opacity", 0)
   gal_imgs_show= []
   
-  $("#realisations #rea-gal img").each ->
+  $(".rea-gal img").each ->
     gal_imgs_show.push $(this)
   
   
@@ -258,8 +267,8 @@ $("document").ready ->
       
   animate_realisation = ->
     
-    if !$("#realisations #rea-gal").hasClass "showing"
+    if !$(".rea-gal").hasClass "showing"
-      $("#realisations #rea-gal").addClass "showing"
+      $(".rea-gal").addClass "showing"
       i_img = 0
       
 

app/assets/stylesheets/application.scss

@@ -425,7 +425,7 @@ background:rgba(132,187,64,1);
  
  
  height:50px;
- background:rgba(0,0,0,0.9);
+ background:rgba(0,0,0,0.8);
  text-align:right;
  font-family:Lato;
  font-weight:300;
@@ -435,14 +435,17 @@ background:rgba(132,187,64,1);
  top:0px;
  left:0px;
  right:0px;
+ border-bottom:1px solid white;
+ border-color:rgba(250,250,250,0.4);
  #logo-min{
- position:absolute;
+   position:absolute;
- top:5px;
+   top:5px;
- left:10px;
+   left:10px;
- height:40px;
+   height:40px;
- display:none;
+   display:none;
+ 
+  z-index:100;
 
-z-index:100;
 
  }
  
@@ -450,8 +453,8 @@ z-index:100;
  display:inline-block;
  color:rgba(250,250,250,0.9);
 text-decoration:none;
-font-size:18px;
+font-size:16px;
-padding:5px 10px;
+padding:7px 10px;
  }
  a:last-child{
  margin-right:10px;

app/views/shared/_menu.haml

@@ -8,7 +8,10 @@
 
 =link_to raw("MyStrat<sup>®</sup>"), "/my-strat.html", :title => "Stratifié personnalisé petites ou grande quantité, Formica, Mystrat"
 
-=link_to "Imaginer", "/brainstorming.html", :title => "Solutions d'impression tout support, impression portes, panneaux aluminium, dibond etc."
+=link_to "Secteurs d'activités", "/secteurs-activites.html", :title => "Actualité Art des Sens, impression sur aluminium, stratifié numérique..."
+ 
+
+=link_to "Imaginons", "/brainstorming.html", :title => "Solutions d'impression tout support, impression portes, panneaux aluminium, dibond etc."
 
 =link_to "Réalisations", "/realisations.html", :title => "Impression sur aluminium, panneaux stratifié personnalisés, signalétique extérieur, décoration..."
 

app/views/welcome/actualite.haml

@@ -3,3 +3,108 @@
     %br
     %br
     %h2 Actualités
+    
+    .actualite
+      %h2 Signalétique du jardin d’acclimatation (Paris)
+      %p.secteurs
+        Secteurs : Signalétique, Loisirs et Cultures
+      
+      %p A la demande de l’un de nos client, la société Art Des Sens a réalisé la fourniture de panneaux en aluminium imprimé suivant le procédé Cristal Protect® pour le jardin d’acclimatation.
+      
+      %p.supports
+        Support : Tôles en aluminium imprimés suivant le procédé CristalProtect<sup>®</sup>
+      
+      .rea-gal{:style => "position:relative;"}
+        =link_to image_tag("/actualite-1/1-p.jpg", :alt => "Impression aluminium CristalProtect®"), "/actualite-1/1.jpg", :title => "Impression aluminium CristalProtect®"
+        =link_to image_tag("/actualite-1/2-p.jpg", :alt => "Impression aluminium CristalProtect®"), "/actualite-1/2.jpg", :title => "Impression aluminium CristalProtect®" 
+      .clear
+      .plus
+        Les + Art Des Sens :
+        %ul
+          %li Impression numérique haute définition
+          %li Mise en forme des panneaux par découpe numérique
+          %li Une très grande résistance aux UV
+          %li Une protection contre les graffitis et rayures
+    
+    .actualite
+      %h2 Le Full Covering by Cris-Graphic / Art Des Sens (Grenoble)
+      %p.secteurs
+        Secteur : Décoration intérieure
+      
+      %p Les possibilités de personnalisation sont infinies ! Pour vous faire découvrir une partie de notre savoir-faire nous avons refait la décorations de nos bureaux et atelier.
+      
+      %p Ambiance Route 66 garantie !
+      
+      %p.supports
+        Supports :
+ 
+        %ul
+          %li Sol Gerflor® imprimé
+          %li Tapisserie préencollée imprimé
+          %li Dalle de plafond imprimée
+          %li Adhésif imprimé
+          
+      .rea-gal{:style => "position:relative;"}
+        =link_to image_tag("/actualite-2/1-p.jpg", :alt => ""), "/actualite-2/1.jpg", :title => ""
+        =link_to image_tag("/actualite-2/2-p.jpg", :alt => ""), "/actualite-2/2.jpg", :title => "" 
+        =link_to image_tag("/actualite-2/3-p.jpg", :alt => ""), "/actualite-2/3.jpg", :title => "" 
+      .clear
+      .plus
+        Les + Art Des Sens :
+        %ul
+          %li Partenaire de vos idées, nous trouvons des solutions techniques pour répondre à l’ensemble de vos besoins.
+          
+    .actualite
+      %h2 Habillage de laverie automatique (France entière)
+      %p.secteurs
+        Secteurs : Décoration intérieure , Signalétique
+      
+      %p En partenariat avec un créateur et installateur de laverie automatique dernière génération leader sur son marché, la société Art Des Sens fabrique l’ensemble des parements décoratifs pour l’habillage des laveries.
+      
+      %p Déjà plus de 20 sites réalisés en France en 2014, plus de 70 sites à faire en 2015.
+      
+      
+      %p.supports
+        Supports :
+ 
+        %ul
+          %li Tôles en aluminium imprimés suivant le procédé CristalProtect<sup>®</sup>
+          %li Dibond® 3mm imprimés suivant le procédé CristalProtect<sup>®</sup>
+          
+          
+      .rea-gal{:style => "position:relative;"}
+        =link_to image_tag("/actualite-3/1-p.jpg", :alt => ""), "/actualite-2/1.jpg", :title => ""
+        
+      .clear
+      .plus
+        Les + Art Des Sens :
+        %ul
+          %li Impression numérique haute définition
+          %li Mise en forme des panneaux par découpe numérique
+          %li Une très grande résistance aux UV
+          %li Une protection contre les graffitis et rayures
+    
+    .actualite
+      %h2 Office National des Anciens Combattants (France entière)
+      %p.secteurs
+        Secteurs : Loisirs et Cultures , Signalétique
+      
+      %p Pour l’un de nos clients, la société Art Des Sens réalise la fourniture de panneaux en aluminium imprimés. Nos supports s’intègrent dans une structure de type « pupitre » qui sont installés sur les sites de l’Office National des Anciens Combattants.
+      
+      %p Entre 2014 et 2015 nous imprimerons 350 panneaux
+      
+      
+      
+          
+      .rea-gal{:style => "position:relative;"}
+        =link_to image_tag("/actualite-4/1-p.jpg", :alt => ""), "/actualite-4/1.jpg", :title => ""
+        =link_to image_tag("/actualite-4/2-p.jpg", :alt => ""), "/actualite-4/2.jpg", :title => "" 
+        =link_to image_tag("/actualite-4/3-p.jpg", :alt => ""), "/actualite-4/3.jpg", :title => "" 
+      .clear
+      .plus
+        Les + Art Des Sens :
+        %ul
+          %li Impression numérique haute définition
+          %li Mise en forme des panneaux par découpe numérique
+          %li Une très grande résistance aux UV
+          %li Une protection contre les graffitis et rayures

app/views/welcome/realisations.html.haml

@@ -5,7 +5,7 @@
 
   %h2 Exemples de réalisations
   
-  #rea-gal{:style => "position:relative;"}
+  .rea-gal{:style => "position:relative;"}
     =link_to image_tag("/realisation/1-p.jpg", :alt => "MyStrat®, Stratifié personnalisé"), "/realisation/1.jpg", :title => "MyStrat®, Stratifié personnalisé"
     =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" 

app/views/welcome/secteurs-activites.haml

@@ -0,0 +1,5 @@
+#actualite
+  .center
+    %br
+    %br
+    %h2 Secteurs d'activité