initial
This commit is contained in:
Nicolas Bally
parent
801bd1ef7b
commit
fce5929464
@ -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 = ->
|
||||
if gal_imgs_show.length > 1
|
||||
gal_imgs_show[i_img].animate({left:0,opacity : 1}, 400)
|
||||
|
||||
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()
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
347
app/assets/javascripts/application.coffee.old
Normal file
347
app/assets/javascripts/application.coffee.old
Normal file
@ -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 "<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();
|
||||
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 "<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
|
||||
|
||||
|
||||
$("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 "<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
|
||||
|
||||
|
||||
$('.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()
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,5 +1,11 @@
|
||||
class WelcomeController < ApplicationController
|
||||
|
||||
|
||||
def index
|
||||
render :layout => false
|
||||
@accueil = true
|
||||
end
|
||||
|
||||
def show
|
||||
render :action => params[:slug]
|
||||
end
|
||||
end
|
||||
|
||||
@ -1,15 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>AdsApp</title>
|
||||
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
|
||||
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
|
||||
<%= csrf_meta_tags %>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<%= yield %>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
107
app/views/layouts/application.html.haml
Normal file
107
app/views/layouts/application.html.haml
Normal file
@ -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
|
||||
<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
|
||||
-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")
|
||||
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', 'UA-54082658-1', 'auto');
|
||||
ga('send', 'pageview');
|
||||
|
||||
</script>
|
||||
15
app/views/shared/_menu.haml
Normal file
15
app/views/shared/_menu.haml
Normal file
@ -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<sup>®</sup>"), "/cristal-protect.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
|
||||
|
||||
=link_to raw("MyStrat<sup>®</sup>"), "/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"
|
||||
46
app/views/welcome/brainstorming.haml
Normal file
46
app/views/welcome/brainstorming.haml
Normal file
@ -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
|
||||
|
||||
21
app/views/welcome/contact.html.haml
Normal file
21
app/views/welcome/contact.html.haml
Normal file
@ -0,0 +1,21 @@
|
||||
#contact
|
||||
.center
|
||||
=#<iframe width="1000" height="563" src="//www.youtube.com/embed/ED4b38n4d-U?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
|
||||
|
||||
%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
|
||||
68
app/views/welcome/cristal-protect.haml
Normal file
68
app/views/welcome/cristal-protect.haml
Normal file
@ -0,0 +1,68 @@
|
||||
#cristal-protect
|
||||
.center
|
||||
|
||||
|
||||
%h2 Cristal Protect<sup>®</sup>
|
||||
|
||||
=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 (
|
||||
<strong> Dibond<sup>®</sup></strong>,
|
||||
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", :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
|
||||
|
||||
|
||||
|
||||
|
||||
@ -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
|
||||
<script type="text/javascript" src="//use.typekit.net/bkj8nbt.js"></script>
|
||||
#about
|
||||
|
||||
: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'
|
||||
|
||||
.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
|
||||
|
||||
%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"
|
||||
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;"}
|
||||
|
||||
|
||||
.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<sup>®</sup>"), "#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<sup>®</sup>"), "#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<sup>®</sup>
|
||||
|
||||
=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 (
|
||||
<strong> Dibond<sup>®</sup></strong>,
|
||||
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", :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<sup>®</sup>
|
||||
|
||||
|
||||
=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<sup>®</sup> 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
|
||||
#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
|
||||
=#<iframe width="1000" height="563" src="//www.youtube.com/embed/ED4b38n4d-U?rel=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
|
||||
|
||||
%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")
|
||||
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', 'UA-54082658-1', 'auto');
|
||||
ga('send', 'pageview');
|
||||
|
||||
</script>
|
||||
67
app/views/welcome/my-strat.haml
Normal file
67
app/views/welcome/my-strat.haml
Normal file
@ -0,0 +1,67 @@
|
||||
#my-strat
|
||||
.center
|
||||
|
||||
|
||||
%h2
|
||||
MyStrat<sup>®</sup>
|
||||
|
||||
|
||||
=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<sup>®</sup> 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
|
||||
29
app/views/welcome/realisations.html.haml
Normal file
29
app/views/welcome/realisations.html.haml
Normal file
@ -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
|
||||
@ -1,6 +1,6 @@
|
||||
|
||||
|
||||
set :application, 'ads_app'
|
||||
set :application, 'new_ads_app'
|
||||
set :domain, '62.210.187.249'
|
||||
|
||||
set :user, 'web'
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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".
|
||||
|
||||
|
||||
@ -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"
|
||||
|
||||
6
config/unicorn_init_d
Normal file → Executable file
6
config/unicorn_init_d
Normal file → Executable file
@ -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"
|
||||
|
||||
BIN
public/.DS_Store
vendored
BIN
public/.DS_Store
vendored
Binary file not shown.
BIN
public/realisation/.DS_Store
vendored
BIN
public/realisation/.DS_Store
vendored
Binary file not shown.
Loading…
x
Reference in New Issue
Block a user