diff --git a/app/assets/javascripts/application.coffee b/app/assets/javascripts/application.coffee index de6e57e..98f370e 100644 --- a/app/assets/javascripts/application.coffee +++ b/app/assets/javascripts/application.coffee @@ -25,15 +25,16 @@ $("document").ready -> + + imgheight = $("#large .large-img").outerHeight() + $("#large h3").outerHeight() - imgheight = $("#large .large-img").height() - imgwidth = $("#large .large-img").height() - - + + margintop = (( $(window).height() - imgheight) / 2 ) + $("#large .large-img").css - "margin-top" :((( $(window).height() - $("#large .large-img").outerHeight()) / 2 )+"px") + "margin-top" :(margintop+"px") #"width" : "100px" @@ -54,11 +55,18 @@ $("document").ready -> 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(); @@ -101,6 +109,12 @@ $("document").ready -> #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() @@ -122,13 +136,18 @@ $("document").ready -> #titre = photo.find("h3") - prev_link = link + $(".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 diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index 23910eb..d0128be 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -39,6 +39,15 @@ background:rgba(0,0,0,0.8);//rgba(132,187,64,0.8); z-index:10; + h3{ + color:white; + text-align:center; + margin-top:5px; + margin-bottom:0; + font-weight:300; + font-size:0.95em; + + } .next, .prev{ width:20px; position:absolute; @@ -65,7 +74,7 @@ .large-img{ cursor:pointer; padding:10px; - background:white; + background:rgba(250, 250, 250, 0.9); display:block; margin:auto; @@ -387,4 +396,13 @@ padding:5px 10px; } + #legals{ + background:rgba(85,85,85,1); + padding:15px 0; + text-align:center; + color:white; + font-size:0.9em; + + } + \ No newline at end of file diff --git a/app/views/welcome/index.html.haml b/app/views/welcome/index.html.haml index 4852def..3fb9eff 100644 --- a/app/views/welcome/index.html.haml +++ b/app/views/welcome/index.html.haml @@ -53,13 +53,13 @@ #slides %ul.slides-container %li - %img{alt: "", src: "images/01.jpg"}/ + %img{alt: "Art des Sens impression directe décoration intérieur", src: "images/01.jpg"}/ %li - %img{alt: "Cinelli", src: "images/02.jpg"}/ + %img{alt: "Art des Sens signalétique directement sur alluminium, dibond, bois, verre", src: "images/02.jpg"}/ %li - %img{alt: "Cinelli", src: "images/03.jpg"}/ + %img{alt: "Signalétique stratifié MyStrat en relief", src: "images/03.jpg"}/ %li - %img{alt: "Cinelli", src: "images/04.jpg"}/ + %img{alt: "Impression papier peint, covering", src: "images/04.jpg"}/ #menu-container @@ -68,7 +68,7 @@ =link_to "Présentation", "#about", :onclick => "scrollToAnchor('about');return false;" =link_to raw("Cristal Protect®"), "#cristal-protect", :onclick => "scrollToAnchor('cristal-protect');return false;" =link_to raw("MyStrat®"), "#my-strat", :onclick => "scrollToAnchor('my-strat');return false;" - =link_to "Accompagnement", "#brainstorming", :onclick => "scrollToAnchor('brainstorming');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;" @@ -99,7 +99,7 @@ %h2 Cristal Protect® - =image_tag "/cristal-protect.png", :class => "icons" + =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 impression numérique  en haute définition et pérenne. %p @@ -111,18 +111,18 @@ .samples %ul.gal %li{:class => ".preserve"} - =image_tag "/cristal-protect/01.jpg" + =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" + =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" + =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" + =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 @@ -159,7 +159,7 @@ MyStrat® - =image_tag "/my-strat.png", :class => "icons" + =image_tag "/my-strat.png", :class => "icons", :alt => "My Strat Formica" %p @@ -173,15 +173,15 @@ .samples %ul.gal %li{:class => ".preserve"} - =image_tag "/mystrat/01.jpg", :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", :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", :class => ".preserve" + =image_tag "/mystrat/03.jpg", :alt => "CristalProtect®, totem en aluminium imprimé et vernis" Habillage de DAB en panneaux décorés. @@ -215,7 +215,7 @@ #brainstorming .center %h2.brain-title - Art des Sens concrétise vos idées + Concrétisons vos idées

Anything in here will be replaced on browsers that support the canvas element

@@ -227,33 +227,34 @@ tables et les chaises de mon restaurant ? %li %a{:href => "", :onclick => "return false;"} - Des solutions pour personnaliser ma pièce en + Tu imagines, si nous pouvions personnaliser cette pièce %br - imprimant le sol, les murs et le plafond ? + en imprimant le sol, les murs et le plafond ! %li %a{:href => "", :onclick => "return false;"} - Intégrer du braille directement + Intégrez-vous du braille directement %br - sur les panneaux + sur les panneaux ? Et la gravure ? %li %a{:href => "", :onclick => "return false;"} - Imprimer les portes - %br de mon hôtel + Imprimez-vous les portes ? + %br + J'aimerais les décorer dans mon hôtel. %li %a{:href => "", :onclick => "return false;"} - Solutions adaptées aux + Proposez-vous des solutions adaptées %br - situations de handicap + aux situations de handicap ? %li %a{:href => "", :onclick => "return false;"} - Personnaliser la crédence + J'adorerais avoir une crédence %br - de ma cuisine + de cuisine personnalisée ! %li %a{:href => "", :onclick => "return false;"} - Mettre en valeur l'histoire + Comment mettre en valeur %br - de ce parcours découverte + l'histoire de ce parcours découverte ?
@@ -267,12 +268,20 @@ %h2 Exemples de réalisations #rea-gal{:style => "position:relative;opacity:0"} - -(1..10).each do |i| - =link_to image_tag("/realisation/#{i}-p.jpg"), "/realisation/#{i}.jpg", :data => {:title => "test",:lightbox => "image-1"} + =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 - %h2 Prenons contact + %p N'hésitez pas à nous contacter pour nous parler de votre projet ! %p @@ -290,6 +299,8 @@ =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({ diff --git a/public/images/01.jpg b/public/images/01.jpg index b5a7d6d..93ffe5a 100644 Binary files a/public/images/01.jpg and b/public/images/01.jpg differ