!!!
%html
  %head
    %meta{charset: "utf-8"}/
    %title Art des sens
    
    = 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
    #home
    =image_tag "/logo.png", :id => "logo"
    #baseline=image_tag "/baseline.png", :id => ""
    .slider
      
        
      .wide-container
        #slides
          %ul.slides-container
            %li
              %img{alt: "Art des Sens impression directe décoration intérieur", src: "images/01.jpg"}/
            %li
              %img{alt: "Art des Sens signalétique directement sur alluminium, dibond, bois, verre", src: "images/02.jpg"}/
            %li
              %img{alt: "Signalétique stratifié MyStrat en relief", src: "images/03.jpg"}/
            %li
              %img{alt: "Impression papier peint, covering", src: "images/04.jpg"}/

    
    #menu-container
      #menu
        =link_to image_tag("/logo-min.png", :id => "logo-min"), "#home", :onclick => "scrollToAnchor('home');return false;"
        =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 "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;"
    
  
    #main
      #about
        .center
          %h2
            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 l’impression numérique, la société 
            Art des Sens
            est spécialisée dans la commercialisation de supports imprimés, résistants aux agressions extérieures (UV, rayures, graffitis…)
          %p
            Au-delà de la fourniture de panneaux imprimés et selon vos besoins, 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;"
          %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é Cris-graphic, nous avons mis au point un procédé permettant de réaliser des 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 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 l'aluminium, des matériaux composites  (Dibond<sup>®</sup>, 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"
            

          %p
    
            Grâce à son exceptionnelle tenue en extérieur, sa résistance aux agressions UV garantie 10 ans, sa résistance aux rayures et graffitits, notre 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 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 Formats 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
        <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>
        %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;"}
              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;"}
              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;"}
              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 ?
        </canvas>
        </div>
        
        
        <script type="text/javascript">
        
        </script>
        
      #realisations{:style => "overflow:auto;"}
      
        %h2 Exemples de réalisations
        
        #rea-gal{:style => "position:relative;opacity:0"}
          =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 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
        
          %p 
            N'hésitez pas à nous contacter pour nous parler de votre projet !
          %p
            =image_tag "/logo-couleurs.png", :style => "width:400px;"
            %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"
            
        =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({
          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>