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
@@ -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