diff --git a/app/assets/javascripts/application.coffee b/app/assets/javascripts/application.coffee index 836f33a..f51513a 100644 --- a/app/assets/javascripts/application.coffee +++ b/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 = -> - - 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) + if test.length > 0 + 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 = -> @@ -277,20 +265,38 @@ $("document").ready -> animate_img = -> - - gal_imgs_show[i_img].animate({left:0,opacity : 1}, 400) + if gal_imgs_show.length > 1 + 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) + if i_img < (gal_imgs_show.length-1) + i_img = i_img+1 + 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() - diff --git a/app/assets/javascripts/application.coffee.old b/app/assets/javascripts/application.coffee.old new file mode 100644 index 0000000..836f33a --- /dev/null +++ b/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 "
" + title = false + + + $("#large").append "" + $("#large").append "" + $("#large").append "
" + $(".img_container.first").append "" + + if $(this).attr "title" + title = $(this).attr "title" + $(".img_container.first").append "

"+title+"

" + + $("#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 "

"+title+"

" + + + $('#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 "

"+title+"

" + + $('#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() + + + + diff --git a/app/controllers/welcome_controller.rb b/app/controllers/welcome_controller.rb index 47c5ddd..4b047b8 100644 --- a/app/controllers/welcome_controller.rb +++ b/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 diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb deleted file mode 100644 index 6e0d530..0000000 --- a/app/views/layouts/application.html.erb +++ /dev/null @@ -1,15 +0,0 @@ - - - - AdsApp - <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> - <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> - <%= csrf_meta_tags %> - - - - -<%= yield %> - - - diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml new file mode 100644 index 0000000..a7e215d --- /dev/null +++ b/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 + + + :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") + + \ No newline at end of file diff --git a/app/views/shared/_menu.haml b/app/views/shared/_menu.haml new file mode 100644 index 0000000..e5ea5a3 --- /dev/null +++ b/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®"), "/cristal-protect.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV." + +=link_to raw("MyStrat®"), "/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" \ No newline at end of file diff --git a/app/views/welcome/brainstorming.haml b/app/views/welcome/brainstorming.haml new file mode 100644 index 0000000..e48c040 --- /dev/null +++ b/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 + diff --git a/app/views/welcome/contact.html.haml b/app/views/welcome/contact.html.haml new file mode 100644 index 0000000..1d345e6 --- /dev/null +++ b/app/views/welcome/contact.html.haml @@ -0,0 +1,21 @@ +#contact + .center + =# + + %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 diff --git a/app/views/welcome/cristal-protect.haml b/app/views/welcome/cristal-protect.haml new file mode 100644 index 0000000..9fd03b0 --- /dev/null +++ b/app/views/welcome/cristal-protect.haml @@ -0,0 +1,68 @@ +#cristal-protect + .center + + + %h2 Cristal Protect® + + =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 ( + Dibond®, + Reynobond®, Alucore®, Forex®...), 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 + + + + \ No newline at end of file diff --git a/app/views/welcome/index.html.haml b/app/views/welcome/index.html.haml index 4ab77c1..f89da0b 100644 --- a/app/views/welcome/index.html.haml +++ b/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 - - - :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", :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®"), "#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®"), "#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® - - =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 ( - Dibond®, - Reynobond®, Alucore®, Forex®...), 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® - - - =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® 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. - +#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;"} + + - - - - - .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 - =# - - %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") - - \ No newline at end of file diff --git a/app/views/welcome/my-strat.haml b/app/views/welcome/my-strat.haml new file mode 100644 index 0000000..15b47e6 --- /dev/null +++ b/app/views/welcome/my-strat.haml @@ -0,0 +1,67 @@ +#my-strat + .center + + + %h2 + MyStrat® + + + =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® 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 diff --git a/app/views/welcome/realisations.html.haml b/app/views/welcome/realisations.html.haml new file mode 100644 index 0000000..c509217 --- /dev/null +++ b/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 diff --git a/config/deploy.rb b/config/deploy.rb index 9abf3f6..68321b7 100644 --- a/config/deploy.rb +++ b/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' diff --git a/config/nginx.conf b/config/nginx.conf index 389edb9..096351c 100644 --- a/config/nginx.conf +++ b/config/nginx.conf @@ -1,18 +1,18 @@ -upstream ads_app_unicorn { - server unix:/home/web/ads_app/shared/unicorn.sock fail_timeout=0; +upstream new_ads_app_unicorn { + 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; - root /home/web/ads_app/current/public; + server_name new_artdessens.fr; + 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; -} diff --git a/config/routes.rb b/config/routes.rb index f336c96..16852e7 100644 --- a/config/routes.rb +++ b/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". diff --git a/config/unicorn.rb b/config/unicorn.rb index 06eab67..5d081fb 100644 --- a/config/unicorn.rb +++ b/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" diff --git a/config/unicorn_init_d b/config/unicorn_init_d old mode 100644 new mode 100755 index d5f42e6..a208146 --- a/config/unicorn_init_d +++ b/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" -PID="/home/web/ads_app/shared/unicorn.pid" +APP_ROOT="/home/web/new_ads_app/current" +PID="/home/web/new_ads_app/shared/unicorn.pid" ENV=production GEM_HOME="/home/web/.rvm/gems/ruby-$APP_RUBY" diff --git a/public/.DS_Store b/public/.DS_Store index 0d11031..c99e5b2 100644 Binary files a/public/.DS_Store and b/public/.DS_Store differ diff --git a/public/realisation/.DS_Store b/public/realisation/.DS_Store index 5008ddf..45fe0ee 100644 Binary files a/public/realisation/.DS_Store and b/public/realisation/.DS_Store differ