diff --git a/.DS_Store b/.DS_Store index eaa62f0..6773451 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/app/assets/javascripts/application.coffee b/app/assets/javascripts/application.coffee index f51513a..3390d19 100644 --- a/app/assets/javascripts/application.coffee +++ b/app/assets/javascripts/application.coffee @@ -20,6 +20,15 @@ bottom = 0 prev_link = "" $("document").ready -> + + $("#logo").hide() + $("#baseline").hide() + + $("#logo").fadeIn() + $("#baseline").fadeIn() + + + position_img_now = -> @@ -45,7 +54,7 @@ $("document").ready -> - $("#rea-gal a").click -> + $(".rea-gal a").click -> maxwidth = 1000 maxheight = 900 @@ -206,7 +215,7 @@ $("document").ready -> return - $("#rea-gal img").css "width", ($(window).width() - 6 * 5 )/ 5 + $(".rea-gal img").css "width", ($(window).width() - 6 * 5 )/ 5 # $("#brainstorming").css({"min-height": ($(window).height())+"px","width": $(window).width()+"px" }) @@ -225,10 +234,10 @@ $("document").ready -> $("#brainstorming ul li").css("opacity", 0) - $("#realisations #rea-gal img").css("opacity", 0) + $(".rea-gal img").css("opacity", 0) gal_imgs_show= [] - $("#realisations #rea-gal img").each -> + $(".rea-gal img").each -> gal_imgs_show.push $(this) @@ -258,8 +267,8 @@ $("document").ready -> animate_realisation = -> - if !$("#realisations #rea-gal").hasClass "showing" - $("#realisations #rea-gal").addClass "showing" + if !$(".rea-gal").hasClass "showing" + $(".rea-gal").addClass "showing" i_img = 0 diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss index 7332e56..f1b0c1f 100644 --- a/app/assets/stylesheets/application.scss +++ b/app/assets/stylesheets/application.scss @@ -425,7 +425,7 @@ background:rgba(132,187,64,1); height:50px; - background:rgba(0,0,0,0.9); + background:rgba(0,0,0,0.8); text-align:right; font-family:Lato; font-weight:300; @@ -435,14 +435,17 @@ background:rgba(132,187,64,1); top:0px; left:0px; right:0px; + border-bottom:1px solid white; + border-color:rgba(250,250,250,0.4); #logo-min{ - position:absolute; - top:5px; - left:10px; - height:40px; - display:none; + position:absolute; + top:5px; + left:10px; + height:40px; + display:none; -z-index:100; + z-index:100; + } @@ -450,8 +453,8 @@ z-index:100; display:inline-block; color:rgba(250,250,250,0.9); text-decoration:none; -font-size:18px; -padding:5px 10px; +font-size:16px; +padding:7px 10px; } a:last-child{ margin-right:10px; diff --git a/app/views/shared/_menu.haml b/app/views/shared/_menu.haml index 7b76232..089dd80 100644 --- a/app/views/shared/_menu.haml +++ b/app/views/shared/_menu.haml @@ -8,7 +8,10 @@ =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 "Secteurs d'activités", "/secteurs-activites.html", :title => "Actualité Art des Sens, impression sur aluminium, stratifié numérique..." + + +=link_to "Imaginons", "/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..." diff --git a/app/views/welcome/actualite.haml b/app/views/welcome/actualite.haml index 2feadf7..1804d1b 100644 --- a/app/views/welcome/actualite.haml +++ b/app/views/welcome/actualite.haml @@ -2,4 +2,109 @@ .center %br %br - %h2 Actualités \ No newline at end of file + %h2 Actualités + + .actualite + %h2 Signalétique du jardin d’acclimatation (Paris) + %p.secteurs + Secteurs : Signalétique, Loisirs et Cultures + + %p A la demande de l’un de nos client, la société Art Des Sens a réalisé la fourniture de panneaux en aluminium imprimé suivant le procédé Cristal Protect® pour le jardin d’acclimatation. + + %p.supports + Support : Tôles en aluminium imprimés suivant le procédé CristalProtect® + + .rea-gal{:style => "position:relative;"} + =link_to image_tag("/actualite-1/1-p.jpg", :alt => "Impression aluminium CristalProtect®"), "/actualite-1/1.jpg", :title => "Impression aluminium CristalProtect®" + =link_to image_tag("/actualite-1/2-p.jpg", :alt => "Impression aluminium CristalProtect®"), "/actualite-1/2.jpg", :title => "Impression aluminium CristalProtect®" + .clear + .plus + Les + Art Des Sens : + %ul + %li Impression numérique haute définition + %li Mise en forme des panneaux par découpe numérique + %li Une très grande résistance aux UV + %li Une protection contre les graffitis et rayures + + .actualite + %h2 Le Full Covering by Cris-Graphic / Art Des Sens (Grenoble) + %p.secteurs + Secteur : Décoration intérieure + + %p Les possibilités de personnalisation sont infinies ! Pour vous faire découvrir une partie de notre savoir-faire nous avons refait la décorations de nos bureaux et atelier. + + %p Ambiance Route 66 garantie ! + + %p.supports + Supports : + + %ul + %li Sol Gerflor® imprimé + %li Tapisserie préencollée imprimé + %li Dalle de plafond imprimée + %li Adhésif imprimé + + .rea-gal{:style => "position:relative;"} + =link_to image_tag("/actualite-2/1-p.jpg", :alt => ""), "/actualite-2/1.jpg", :title => "" + =link_to image_tag("/actualite-2/2-p.jpg", :alt => ""), "/actualite-2/2.jpg", :title => "" + =link_to image_tag("/actualite-2/3-p.jpg", :alt => ""), "/actualite-2/3.jpg", :title => "" + .clear + .plus + Les + Art Des Sens : + %ul + %li Partenaire de vos idées, nous trouvons des solutions techniques pour répondre à l’ensemble de vos besoins. + + .actualite + %h2 Habillage de laverie automatique (France entière) + %p.secteurs + Secteurs : Décoration intérieure , Signalétique + + %p En partenariat avec un créateur et installateur de laverie automatique dernière génération leader sur son marché, la société Art Des Sens fabrique l’ensemble des parements décoratifs pour l’habillage des laveries. + + %p Déjà plus de 20 sites réalisés en France en 2014, plus de 70 sites à faire en 2015. + + + %p.supports + Supports : + + %ul + %li Tôles en aluminium imprimés suivant le procédé CristalProtect® + %li Dibond® 3mm imprimés suivant le procédé CristalProtect® + + + .rea-gal{:style => "position:relative;"} + =link_to image_tag("/actualite-3/1-p.jpg", :alt => ""), "/actualite-2/1.jpg", :title => "" + + .clear + .plus + Les + Art Des Sens : + %ul + %li Impression numérique haute définition + %li Mise en forme des panneaux par découpe numérique + %li Une très grande résistance aux UV + %li Une protection contre les graffitis et rayures + + .actualite + %h2 Office National des Anciens Combattants (France entière) + %p.secteurs + Secteurs : Loisirs et Cultures , Signalétique + + %p Pour l’un de nos clients, la société Art Des Sens réalise la fourniture de panneaux en aluminium imprimés. Nos supports s’intègrent dans une structure de type « pupitre » qui sont installés sur les sites de l’Office National des Anciens Combattants. + + %p Entre 2014 et 2015 nous imprimerons 350 panneaux + + + + + .rea-gal{:style => "position:relative;"} + =link_to image_tag("/actualite-4/1-p.jpg", :alt => ""), "/actualite-4/1.jpg", :title => "" + =link_to image_tag("/actualite-4/2-p.jpg", :alt => ""), "/actualite-4/2.jpg", :title => "" + =link_to image_tag("/actualite-4/3-p.jpg", :alt => ""), "/actualite-4/3.jpg", :title => "" + .clear + .plus + Les + Art Des Sens : + %ul + %li Impression numérique haute définition + %li Mise en forme des panneaux par découpe numérique + %li Une très grande résistance aux UV + %li Une protection contre les graffitis et rayures \ No newline at end of file diff --git a/app/views/welcome/realisations.html.haml b/app/views/welcome/realisations.html.haml index c509217..efb8a42 100644 --- a/app/views/welcome/realisations.html.haml +++ b/app/views/welcome/realisations.html.haml @@ -5,7 +5,7 @@ %h2 Exemples de réalisations - #rea-gal{:style => "position:relative;"} + .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" diff --git a/app/views/welcome/secteurs-activites.haml b/app/views/welcome/secteurs-activites.haml new file mode 100644 index 0000000..368cb9f --- /dev/null +++ b/app/views/welcome/secteurs-activites.haml @@ -0,0 +1,5 @@ +#actualite + .center + %br + %br + %h2 Secteurs d'activité \ No newline at end of file diff --git a/public/.DS_Store b/public/.DS_Store index c99e5b2..47febe3 100644 Binary files a/public/.DS_Store and b/public/.DS_Store differ diff --git a/public/actualite-1/1-p.jpg b/public/actualite-1/1-p.jpg new file mode 100644 index 0000000..1ebc1ac Binary files /dev/null and b/public/actualite-1/1-p.jpg differ diff --git a/public/actualite-1/1.jpg b/public/actualite-1/1.jpg new file mode 100644 index 0000000..275dfc3 Binary files /dev/null and b/public/actualite-1/1.jpg differ diff --git a/public/actualite-1/2-p.jpg b/public/actualite-1/2-p.jpg new file mode 100644 index 0000000..6465940 Binary files /dev/null and b/public/actualite-1/2-p.jpg differ diff --git a/public/actualite-1/2.jpg b/public/actualite-1/2.jpg new file mode 100644 index 0000000..3133238 Binary files /dev/null and b/public/actualite-1/2.jpg differ diff --git a/public/actualite-2/1-p.jpg b/public/actualite-2/1-p.jpg new file mode 100644 index 0000000..1f2fb1a Binary files /dev/null and b/public/actualite-2/1-p.jpg differ diff --git a/public/actualite-2/1.jpg b/public/actualite-2/1.jpg new file mode 100644 index 0000000..6f9be00 Binary files /dev/null and b/public/actualite-2/1.jpg differ diff --git a/public/actualite-2/2-p.jpg b/public/actualite-2/2-p.jpg new file mode 100644 index 0000000..a5c8e9c Binary files /dev/null and b/public/actualite-2/2-p.jpg differ diff --git a/public/actualite-2/2.jpg b/public/actualite-2/2.jpg new file mode 100644 index 0000000..247965d Binary files /dev/null and b/public/actualite-2/2.jpg differ diff --git a/public/actualite-2/3-p.jpg b/public/actualite-2/3-p.jpg new file mode 100644 index 0000000..0964f92 Binary files /dev/null and b/public/actualite-2/3-p.jpg differ diff --git a/public/actualite-2/3.jpg b/public/actualite-2/3.jpg new file mode 100644 index 0000000..67c5a87 Binary files /dev/null and b/public/actualite-2/3.jpg differ diff --git a/public/actualite-3/1-p.jpg b/public/actualite-3/1-p.jpg new file mode 100644 index 0000000..ad74a93 Binary files /dev/null and b/public/actualite-3/1-p.jpg differ diff --git a/public/actualite-3/1.jpg b/public/actualite-3/1.jpg new file mode 100644 index 0000000..02b7d91 Binary files /dev/null and b/public/actualite-3/1.jpg differ diff --git a/public/actualite-4/1-p.jpg b/public/actualite-4/1-p.jpg new file mode 100644 index 0000000..6917f99 Binary files /dev/null and b/public/actualite-4/1-p.jpg differ diff --git a/public/actualite-4/1.jpg b/public/actualite-4/1.jpg new file mode 100644 index 0000000..b08272d Binary files /dev/null and b/public/actualite-4/1.jpg differ diff --git a/public/actualite-4/2-p.jpg b/public/actualite-4/2-p.jpg new file mode 100644 index 0000000..f3e7243 Binary files /dev/null and b/public/actualite-4/2-p.jpg differ diff --git a/public/actualite-4/2.jpg b/public/actualite-4/2.jpg new file mode 100644 index 0000000..dd0e48b Binary files /dev/null and b/public/actualite-4/2.jpg differ diff --git a/public/actualite-4/3-p.jpg b/public/actualite-4/3-p.jpg new file mode 100644 index 0000000..66f7cca Binary files /dev/null and b/public/actualite-4/3-p.jpg differ diff --git a/public/actualite-4/3.jpg b/public/actualite-4/3.jpg new file mode 100644 index 0000000..338df42 Binary files /dev/null and b/public/actualite-4/3.jpg differ