initial

app/assets/javascripts/application.coffee

@@ -241,32 +241,20 @@ $("document").ready ->
     return .5 - Math.random()
     
   animate_brain = ->
+    
     animate_li_i = 0
     if !$("#brainstorming").hasClass "showing"
       animate_li = ->
   
-    
+        if test.length > 0
-        test[animate_li_i].animate({left:0,opacity : 1}, 800)
+          test[animate_li_i].animate({left:0,opacity : 1}, 800)
-        $("#brainstorming").addClass "showing"
+          $("#brainstorming").addClass "showing"
-        if animate_li_i < (test.length-1)
+          if animate_li_i < (test.length-1)
-          animate_li_i = animate_li_i+1
+            animate_li_i = animate_li_i+1
-          setTimeout(animate_li, 100)
+            setTimeout(animate_li, 100)
         
       animate_li()
   
-  un_animate_brain = ->
-    animate_li_i = 0
-    if $("#brainstorming").hasClass "showing"
-      animate_li = ->
-  
-    
-        test[animate_li_i].animate({left:0,opacity : 0}, 700)
-        $("#brainstorming").removeClass "showing"
-        if animate_li_i < (test.length-1)
-          animate_li_i = animate_li_i+1
-          setTimeout(animate_li, 100)
-        
-      animate_li()
       
   animate_realisation = ->
     
@@ -277,20 +265,38 @@ $("document").ready ->
 
       
       animate_img = ->
-    
+        if gal_imgs_show.length > 1
-        gal_imgs_show[i_img].animate({left:0,opacity : 1}, 400)
+          gal_imgs_show[i_img].animate({left:0,opacity : 1}, 400)
         
-        if i_img  < (gal_imgs_show.length-1)
+          if i_img  < (gal_imgs_show.length-1)
-          i_img  = i_img+1
+            i_img  = i_img+1
-          setTimeout(animate_img, 50)
+            setTimeout(animate_img, 50)
         
       animate_img()
-    
+  
+  
+  resize()
+  
+  $('.bxslider').bxSlider
+    mode: 'fade'
+    captions: false
+    pager :false
+    auto: true
+  resize()
+  
+  $(window).on "resize", ->
+    resize()
+  
+  
+  animate_realisation()
+  animate_brain()
+  
+  
   $(window).on "scroll", ->
     
     top = $(window).scrollTop()
     
-    #$(".wide-container").css("top", top-10)
+    
     
     
     if $(window).scrollTop() > (height-50)
@@ -309,39 +315,10 @@ $("document").ready ->
       $("#logo-min").fadeOut()
         
   
-    if top > ($("#realisations").offset().top - $(window).height() / 2)
-      
-      
-      animate_realisation()
-      #$("#realisations #rea-gal").animate({left:0,opacity : 1}, 800, "swing")
     
-    
-      
-    
-    
-      
-    if top > ($("#brainstorming").offset().top - $(window).height() / 2)
-      animate_brain()
-  
-
-      
-    
-    if top < ($("#brainstorming").offset().top - $(window).height() / 2)
-
-      un_animate_brain()
   
   resize()
   
-  $('.bxslider').bxSlider
-    mode: 'fade'
-    captions: false
-    pager :false
-    auto: true
-  resize()
-  
-  $(window).on "resize", ->
-    resize()
-  
 
 
 

app/assets/javascripts/application.coffee.old

@@ -0,0 +1,347 @@
+
+#= require jquery
+#= require jquery_ujs
+
+#= require jquery.easing.1.3
+
+
+
+#= require jquery.bxslider.min
+
+
+@scrollToAnchor = (aid) ->
+  aTag = $("#" + aid )
+  $("html,body").animate({scrollTop: aTag.offset().top}, 1000)
+  return
+
+
+  
+  
+bottom = 0
+prev_link = ""
+$("document").ready ->
+  position_img_now = ->
+    
+    
+    
+
+    
+    imgheight = $("#large .large-img").outerHeight() + $("#large h3").outerHeight() 
+    
+
+    
+    margintop = (( $(window).height() - imgheight) / 2 )
+ 
+    $("#large .large-img").css
+      "margin-top" :(margintop+"px")
+      #"width" : "100px"
+
+    
+    
+  position_img = ->
+    $("#large .large-img").one "load", ->
+      
+      position_img_now()
+    
+  
+  
+  $("#rea-gal a").click ->
+    maxwidth = 1000
+    maxheight = 900
+    
+    
+    
+    
+    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();
+    if $(window).height() > (maxheight+100)
+      $("#large .large-img").css
+        "max-height" : maxheight
+    else
+      $("#large .large-img").css
+        "max-height" : "85%"
+        
+    if $(window).width() > (maxwidth+100)
+      $("#large .large-img").css
+        "max-width" : maxwidth
+    else
+      $("#large .large-img").css
+        "max-width" : "85%"
+    
+    position_img();
+    
+    
+    false
+  
+  
+  
+  $("body").on "click", "#large", ->
+    $(this).fadeOut 300, ->
+      $(this).remove()
+    
+    
+  $("body").on "click" ,"#large .prev",->
+    
+    if prev_link.prev("a").length > 0
+      link = prev_link.closest("a").prev("a")
+      
+      
+      
+    else
+      link = prev_link.closest("div").children("a:last")
+    
+   
+    #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()
+      position_img();
+    prev_link = link
+    
+    false
+  
+  
+  $("body").on "click" ,"#large .next",->
+    
+    if prev_link.next("a").length > 0
+      link = prev_link.closest("a").next("a")
+      
+      
+      
+    else
+      link = prev_link.closest("div").children("a:first")
+    
+   
+    #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()
+      position_img();
+    prev_link = link
+    
+    false
+  
+  
+  $('.gal').bxSlider
+    adaptiveHeight: true,
+    auto: true,
+    speed:1000,
+    pause:5000,
+
+  
+  
+  
+  
+ # $(".infos").hide();
+  $(".infos-button").click ->
+    $(this).next(".infos").slideToggle()
+    $("html,body").animate({scrollTop: ($(this).offset().top-60)}, 500)
+  
+  left =0
+  
+  top = 0
+  offset= 0
+  height = 0
+  resize = ->
+    
+    $("#slider_content").each ->
+      
+    
+      height = ($(window).height())
+      optimal_height = Math.round($(this).find(".bxslider").width()/ $(this).find(".bxslider").data("ratio"))
+
+      if optimal_height < height
+        height = optimal_height
+
+      $(this).find("li").css({"max-height": height+"px","height": height+"px"})
+      img_height = Math.round($(this).find(".bxslider").width() / 1.5)
+      img_margin = Math.round((height - img_height)/ 2)
+      $(this).find("li img").css("margin-top", img_margin+"px")
+      
+      
+      
+      $(".slider").css({"height": (height)+"px","width": $(window).width()+"px"  })
+      $("#main").css("top",(height))
+      $("#menu-container").css("top",(height-50)+"px")
+      $("#logo").one("load", ->
+    
+  
+        left = ($(window).width() - $("#logo").width()) / 2
+        bottom = (height - $("#logo").height() - $("#baseline").height() - 40)/ 1.10
+        $("#logo").css({"top": bottom+"px","left": left+"px"})
+    
+        $("#baseline").css({"top": (bottom+$("#logo").height())+"px","left": left+"px"})
+  
+      ).each ->
+        $(this).load()  if @complete
+        return
+      
+      
+    $("#rea-gal img").css "width", ($(window).width() - 6 * 5 )/ 5
+    
+#    $("#brainstorming").css({"min-height": ($(window).height())+"px","width": $(window).width()+"px"  })
+  
+    $("#myCanvas").attr({height: ($(window).height()-160),"width": ($(window).width()-2)+"px"  })
+  
+    
+    
+
+
+  
+    position_img_now();
+
+  
+    
+  
+  
+
+  $("#brainstorming ul li").css("opacity", 0)
+  $("#realisations #rea-gal img").css("opacity", 0)
+  gal_imgs_show= []
+  
+  $("#realisations #rea-gal img").each ->
+    gal_imgs_show.push $(this)
+  
+  
+  
+  
+  test = []
+  $("#brainstorming ul li").each ->
+    test.push $(this)
+  test = test.sort ->
+    return .5 - Math.random()
+    
+  animate_brain = ->
+    animate_li_i = 0
+    if !$("#brainstorming").hasClass "showing"
+      animate_li = ->
+  
+    
+        test[animate_li_i].animate({left:0,opacity : 1}, 800)
+        $("#brainstorming").addClass "showing"
+        if animate_li_i < (test.length-1)
+          animate_li_i = animate_li_i+1
+          setTimeout(animate_li, 100)
+        
+      animate_li()
+  
+  un_animate_brain = ->
+    animate_li_i = 0
+    if $("#brainstorming").hasClass "showing"
+      animate_li = ->
+  
+    
+        test[animate_li_i].animate({left:0,opacity : 0}, 700)
+        $("#brainstorming").removeClass "showing"
+        if animate_li_i < (test.length-1)
+          animate_li_i = animate_li_i+1
+          setTimeout(animate_li, 100)
+        
+      animate_li()
+      
+  animate_realisation = ->
+    
+    if !$("#realisations #rea-gal").hasClass "showing"
+      $("#realisations #rea-gal").addClass "showing"
+      i_img = 0
+      
+
+      
+      animate_img = ->
+    
+        gal_imgs_show[i_img].animate({left:0,opacity : 1}, 400)
+        
+        if i_img  < (gal_imgs_show.length-1)
+          i_img  = i_img+1
+          setTimeout(animate_img, 50)
+        
+      animate_img()
+    
+  $(window).on "scroll", ->
+    
+    top = $(window).scrollTop()
+    
+    #$(".wide-container").css("top", top-10)
+    
+    
+    if $(window).scrollTop() > (height-50)
+      $("#menu").css("position", "fixed")
+    else
+      $("#menu").css("position", "relative")
+    if $(window).scrollTop() > bottom-100
+      $("#logo").fadeOut()
+      $("#baseline").fadeOut()
+      $("#logo-min").fadeIn()
+      
+    else if $(window).scrollTop() < bottom+100
+      
+      $("#logo").fadeIn()
+      $("#baseline").fadeIn()
+      $("#logo-min").fadeOut()
+        
+  
+    if top > ($("#realisations").offset().top - $(window).height() / 2)
+      
+      
+      animate_realisation()
+      #$("#realisations #rea-gal").animate({left:0,opacity : 1}, 800, "swing")
+    
+    
+      
+    
+    
+      
+    if top > ($("#brainstorming").offset().top - $(window).height() / 2)
+      animate_brain()
+  
+
+      
+    
+    if top < ($("#brainstorming").offset().top - $(window).height() / 2)
+
+      un_animate_brain()
+  
+  resize()
+  
+  $('.bxslider').bxSlider
+    mode: 'fade'
+    captions: false
+    pager :false
+    auto: true
+  resize()
+  
+  $(window).on "resize", ->
+    resize()
+  
+
+
+

app/controllers/welcome_controller.rb

@@ -1,5 +1,11 @@
 class WelcomeController < ApplicationController
+  
+  
   def index
-    render :layout => false
+    @accueil = true
+  end
+  
+  def show
+    render :action => params[:slug]
   end
 end

app/views/layouts/application.html.erb

@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>AdsApp</title>
-  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
-  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
-  <%= csrf_meta_tags %>
-  
-</head>
-<body>
-
-<%= yield %>
-
-</body>
-</html>

app/views/layouts/application.html.haml

@@ -0,0 +1,107 @@
+!!!
+%html
+  %head
+    %meta{charset: "utf-8"}/
+    %title Art des Sens - Agencement, décoration, signalétique, stratifié numérique
+    %meta{:name => "description", :content => "Solutions stratifié Mystrat et impression numérique directe durable avec vernis UV extrément résistant sur aluminium, dibond, bois etc."}
+    %meta{:name => "keywords", :content => "Impression directe, impression alu, impression aluminium, impression dibond, signalétique aluminium, signalétique dibond, impression bois, stratifié, formica, dibond"}
+    = javascript_include_tag "application"
+    
+    = csrf_meta_tag 
+    <script type="text/javascript" src="//use.typekit.net/bkj8nbt.js"></script>
+    
+    :javascript
+      try {
+         Typekit.load({
+           active: function() {
+      
+             $(document).ready(function() {
+             if( ! $('#myCanvas').tagcanvas({
+             textColour : '#ffffff',
+             outlineThickness : 1,
+             depth:0.5,
+             lock:"xy",
+             initial: [0.1,-0.01],
+             shape:"vcylinder",
+             stretchX:1.5,
+             stretchY:0.9,
+             maxSpeed : 0.02,
+             outlineMethod : "none",
+             wheelZoom :false,
+             textFont :"felt-tip-roman" ,
+             textHeight : 30,
+             })) {
+             // TagCanvas failed to load
+             $('#myCanvasContainer').hide();
+             }
+             // your other jQuery stuff here...
+             });
+           }
+         })
+      } catch(e) {}
+    = stylesheet_link_tag 'application'
+    
+    
+
+  %body
+    -if @accueil
+      #home
+      =image_tag "/logo.png", :id => "logo", :alt => "Art des Sens, impression directe sur aluminium, dibond, vernis extrémement résistant"
+      #baseline=image_tag "/baseline.png", :id => "", :alt => "Art des sens, agencement, décoration, signalétique, revendeur MyStrat Formica"
+      
+      
+ 
+      .slider
+        #slider_content
+          %ul.bxslider{:data => {:ratio => 1.62}}
+            %li{:style => "background-image:url('/images/03.jpg');"}
+            %li{:style => "background-image:url('/images/01.jpg');"}
+            %li{:style => "background-image:url('/images/02.jpg');"}
+          
+            %li{:style => "background-image:url('/images/04.jpg');"}
+         
+
+
+    #menu-container
+      #menu
+        =render "shared/menu"
+    
+  
+    #main
+      =yield
+          
+      #legals
+        Siret 802 801 738 00013 - APE : 4690Z - RCS : 802801738 RCS Grenoble - N° TVA intracom : FR83802801738 - Capital : 15 000,00 € -
+        =link_to "Partenaire Cris Graphic", "http://cris-graphic.com", :target => "_blank", :title => "Cris Graphic - Impression supports de communication : signalétique, évènementiel, Agencement et décoration - Marque Cristal Protect®"
+        
+        =link_to image_tag( "/nb.png", :alt => "Création site, communication, ruby on rails"), "http://nicolasbally.com", :target => "_blank", :title => "Nicolas Bally, Quartz Agence, création de site internet Ruby on Rails"
+        
+
+        
+    :javascript
+      $(function() {
+        $('#slides').superslides({
+          inherit_width_from: '.wide-container',
+          inherit_height_from: '.wide-container',
+          animation: 'fade',
+          play :4000,
+          animation_speed : "slow"
+        });
+      });
+       
+      
+    :coffeescript
+      $("body").on "click", ->
+        
+        $(".wide-container").css("max-width","2000px")
+        
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-54082658-1', 'auto');
+    ga('send', 'pageview');
+
+    </script>

app/views/shared/_menu.haml

@@ -0,0 +1,15 @@
+=link_to image_tag("/logo-min.png", :id => "logo-min", :style => ("display:block !important;" if !@accueil)), "#home", :onclick => "scrollToAnchor('home');return false;", :title => "accueil Art des Sens, impression aluminium, dibond, personnalisation stratifié, full covering."
+
+=link_to "Accueil", "/", :title => "Art des Sens, solutions agencement, signalétique, décoration."
+
+=link_to "Actualité", "/actulite.html", :title => "Actualité Art des Sens, impression sur aluminium, stratifié numérique..."
+
+=link_to raw("Cristal Protect<sup>®</sup>"), "/cristal-protect.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
+
+=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 "Réalisations", "/realisations.html", :title => "Impression sur aluminium, panneaux stratifié personnalisés, signalétique extérieur, décoration..."
+
+=link_to "Contact", "/contact.html", :title => "Contactez Art des Sens pour votre signalétique"

app/views/welcome/brainstorming.haml

@@ -0,0 +1,46 @@
+
+#brainstorming
+  .center
+    %h2.brain-title
+      Concrétisons vos idées
+
+  %ul
+    %li
+      %a{:href => "", :onclick => "return false;"}
+        Est-il possible d'intégrer mon logo dans les 
+        %br
+        tables et les chaises de mon restaurant ?
+    
+    %li
+      %a{:href => "", :onclick => "return false;"}
+        Intégrez-vous du braille directement 
+        %br
+        sur les panneaux ? Et la gravure ?
+    %li
+      %a{:href => "", :onclick => "return false;"}
+        Imprimez-vous les portes ? 
+        %br 
+        J'aimerais les décorer dans mon hôtel.
+    %li
+      %a{:href => "", :onclick => "return false;"}
+        Tu imagines, si nous pouvions personnaliser cette pièce   
+        %br
+        en imprimant le sol, les murs et le plafond !
+    
+    %li
+      %a{:href => "", :onclick => "return false;"}
+        Proposez-vous des solutions adaptées 
+        %br
+        aux situations de handicap ?
+    %li
+      %a{:href => "", :onclick => "return false;"}
+        J'adorerais avoir une crédence 
+        %br
+        de cuisine personnalisée !
+    %li
+      %a{:href => "", :onclick => "return false;"}
+        Comment mettre en valeur
+        %br
+        l'histoire de ce parcours découverte ?
+  .clear
+  

app/views/welcome/contact.html.haml

@@ -0,0 +1,21 @@
+#contact
+  .center
+    =#<iframe width="1000" height="563" src="//www.youtube.com/embed/ED4b38n4d-U?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
+    
+    %p 
+      N'hésitez pas à nous contacter pour nous parler de votre projet !
+    %p
+      =image_tag "/logo-couleurs.png", :style => "width:400px;", :alt => "Art des Sens, impression personnalisé aluminium, stratifié, dibond, bois"
+      %br
+      296 rue de la Béalière
+      %br
+      38113 Veurey Voroize
+    
+    %p
+      Tél. +33 1 85 76 06 70
+    
+    %p
+      =link_to "contact@artdessens.fr", "mailto:contact@artdessens.fr"
+      
+  
+  .clear

app/views/welcome/cristal-protect.haml

@@ -0,0 +1,68 @@
+#cristal-protect
+  .center
+    
+
+    %h2 Cristal Protect<sup>®</sup>
+    
+    =image_tag "/cristal-protect.png", :class => "icons", :alt => "Cristal Protect impression numérique direct"
+    
+    %p 
+      Associé à la société 
+      =link_to "Cris Graphic", "http://cris-graphic.com", :target => "_blank", :title => "Cris Graphic - Impression supports de communication : signalétique, évènementiel, Agencement et décoration - Marque Cristal Protect®"
+      ,
+      %strong Art des Sens
+      a mis au point un procédé permettant de réaliser des 
+      %strong impressions numériques en haute définition et pérenne.
+    %p
+      La technologie consiste à encapsuler n’importe quelle image numérique au cœur d’un 
+      %strong vernis UV extrêmement résistant.
+      Ce traitement apporte à l’ensemble une résistance et une durabilité d’exposition en extérieur exceptionnelles.
+    %p Il est ainsi possible d'imprimer directement sur une grande variété de supports comme %strong
+    l'aluminium, des matériaux composites  (
+    <strong> Dibond<sup>®</sup></strong>,
+    Reynobond<sup>®</sup>, Alucore<sup>®</sup>, Forex<sup>®</sup>...), du verre et du bois.
+
+
+
+  .samples
+    %ul.gal
+      %li{:class => ".preserve"}
+        =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", :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", :alt => "MyStrat®, Stratifié personnalisé"
+        Inclusion numérique pour les Monuments Nationaux
+      %li{:class => ".preserve"}
+        =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
+
+      
+        
+      
+  .center 
+    %hr 
+    .more
+      .span
+        =image_tag "/more.png"
+      .span
+        %ul
+          %li Bords tombés décorés.
+          %li Découpe, façonnage, gravure possible.
+          %li Intégration de braille sur demande.
+          %li Extrême résistance aux agressions extérieures.
+          %li Pas de minimum de commande.
+      .span
+        %ul
+          %li Epaisseur maximum : 60 mm
+          %li Finition : mat ou brillant
+          %li Format maximum : 4000 x 1600 mm
+      .clear
+      
+      
+      
+     

app/views/welcome/index.html.haml

@@ -1,366 +1,32 @@
-!!!
-%html
-  %head
-    %meta{charset: "utf-8"}/
-    %title Art des Sens - Agencement, décoration, signalétique, stratifié numérique
-    %meta{:name => "description", :content => "Solutions stratifié Mystrat et impression numérique directe durable avec vernis UV extrément résistant sur aluminium, dibond, bois etc."}
-    %meta{:name => "keywords", :content => "Impression directe, impression alu, impression aluminium, impression dibond, signalétique aluminium, signalétique dibond, impression bois, stratifié, formica, dibond"}
-    = javascript_include_tag "application"
-    
-    = csrf_meta_tag 
-    <script type="text/javascript" src="//use.typekit.net/bkj8nbt.js"></script>
-    
-    :javascript
-      try {
-         Typekit.load({
-           active: function() {
-      
-             $(document).ready(function() {
-             if( ! $('#myCanvas').tagcanvas({
-             textColour : '#ffffff',
-             outlineThickness : 1,
-             depth:0.5,
-             lock:"xy",
-             initial: [0.1,-0.01],
-             shape:"vcylinder",
-             stretchX:1.5,
-             stretchY:0.9,
-             maxSpeed : 0.02,
-             outlineMethod : "none",
-             wheelZoom :false,
-             textFont :"felt-tip-roman" ,
-             textHeight : 30,
-             })) {
-             // TagCanvas failed to load
-             $('#myCanvasContainer').hide();
-             }
-             // your other jQuery stuff here...
-             });
-           }
-         })
-      } catch(e) {}
-    = stylesheet_link_tag 'application'
-    
-    
 
-  %body
+#about
-    #home
-    =image_tag "/logo.png", :id => "logo", :alt => "Art des Sens, impression directe sur aluminium, dibond, vernis extrémement résistant"
-    #baseline=image_tag "/baseline.png", :id => "", :alt => "Art des sens, agencement, décoration, signalétique, revendeur MyStrat Formica"
-    
- 
-    .slider
-      #slider_content
-        =#{:style => "display:none"}
-        %ul.bxslider{:data => {:ratio => 1.62}}
-          %li{:style => "background-image:url('/images/01.jpg');"}
-          %li{:style => "background-image:url('/images/02.jpg');"}
-          %li{:style => "background-image:url('/images/03.jpg');"}
-          %li{:style => "background-image:url('/images/04.jpg');"}
-         
-
-    
-    #menu-container
-      #menu
-        =link_to image_tag("/logo-min.png", :id => "logo-min"), "#home", :onclick => "scrollToAnchor('home');return false;", :title => "accueil Art des Sens, impression aluminium, dibond, personnalisation stratifié, full covering."
-        =link_to "Présentation", "#about", :onclick => "scrollToAnchor('about');return false;", :title => "Art des Sens, solutions agencement, signalétique, décoration."
-        =link_to raw("Cristal Protect<sup>®</sup>"), "#cristal-protect", :onclick => "scrollToAnchor('cristal-protect');return false;", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
-        =link_to raw("MyStrat<sup>®</sup>"), "#my-strat", :onclick => "scrollToAnchor('my-strat');return false;", :title => "Stratifié personnalisé petites ou grande quantité, Formica, Mystrat"
-        =link_to "Imaginer", "#brainstorming", :onclick => "scrollToAnchor('brainstorming');return false;", :title => "Solutions d'impression tout support, impression portes, panneaux aluminium, dibond etc."
-        =link_to "Réalisations", "#realisations", :onclick => "scrollToAnchor('realisations');return false;", :title => "Impression sur aluminium, panneaux stratifié personnalisés, signalétique extérieur, décoration..."
-        =link_to "Contact", "#contact", :onclick => "scrollToAnchor('contact');return false;", :title => "Contactez Art des Sens pour votre signalétique"
-    
-  
-    #main
-      #about
-        
-          
-      
-        .center
-          %h2
-            Art des Sens, Solutions décoratives personnalisées
-            %br
-            pour l’agencement, la décoration et la signalétique
-          %p
-    
-            Fort d’une expérience de plus de onze années dans 
-            %strong l’impression numérique, 
-            la société 
-            %strong Art des Sens
-            est spécialisée dans la commercialisation de supports imprimés, 
-            %strong résistants aux agressions extérieures
-            (UV, rayures, graffitis…)
-          %p
-            Au-delà de la fourniture de panneaux imprimés et selon vos besoins, 
-            %strong
-              Art des Sens
-            vous
-      
-            accompagnera dans l’étude, la conception, la fabrication et la pose de vos projets.
-          %p Ensemble, concrétisons vos idées...
-          =image_tag "/sign.png", :style => "width:230px;float:right;padding-bottom:2em;", :alt => "Accompagnement personnalisé signalétique, impression alu, etc."
-          %p{:style => "clear:both;"}
-
-      #cristal-protect
-        .center
-          
-
-          %h2 Cristal Protect<sup>®</sup>
-          
-          =image_tag "/cristal-protect.png", :class => "icons", :alt => "Cristal Protect impression numérique direct"
-          
-          %p 
-            Associé à la société 
-            =link_to "Cris Graphic", "http://cris-graphic.com", :target => "_blank", :title => "Cris Graphic - Impression supports de communication : signalétique, évènementiel, Agencement et décoration - Marque Cristal Protect®"
-            ,
-            %strong Art des Sens
-            a mis au point un procédé permettant de réaliser des 
-            %strong impressions numériques en haute définition et pérenne.
-          %p
-            La technologie consiste à encapsuler n’importe quelle image numérique au cœur d’un 
-            %strong vernis UV extrêmement résistant.
-            Ce traitement apporte à l’ensemble une résistance et une durabilité d’exposition en extérieur exceptionnelles.
-          %p Il est ainsi possible d'imprimer directement sur une grande variété de supports comme %strong
-          l'aluminium, des matériaux composites  (
-          <strong> Dibond<sup>®</sup></strong>,
-          Reynobond<sup>®</sup>, Alucore<sup>®</sup>, Forex<sup>®</sup>...), du verre et du bois.
- 
-      
-
-        .samples
-          %ul.gal
-            %li{:class => ".preserve"}
-              =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", :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", :alt => "MyStrat®, Stratifié personnalisé"
-              Inclusion numérique pour les Monuments Nationaux
-            %li{:class => ".preserve"}
-              =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
-    
-            
-              
-            
-        .center 
-          %hr 
-          .more
-            .span
-              =image_tag "/more.png"
-            .span
-              %ul
-                %li Bords tombés décorés.
-                %li Découpe, façonnage, gravure possible.
-                %li Intégration de braille sur demande.
-                %li Extrême résistance aux agressions extérieures.
-                %li Pas de minimum de commande.
-            .span
-              %ul
-                %li Epaisseur maximum : 60 mm
-                %li Finition : mat ou brillant
-                %li Format maximum : 4000 x 1600 mm
-            .clear
-            
-            
-            
-           
-        
-      #my-strat
-        .center
-          
-        
-          %h2
-            MyStrat<sup>®</sup>
-            
-          
-          =image_tag "/my-strat.png", :class => "icons", :alt => "My Strat Formica, stratifié personnalisé"
-            
-
-          %p
-    
-            Grâce à son exceptionnelle tenue en extérieur, sa résistance aux agressions UV 
-            %strong garantie 10 ans,
-            sa résistance aux rayures et graffitits, notre 
-            %strong stratifié décoratif
-            fabriqué par notre partenaire le Groupe Formica<sup>®</sup> est un matériau incontournable pour une application intérieure ou extérieure dans les domaines de 
-            %strong
-            l'agencement, de la signalétique et de la décoration.
-
-          
-
-
-        
-        .samples
-          %ul.gal
-            %li{: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", :alt => "CristalProtect®, Impression numérique sur aluminium"
-          
-              Panneau en stratifié numérique & structure.
-            %li{:class => ".preserve"}
-              =image_tag "/mystrat/03.jpg", :alt => "CristalProtect®, totem en aluminium imprimé et vernis"
-      
-              Habillage de DAB en panneaux décorés.
-    
   
     
+
+  .center
+    %h2
+      Art des Sens, Solutions décoratives personnalisées
+      %br
+      pour l’agencement, la décoration et la signalétique
+    %p
+
+      Fort d’une expérience de plus de onze années dans 
+      %strong l’impression numérique, 
+      la société 
+      %strong Art des Sens
+      est spécialisée dans la commercialisation de supports imprimés, 
+      %strong résistants aux agressions extérieures
+      (UV, rayures, graffitis…)
+    %p
+      Au-delà de la fourniture de panneaux imprimés et selon vos besoins, 
+      %strong
+        Art des Sens
+      vous
+
+      accompagnera dans l’étude, la conception, la fabrication et la pose de vos projets.
+    %p Ensemble, concrétisons vos idées...
+    =image_tag "/sign.png", :style => "width:230px;float:right;padding-bottom:2em;", :alt => "Accompagnement personnalisé signalétique, impression alu, etc."
+    %p{:style => "clear:both;"}
+
+
   
-        
-        
-           
-        
-        .center
-          %hr 
-          .more
-            .span
-              =image_tag "/more.png"
-            .span
-              %ul
-                %li Garantie 10 ans en extérieur.
-                %li Découpe, façonnage, gravure possible
-                %li Intégration de braille sur demande
-                %li Extrême résistance aux agressions extérieures
-                %li Pas de minimum de commande
-            .span
-              %ul
-                %li Format maximum : 3660 x 1525 mm
-                %li Epaisseurs disponibles : de 0,7mm à 20mm
-                %li Impression recto/verso possible, nous consulter.
-                %li Finitions disponibles : Matte et Brillant
-            .clear
-        .clear
-      #brainstorming
-        .center
-          %h2.brain-title
-            Concrétisons vos idées
-
-        %ul
-          %li
-            %a{:href => "", :onclick => "return false;"}
-              Est-il possible d'intégrer mon logo dans les 
-              %br
-              tables et les chaises de mon restaurant ?
-          
-          %li
-            %a{:href => "", :onclick => "return false;"}
-              Intégrez-vous du braille directement 
-              %br
-              sur les panneaux ? Et la gravure ?
-          %li
-            %a{:href => "", :onclick => "return false;"}
-              Imprimez-vous les portes ? 
-              %br 
-              J'aimerais les décorer dans mon hôtel.
-          %li
-            %a{:href => "", :onclick => "return false;"}
-              Tu imagines, si nous pouvions personnaliser cette pièce   
-              %br
-              en imprimant le sol, les murs et le plafond !
-          
-          %li
-            %a{:href => "", :onclick => "return false;"}
-              Proposez-vous des solutions adaptées 
-              %br
-              aux situations de handicap ?
-          %li
-            %a{:href => "", :onclick => "return false;"}
-              J'adorerais avoir une crédence 
-              %br
-              de cuisine personnalisée !
-          %li
-            %a{:href => "", :onclick => "return false;"}
-              Comment mettre en valeur
-              %br
-              l'histoire de ce parcours découverte ?
-        .clear
-        
-      #realisations{:style => "overflow:auto;"}
-      
-        %h2 Exemples de réalisations
-        
-        #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" 
-          =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 personnalisé"), "/realisation/7.jpg", :title => "Intégration de braille sur panneaux en aluminium personnalisé" 
-          =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" 
-          
-          
-          =link_to image_tag("/realisation/11-p.jpg", :alt => "Art des Sens, CristalProtect® impression et vernis table alu"), "/realisation/11.jpg", :title => "CristalProtect® impression table alu" 
-          =link_to image_tag("/realisation/12-p.jpg", :alt => "Art des Sens, CristalProtect® impression et vernis crédence de cuisine personnalisée alu"), "/realisation/12.jpg", :title => "CristalProtect® impression crédence de cuisine personnalisée alu" 
-          =link_to image_tag("/realisation/13-p.jpg", :alt => "Art des Sens, full covering, impression sol, porte, plafond"), "/realisation/13.jpg", :title => "Full covering, impression sol, porte, plafond" 
-          =link_to image_tag("/realisation/14-p.jpg", :alt => "Art des Sens, Full covering, impression sol, porte, plafond"), "/realisation/14.jpg", :title => "Full covering, impression sol, porte, plafond" 
-          =link_to image_tag("/realisation/15-p.jpg", :alt => "Art des Sens, impression dalle plafond avec inclusion éclairage LED"), "/realisation/15.jpg", :title => "Impression dalle plafond avec inclusion éclairage LED" 
-          
-          
-          
-          .clear
-      #contact
-        .center
-          =#<iframe width="1000" height="563" src="//www.youtube.com/embed/ED4b38n4d-U?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
-          
-          %p 
-            N'hésitez pas à nous contacter pour nous parler de votre projet !
-          %p
-            =image_tag "/logo-couleurs.png", :style => "width:400px;", :alt => "Art des Sens, impression personnalisé aluminium, stratifié, dibond, bois"
-            %br
-            296 rue de la Béalière
-            %br
-            38113 Veurey Voroize
-          
-          %p
-            Tél. +33 1 85 76 06 70
-          
-          %p
-            =link_to "contact@artdessens.fr", "mailto:contact@artdessens.fr"
-            
-        
-        .clear
-          
-      #legals
-        Siret 802 801 738 00013 - APE : 4690Z - RCS : 802801738 RCS Grenoble - N° TVA intracom : FR83802801738 - Capital : 15 000,00 € -
-        =link_to "Partenaire Cris Graphic", "http://cris-graphic.com", :target => "_blank", :title => "Cris Graphic - Impression supports de communication : signalétique, évènementiel, Agencement et décoration - Marque Cristal Protect®"
-        
-        =link_to image_tag( "/nb.png", :alt => "Création site, communication, ruby on rails"), "http://nicolasbally.com", :target => "_blank", :title => "Nicolas Bally, Quartz Agence, création de site internet Ruby on Rails"
-        
-        
-    :javascript
-      $(function() {
-        $('#slides').superslides({
-          inherit_width_from: '.wide-container',
-          inherit_height_from: '.wide-container',
-          animation: 'fade',
-          play :4000,
-          animation_speed : "slow"
-        });
-      });
-       
-      
-    :coffeescript
-      $("body").on "click", ->
-        
-        $(".wide-container").css("max-width","2000px")
-        
-    <script>
-    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-
-    ga('create', 'UA-54082658-1', 'auto');
-    ga('send', 'pageview');
-
-    </script>

app/views/welcome/my-strat.haml

@@ -0,0 +1,67 @@
+#my-strat
+  .center
+    
+  
+    %h2
+      MyStrat<sup>®</sup>
+      
+    
+    =image_tag "/my-strat.png", :class => "icons", :alt => "My Strat Formica, stratifié personnalisé"
+      
+
+    %p
+
+      Grâce à son exceptionnelle tenue en extérieur, sa résistance aux agressions UV 
+      %strong garantie 10 ans,
+      sa résistance aux rayures et graffitits, notre 
+      %strong stratifié décoratif
+      fabriqué par notre partenaire le Groupe Formica<sup>®</sup> est un matériau incontournable pour une application intérieure ou extérieure dans les domaines de 
+      %strong
+      l'agencement, de la signalétique et de la décoration.
+
+    
+
+
+  
+  .samples
+    %ul.gal
+      %li{: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", :alt => "CristalProtect®, Impression numérique sur aluminium"
+    
+        Panneau en stratifié numérique & structure.
+      %li{:class => ".preserve"}
+        =image_tag "/mystrat/03.jpg", :alt => "CristalProtect®, totem en aluminium imprimé et vernis"
+
+        Habillage de DAB en panneaux décorés.
+
+
+
+
+  
+  
+     
+  
+  .center
+    %hr 
+    .more
+      .span
+        =image_tag "/more.png"
+      .span
+        %ul
+          %li Garantie 10 ans en extérieur.
+          %li Découpe, façonnage, gravure possible
+          %li Intégration de braille sur demande
+          %li Extrême résistance aux agressions extérieures
+          %li Pas de minimum de commande
+      .span
+        %ul
+          %li Format maximum : 3660 x 1525 mm
+          %li Epaisseurs disponibles : de 0,7mm à 20mm
+          %li Impression recto/verso possible, nous consulter.
+          %li Finitions disponibles : Matte et Brillant
+      .clear
+  .clear

app/views/welcome/realisations.html.haml

@@ -0,0 +1,29 @@
+
+
+  
+#realisations{:style => "overflow:auto;"}
+
+  %h2 Exemples de réalisations
+  
+  #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" 
+    =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 personnalisé"), "/realisation/7.jpg", :title => "Intégration de braille sur panneaux en aluminium personnalisé" 
+    =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" 
+    
+    
+    =link_to image_tag("/realisation/11-p.jpg", :alt => "Art des Sens, CristalProtect® impression et vernis table alu"), "/realisation/11.jpg", :title => "CristalProtect® impression table alu" 
+    =link_to image_tag("/realisation/12-p.jpg", :alt => "Art des Sens, CristalProtect® impression et vernis crédence de cuisine personnalisée alu"), "/realisation/12.jpg", :title => "CristalProtect® impression crédence de cuisine personnalisée alu" 
+    =link_to image_tag("/realisation/13-p.jpg", :alt => "Art des Sens, full covering, impression sol, porte, plafond"), "/realisation/13.jpg", :title => "Full covering, impression sol, porte, plafond" 
+    =link_to image_tag("/realisation/14-p.jpg", :alt => "Art des Sens, Full covering, impression sol, porte, plafond"), "/realisation/14.jpg", :title => "Full covering, impression sol, porte, plafond" 
+    =link_to image_tag("/realisation/15-p.jpg", :alt => "Art des Sens, impression dalle plafond avec inclusion éclairage LED"), "/realisation/15.jpg", :title => "Impression dalle plafond avec inclusion éclairage LED" 
+    
+    
+    
+    .clear

config/deploy.rb

@@ -1,6 +1,6 @@
 
 
-set :application, 'ads_app' 
+set :application, 'new_ads_app' 
 	set :domain, '62.210.187.249'
 
 set :user, 'web'

config/nginx.conf

@@ -1,18 +1,18 @@
-upstream ads_app_unicorn {
+upstream new_ads_app_unicorn {
-	server unix:/home/web/ads_app/shared/unicorn.sock fail_timeout=0;
+	server unix:/home/web/new_ads_app/shared/unicorn.sock fail_timeout=0;
 }
 
 server {
 	listen 80;
-	server_name artdessens.fr ads.bally.me ads.quartz.xyz;
+	server_name new_artdessens.fr;
-	root /home/web/ads_app/current/public;
+	root /home/web/new_ads_app/current/public;
 	try_files $uri/index.html $uri @unicorn;
 
 	location @unicorn {
 		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
 		proxy_set_header Host $http_host;
 		proxy_redirect off;
-		proxy_pass http://ads_app_unicorn;
+		proxy_pass http://new_ads_app_unicorn;
     proxy_read_timeout 6000;
 	}
 
@@ -21,9 +21,3 @@ server {
 	keepalive_timeout 10;
 }
 
-
-server {
-	listen 80;
-    server_name www.artdessens.fr;
-    rewrite ^(.*) http://artdessens.fr$1 permanent;
-}

config/routes.rb

@@ -1,6 +1,6 @@
 Rails.application.routes.draw do
   get 'welcome/index'
-
+  get "/:slug.html" => "welcome#show"
   # The priority is based upon order of creation: first created -> highest priority.
   # See how all your routes lay out with "rake routes".
 

config/unicorn.rb

@@ -1,4 +1,4 @@
-@rails_app = "ads_app"
+@rails_app = "new_ads_app"
 
 working_directory "/home/web/#{@rails_app}/current"
 pid "/home/web/#{@rails_app}/shared/unicorn.pid"

config/unicorn_init_d

@@ -5,10 +5,10 @@ set -u
 set -e
 
 # Change these to match your app:
-APP_NAME=ads_app
+APP_NAME=new_ads_app
 APP_RUBY=2.1.2
-APP_ROOT="/home/web/ads_app/current"
+APP_ROOT="/home/web/new_ads_app/current"
-PID="/home/web/ads_app/shared/unicorn.pid"
+PID="/home/web/new_ads_app/shared/unicorn.pid"
 ENV=production
 
 GEM_HOME="/home/web/.rvm/gems/ruby-$APP_RUBY"