!!!
%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: "", 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"}/

    
    #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 "Accompagnement", "#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
          %h3  
            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
            En complément 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"
          
          %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
            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"
        
              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
    
            
              
            
        .center 
          %hr 
          .more
            .span
              =image_tag "/more.png"
            .span
              %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.
            .span
              %ul
                %li Epaisseur maximum : 60 mm
                %li Finition : mat ou brillant
                %li Format maximum disponnible : 4000 x 1600 mm
            .clear
            
            
            
           
        
      #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.

          


        
        .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.
    
  
    
  
        
        
           
        
        .center
          %hr 
          .more
            .span
              =image_tag "/more.png"
            .span
              %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
            .span
              %ul
                %li Formats maximum disponibles : 3660 x 1525 mm
                %li Epaisseurs disponnibles : de 0,7mm à 20mm
                %li Impression recto/verso possible, nous consulter.
                %li Finitions disponibles : Matte et Brillant
            .clear
        .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">
        
        </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", :data => {:title => "test",:lightbox => "image-1"}
          .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: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
    :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")