!!!
%html
  %head
    %meta{charset: "utf-8"}/
    %title Art des sens
    
    = javascript_include_tag "application"
    
    = csrf_meta_tag 
    
    = 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: "", src: "images/01.jpg"}/
            %li
              %img{alt: "Cinelli", src: "images/02.jpg"}/
            %li
              %img{alt: "Cinelli", src: "images/03.jpg"}/
            %li
              %img{alt: "Cinelli", src: "images/04.jpg"}/

          %nav.slides-navigation
            %a.next{href: "#"} Next
            %a.prev{href: "#"} Previous
    
    #menu-container
      #menu
        =link_to image_tag("/logo-min.png", :id => "logo-min"), "#home", :onclick => "scrollToAnchor('home');return false;"
        =link_to "Société", "#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 "Idées", "#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
            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 les différentes technologies d’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
            Mais au-delà de la fourniture de panneaux imprimés, 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.jpg", :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"
          
          %p Associé à la société Cris-Graphic, nous avons développé l’impression numérique haute définition pérenne.
          %p
            Notre 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.
 
        .infos
          .center
            .samples
              %ul.gal
                %li{:class => ".preserve"}
                  =image_tag "/cristal-protect/01.jpg"
              
                  Impression sur feuille aluminium brossé pour l'EHPAD de Rungis
                %li{:class => ".preserve"}
                  =image_tag "/cristal-protect/02.jpg"
              
                  Impression pour les sites de l'Office National des Anciens combattants
                %li{:class => ".preserve"}
                  =image_tag "/cristal-protect/03.jpg"
                  Inclusion numérique pour les Monuments Nationaux
                %li{:class => ".preserve"}
                  =image_tag "/cristal-protect/04.jpg"
                  Réalisation d'une signalétique pour le Parc de l'Oise
          
                  
                  
                  
            %h3 Caractéristiques techniques
            %p 
              Supports disponibles :
            %ul
              %li Aluminium
              %li Composite (Dibond<sup>®</sup>, Reynobond<sup>®</sup>, Alucore<sup>®</sup>, Forex<sup>®</sup>...)
              %li Verre
              %li Bois
            %p Autre supports, nous consulter.
        
            %p
              Format maximum disponnible :
            %ul
              %li 4000 x 1600 mm
          
            %p Epaisseur maximum : 60 mm
        
            %p 
              Finitions disponibles :
            %ul
              %li Mat
              %li Brillant
            
        .center    
          .more
            =image_tag "/more.png"
            %ul
              %li Bords tombés décorés.
              %li Découpe, façonnabge, gravure possible.
              %li Intégration de braille sur demande.
              %li Extrême résistance aux agressions extérieurs.
              %li Pas de minimum de commande.
            
           
        
      #my-strat
        .center
          
        
          %h2
            MyStrat<sup>®</sup>
            
          
          =image_tag "/my-strat.png", :class => "icons"
            

          %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érieur ou extérieure dans les domaines de l'agencement, de la signalétique et de la décoration.

          

        
        .infos
          .center
            
            .samples
              %ul.gal
                %li{:class => ".preserve"}
                  =image_tag "/mystrat/01.jpg", :class => ".preserve"
              
                  Découpe de lettres en stratifié
                %li{:class => ".preserve"}
                  =image_tag "/mystrat/02.jpg", :class => ".preserve"
              
                  Panneau en stratifié numérique & structure.
                %li{:class => ".preserve"}
                  =image_tag "/mystrat/03.jpg", :class => ".preserve"
          
                  Habillage de DAB en panneaux décorés.
        
      
        
      
        
        



              
            
        
              
            
            %h3 Caractéristiques techniques
            %p 
              Formats maximum disponibles :
            %ul
              %li 2440 x 1220 mm
              %li 3050 x 1300 mm
              %li 3660 x 1525 mm
          
            %p
              Epaisseurs disponnibles :
            %p
              0,7mm, 3mm, 6mm, 8mm, 10mm et 20mm.
              %br/
              Autre épaisseurs, nous consulter.
          
            %p 
              Finitions disponibles :
            %ul
              %li Matte
              %li Brillant
            %p
              Impression recto/verso possible, nous consulter.
        
        .center
          .more
          
            =image_tag "/more.png"
            %ul
              %li Garantie 10 ans en extérieur.
              %li Découpe, façonnabge, gravure possible.
              %li Intégration de braille sur demande
              %li Extrême résistance aux agressions extérieurs
              %li Pas de minimum de commande
        .clear
      #brainstorming
        .center
          %h2.brain-title
            Art des Sens concrétise 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;"}
              Des solutions pour personnaliser ma pièce en  
              %br
              imprimant le sol, les murs et le plafond ?
          %li
            %a{:href => "", :onclick => "return false;"}
              Intégrer du braille directement 
              %br
              sur les panneaux
          %li
            %a{:href => "", :onclick => "return false;"}
              Imprimer les portes 
              %br de mon hôtel
          %li
            %a{:href => "", :onclick => "return false;"}
              Solutions adaptées aux 
              %br
              situations de handicap
          %li
            %a{:href => "", :onclick => "return false;"}
              Personnaliser la crédence 
              %br
              de ma cuisine
          %li
            %a{:href => "", :onclick => "return false;"}
              Mettre en valeur l'histoire 
              %br
              de ce parcours découverte
        </canvas>
        </div>
        
        
        <script type="text/javascript">
        $(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...
        });
        </script>
        
      #realisations
      
        %h2 Exemples de réalisations
        
        #rea-gal
          -(1..10).each do |i|
            =link_to image_tag("/realisation/#{i}-p.jpg"), "/realisation/#{i}.jpg"
          .clear
      #contact
        .center
          %h2 Prenons contact
          %p 
            N'hésitez pas à nous contacter pour nous parler de votre projet !
          %p
            =image_tag "/logo-couleurs.png", :style => "width:300px;"
            %br
            %strong Thomas Blanc-Brude
            %br
            296 rue de la Béalière
            %br
            38113 Veurey Voroize
          
          %p
            Tél. +33 6 37 24 77 04
          
          %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
    :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")