nicolas/new_ads_app
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

légères modifs

Browse Source
This commit is contained in:
Nicolas Bally 2014-08-22 22:26:07 +02:00
parent 8d2d542ba2
commit ca5ba6cf1b
4 changed files with 86 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
app/assets/javascripts/application.coffee
View File

@ -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 "<div id='large'></div>"
title = false
$("#large").append "<img src='/arrow-next.png' class='next' />"
$("#large").append "<img src='/arrow-prev.png' class='prev' />"
$("#large").append "<div class='img_container first'></div>"
$(".img_container.first").append "<img src="+$(this).attr("href")+" class='large-img' />"
if $(this).attr "title"
title = $(this).attr "title"
$(".img_container.first").append "<h3>"+title+"</h3>"
$("#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 "<h3>"+title+"</h3>"
$('#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 "<h3>"+title+"</h3>"
$('#large .large-img').attr("src", link.attr("href"))
$("#large .large-img").one "load", ->
$(".img_container.first").fadeIn()
position_img();
prev_link = link
false

20
app/assets/stylesheets/application.scss
View File

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

71
app/views/welcome/index.html.haml
View File

@ -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<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 "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<sup>®</sup>
=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<sup>®</sup>
=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
<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>
@ -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 ?
</canvas>
</div>
@ -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({

BIN
public/images/01.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 217 KiB

After

Width:  |  Height:  |  Size: 290 KiB