722 lines
30 KiB
Plaintext
722 lines
30 KiB
Plaintext
-@partenaire = true
|
||
|
||
- @social_url = "https://visonslerespect.fr/#{@lang.slug}"
|
||
-@one_voice_host = "https://transformeurs.quartz.xyz"
|
||
-@menu_shadow=true
|
||
-@lang = @lang || LangSite.first
|
||
-if !@facebook_img or @facebook_img == ""
|
||
-if I18n.locale == :fr
|
||
-@facebook_img= "/fourrure/couv.jpg"
|
||
-else
|
||
-@facebook_img= "/fourrure/couv.jpg"
|
||
!!!
|
||
-if I18n.locale == :fr
|
||
- @description = "Stress, stéréotypies, violence, ennui, pollution. 3P a mené l’enquête"
|
||
-@title = "Elevage de visons en France"
|
||
-else
|
||
- @description = "Stress, stereotypes, violence, monotony, pollution. 3P has led the investigation"
|
||
-@title = "Mink farms in France"
|
||
|
||
%html{:lang => "fr", "xml:lang" => "fr", :xmlns => "http://www.w3.org/1999/xhtml"}
|
||
%head
|
||
-@title = strip_tags(@title.to_s)
|
||
%title=@title.to_s+" - 3P"
|
||
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
|
||
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
|
||
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
|
||
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
|
||
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
|
||
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
|
||
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
|
||
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
|
||
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
|
||
<link rel="icon" type="image/png" href="/favicon-194x194.png" sizes="194x194">
|
||
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
|
||
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
|
||
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
|
||
<link rel="manifest" href="/manifest.json">
|
||
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
|
||
<meta name="msapplication-TileColor" content="#ffffff">
|
||
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
|
||
<meta name="theme-color" content="#ffffff">
|
||
|
||
%meta{:name=>"viewport", :content=>"width=device-width,initial-scale=1"}
|
||
%meta{ :"http-equiv" => "Content-Type", :content => "text/html; charset=utf-8" }
|
||
%meta{ :"name" => "Description", :content => @description }
|
||
%meta{ :"name" => "Keywords", :content => @keywords }
|
||
=raw '<meta property="og:title" content="'+@title.to_s+'" />'
|
||
=raw '<meta property="og:description" content="'+@description.to_s+'" />'
|
||
=raw '<meta property="og:url" content="'+@social_url+'" />'
|
||
|
||
|
||
=raw '<meta property="twitter:description" content="'+((@description and @description != "") ? @description : "En savoir plus :").to_s+'"/>'
|
||
=raw '<meta property="twitter:title" content="'+@title.to_s+'"/>'
|
||
=raw '<meta property="twitter:site" content="@onevoiceanimal"/>'
|
||
=raw '<meta property="twitter:creator" content="@onevoiceanimal"/>'
|
||
=raw '<meta property="twitter:url" content="'+@social_url+'"/>'
|
||
|
||
|
||
-if @facebook_img
|
||
=raw '<meta property="og:image" content="https://transformeurs.quartz.xyz'+@facebook_img.to_s+'"/>'
|
||
=raw '<link rel="image_src" href="https://transformeurs.quartz.xyz'+@facebook_img.to_s+'"/>'
|
||
|
||
=raw '<meta name="twitter:card" content="summary_large_image">'
|
||
|
||
|
||
|
||
|
||
=raw '<meta property="twitter:image" content="https://transformeurs.quartz.xyz'+@facebook_img.to_s+'"/>'
|
||
|
||
|
||
|
||
|
||
-@img_size = FastImage.size('https://transformeurs.quartz.xyz'+@facebook_img.to_s)
|
||
|
||
-if @img_size and @img_size.size > 0
|
||
=raw '<meta property="og:image:width" content="'+@img_size[0].to_s+'"/>'
|
||
=raw '<meta property="og:image:height" content="'+@img_size[1].to_s+'"/>'
|
||
|
||
= javascript_include_tag "fourrure"
|
||
|
||
= csrf_meta_tag
|
||
=render :partial => "public/shared/ga"
|
||
|
||
= stylesheet_link_tag 'fourrure', :media => :all
|
||
|
||
|
||
<link href="https://fonts.googleapis.com/css?family=Galada|Lato:400,700|Roboto+Slab:400,700" rel="stylesheet">
|
||
|
||
|
||
|
||
%body{:class => "fourrure"}
|
||
<div id="fb-root"></div>
|
||
<script>(function(d, s, id) {
|
||
var js, fjs = d.getElementsByTagName(s)[0];
|
||
if (d.getElementById(id)) return;
|
||
js = d.createElement(s); js.id = id;
|
||
js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.5&appId=1571839706461030";
|
||
fjs.parentNode.insertBefore(js, fjs);
|
||
}(document, 'script', 'facebook-jssdk'));</script>
|
||
|
||
-if flash[:error] or flash[:notice] or flash[:alert]
|
||
.flash
|
||
|
||
=flash[:error]
|
||
=flash[:notice]
|
||
=flash[:alert]
|
||
|
||
|
||
|
||
#top_menu
|
||
|
||
.inner
|
||
|
||
.langs
|
||
=link_to image_tag("/angora/fr.png"),"https://visonslerespect.fr/"
|
||
|
||
=link_to image_tag("/angora/en.png"),"https://visonslerespect.fr/en"
|
||
|
||
.menu
|
||
-if I18n.locale == :fr
|
||
-links = [["Enquête","enquete"],["Action","actions"],["Sondage","sondage"]]
|
||
|
||
-else
|
||
-links = [["Investigation","enquete"],["Action","actions"],["Opinion poll","sondage"]]
|
||
|
||
|
||
-links.each do |link|
|
||
|
||
%a{:href => "#", :'data-link' => link[1].to_s, :onclick => "$('html,body').animate({scrollTop: ($('#"+link[1].to_s+"').offset().top -40)},'slow');return false;"}
|
||
=image_tag("/fourrure/icon-#{link[1]}.png")
|
||
=link[0]
|
||
|
||
=link_to qit("fourrure-lien-don","Faire un don"), "https://transformeurs.quartz.xyz/faire-un-don", :target => "_blank", :class => "donate"
|
||
|
||
=#link_to qit("fourrure-soutenez","Soutenez !"), "#ov", :target => "_blank", :onclick => "$('html,body').animate({scrollTop: ($('#ov').offset().top -40)},'slow');return false;", :class => "donate"
|
||
|
||
-if I18n.locale == :fr
|
||
=link_to image_tag( "/logo_w.png", :id => "logo"), "https://transformeurs.quartz.xyz/fr"
|
||
-else
|
||
=link_to image_tag( "/logo_w.png", :id => "logo"), "https://transformeurs.quartz.xyz/en"
|
||
|
||
#baseline
|
||
=qit "home3-top-baseline" do
|
||
Pour une éthique
|
||
%br
|
||
animale et planétaire
|
||
|
||
#top_block
|
||
.inner{:style => "padding-top:90px"}
|
||
-slide_lang = I18n.locale.to_s
|
||
%ul#bxslider{:style => "margin:0;padding:0;"}
|
||
%li
|
||
=image_tag("/fourrure/slides/#{slide_lang}/1.jpg")
|
||
%li
|
||
=image_tag("/fourrure/slides/#{slide_lang}/2.jpg")
|
||
%li
|
||
=image_tag("/fourrure/slides/#{slide_lang}/3.jpg")
|
||
%li
|
||
=image_tag("/fourrure/slides/#{slide_lang}/4.jpg")
|
||
%li
|
||
=image_tag("/fourrure/slides/#{slide_lang}/5.jpg")
|
||
%li
|
||
=image_tag("/fourrure/slides/#{slide_lang}/6.jpg")
|
||
|
||
:javascript
|
||
var slider;
|
||
slider = $('#bxslider').bxSlider({
|
||
auto: true,
|
||
pause:1800,
|
||
speed:350,
|
||
easing: 'ease',
|
||
mode: 'fade',
|
||
useCSS: false,
|
||
startSlide:0,
|
||
infiniteLoop:true,
|
||
pager:false,
|
||
controls:false,
|
||
onSlideAfter: function (slide, oldIndex, newIndex) {
|
||
if (newIndex === 5) { // remember, it's zero based indices with bxslider...
|
||
slider.stopAuto();
|
||
setTimeout(function () {
|
||
slider.goToSlide(0);
|
||
slider.startAuto();
|
||
}, 5000);
|
||
}
|
||
}
|
||
|
||
});
|
||
|
||
|
||
|
||
|
||
|
||
#main_block
|
||
.inner
|
||
|
||
%a{:href => "#", :'data-link' => "actions", :onclick => "$('html,body').animate({scrollTop: ($('#actions').offset().top -40)},'slow');return false;"}
|
||
#header
|
||
%h1=qit "fourrure-titre-header", "Pour fermer les élevages, cliquez !"
|
||
|
||
|
||
|
||
|
||
|
||
#enquete
|
||
%a{:anchor => "enquete"}
|
||
%h2
|
||
=image_tag "/fourrure/icon-enquete.png"
|
||
=qit "fourrure-titre-enquete", "Enquête"
|
||
%h3
|
||
=qit "fourrure-sous-titre-enquete", "3P a enquêté sur 6 élevages français de visons pour la fourrure"
|
||
.rea-gal
|
||
.enquete_panel.inner_gris
|
||
=qit "fourrure-enquete-panel1" do
|
||
%p
|
||
|
||
%strong Les visons souffrent.
|
||
Ils s'ennuient jusqu'à devenir fous dans des cages sales et inconfortables, bien loin de l'eau, leur élément naturel.
|
||
|
||
.col
|
||
=link_to image_tag("/fourrure/enquete-1.jpg"), "/fourrure/enquete-1.jpg", :title => ""
|
||
|
||
.col
|
||
=link_to image_tag("/fourrure/enquete-2.jpg"), "/fourrure/enquete-2.jpg", :title => ""
|
||
.col
|
||
=link_to image_tag("/fourrure/enquete-3.jpg"), "/fourrure/enquete-3.jpg", :title => ""
|
||
.clear
|
||
|
||
.enquete_panel.inner_gris
|
||
=qit "fourrure-enquete-panel2" do
|
||
%p
|
||
%strong Les élevages sont des prisons.
|
||
Les visons y sont entassés, cernés par leurs excréments.
|
||
|
||
|
||
.col
|
||
=link_to image_tag("/fourrure/enquete-7.jpg"), "/fourrure/enquete-7.jpg", :title => ""
|
||
.col
|
||
=link_to image_tag("/fourrure/enquete-4.jpg"), "/fourrure/enquete-4.jpg", :title => ""
|
||
.col
|
||
=link_to image_tag("/fourrure/enquete-5.jpg"), "/fourrure/enquete-5.jpg", :title => ""
|
||
|
||
|
||
.clear
|
||
|
||
.enquete_panel.inner_gris{:style => "margin-bottom:0;"}
|
||
|
||
=qit "fourrure-enquete-panel3" do
|
||
%p
|
||
%strong Des visons s’échappent.
|
||
Ils veulent vivre, mais souvent périssent. Et parfois sous les crocs d'un chien présent au sein de la ferme.
|
||
|
||
.col
|
||
=link_to image_tag("/fourrure/enquete-8.jpg"), "/fourrure/enquete-8.jpg", :title => ""
|
||
.col
|
||
=link_to image_tag("/fourrure/enquete-9.jpg"), "/fourrure/enquete-9.jpg", :title => ""
|
||
.col
|
||
=link_to image_tag("/fourrure/enquete-6.jpg"), "/fourrure/enquete-6.jpg", :title => ""
|
||
|
||
|
||
.clear
|
||
|
||
.share_with{:style => "float:right;margin-bottom:80px;margin-right:40px;"}
|
||
=ic :share
|
||
%span=qit "fourrure-partager", "partager :"
|
||
=link_to "https://www.facebook.com/sharer/sharer.php?u=#{@social_url}", :target => "_blank", :class => "link facebook" do
|
||
=i(:"facebook-official")
|
||
=link_to "https://twitter.com/intent/tweet?url=#{@social_url}&via=onevoiceanimal&text="+CGI::escape(@title.to_s), :target => "_blank", :class => "link twitter" do
|
||
=i(:"twitter-square")
|
||
.clear
|
||
|
||
|
||
|
||
#images
|
||
|
||
#video
|
||
.left
|
||
.left_inner
|
||
.video-responsive
|
||
-if I18n.locale == :fr
|
||
-clip = "194633876"
|
||
-else
|
||
-clip = "197899774"
|
||
|
||
=raw'<iframe id="player1" src="https://player.vimeo.com/video/'+clip+'?autoplay=0&api=1&player_id=player1" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style=""></iframe>'
|
||
|
||
|
||
.share_with{:style => "float:right;margin-bottom:60px;"}
|
||
=ic :share
|
||
%span=qit "fourrure-partager", "partager :"
|
||
=link_to "https://www.facebook.com/sharer/sharer.php?u=#{@social_url}", :target => "_blank", :class => "link facebook" do
|
||
=i(:"facebook-official")
|
||
=link_to "https://twitter.com/intent/tweet?url=#{@social_url}&via=onevoiceanimal&text="+CGI::escape(@title.to_s), :target => "_blank", :class => "link twitter" do
|
||
=i(:"twitter-square")
|
||
.clear
|
||
.right
|
||
=image_tag "/fourrure/enquete-couv-#{I18n.locale.to_s}.png"
|
||
%h4
|
||
=qit "fourrure-titre-notre-rapport-enquete" do
|
||
Notre rapport d'enquête
|
||
|
||
%p{:style => "margin-bottom:15px;"}
|
||
=link_to qit("fourrure-telecharger","Télécharger"), "/fourrure/rapport-#{I18n.locale.to_s}.pdf", :class => "a_btn", :target => "_blank"
|
||
%p
|
||
=link_to qit("fourrure-lire-en-ligne","Lire en ligne"), "#",:onclick => "$('#yumpu_rapport').show();return false;", :class => "a_btn"
|
||
|
||
|
||
.clear
|
||
|
||
|
||
#yumpu_rapport{:style => "margin-top:0px;display:none;"}
|
||
%p{:style => "text-align:right;cursor:pointer;padding-right:20px;margin-bottom:10px;font-size:0.9em;", :onclick => "$(this).parent().hide()"}
|
||
=qit "fourrure-fermer", "X Fermer"
|
||
|
||
|
||
-if I18n.locale == :fr
|
||
<style>.embed-container { position: relative; padding-bottom:56.25%; height:0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}</style><div class='embed-container' data-page-width='452' data-page-height='640' id='ypembedcontainer' ><iframe src="https://www.yumpu.com/xx/embed/view/w6ZkoKgLEGRaAS1J" frameborder="0" allowfullscreen="true" allowtransparency="true"></iframe></div><script src='//www.yumpu.com/assets/v4/js/modules/embed/yp_r_iframe.js' ></script>
|
||
-else
|
||
<style>.embed-container { position: relative; padding-bottom:56.25%; height:0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}</style><div class='embed-container' data-page-width='452' data-page-height='640' id='ypembedcontainer' ><iframe src="https://www.yumpu.com/xx/embed/view/UJsBz2wdRyqDvH8W" frameborder="0" allowfullscreen="true" allowtransparency="true"></iframe></div><script src='//www.yumpu.com/assets/v4/js/modules/embed/yp_r_iframe.js' ></script>
|
||
|
||
#actions
|
||
%a{:anchor => "actions"}
|
||
%h2
|
||
=image_tag("/fourrure/icon-actions.png")
|
||
=qit "fourrure-titre-action", "Action"
|
||
%h3=qit "fourrure-sous-titre-action", "Pour l’interdiction des élevages de visons en France"
|
||
|
||
.action_panel.inner_gris{:style => "margin-bottom:0;background:#F3921E;color:white;"}
|
||
.col
|
||
=qit "fourrure-action-intro" do
|
||
%p
|
||
Mobilisez-vous aux côtés de 3P pour interdire l’élevage des visons et de tous les animaux élevés pour leur fourrure.
|
||
Ecrivez à Stéphane Le Foll, ministre de l’Agriculture
|
||
.col.col_right{:style => "padding-top:17px;"}
|
||
%a{:href => "mailto:"+@mail_email+"?cc=&bcc=info%40transformeurs.quartz.xyz&subject="+URI.encode(@mail_object)+"&body="+URI.encode(@mail_body), :class => "a_btn"}
|
||
=qit "fourrure-action-protester", "Protester en un clic"
|
||
|
||
%br
|
||
=link_to qit("fourrure-protest-ca-ne-marche-pas","Ca ne marche pas ? Cliquez ici"), "#", :class => "b_btn", :onclick => '$("#protest_instruction").show();resize();return false;', :style => "font-size:16px;margin-top:5px;color:white"
|
||
|
||
.clear
|
||
.share_with{:style => "float:right;margin-bottom:80px;margin-right:40px;"}
|
||
=ic :share
|
||
%span=qit "fourrure-partager", "partager :"
|
||
=link_to "https://www.facebook.com/sharer/sharer.php?u=#{@social_url}", :target => "_blank", :class => "link facebook" do
|
||
=i(:"facebook-official")
|
||
=link_to "https://twitter.com/intent/tweet?url=#{@social_url}&via=onevoiceanimal&text="+CGI::escape(@title.to_s), :target => "_blank", :class => "link twitter" do
|
||
=i(:"twitter-square")
|
||
.clear
|
||
|
||
|
||
#sondage
|
||
|
||
%h2
|
||
=image_tag "/fourrure/icon-sondage.png"
|
||
=qit "fourrure-titre-sondage", "Sondage"
|
||
|
||
%h3=qit "fourrure-sous-titre-sondage", "Les Français ne veulent pas de fourrure"
|
||
|
||
#sondage_inner.inner_gris{:style => "margin-bottom:0;"}
|
||
.head
|
||
=qit "fourrure-sondage-head" do
|
||
%p
|
||
En août 2016, IPSOS a réalisé un sondage pour 3P sur les Français
|
||
et l’élevage français d’animaux pour la fourrure.
|
||
|
||
.row
|
||
.col.left
|
||
=image_tag "/fourrure/sondage-1.png"
|
||
.col
|
||
.chiffre
|
||
58%
|
||
|
||
=qit "fourrure-sondage-1" do
|
||
|
||
%p
|
||
Pour 58 % des Français,
|
||
|
||
%strong la fourrure est avant tout associée à la cruauté
|
||
.clear
|
||
|
||
.row
|
||
.col.left
|
||
=image_tag "/fourrure/sondage-2.png"
|
||
.col
|
||
.chiffre
|
||
40%
|
||
|
||
=qit "fourrure-sondage-2" do
|
||
%p
|
||
4 Français sur 10
|
||
%strong renonceront à l’achat d’un vêtement ou accessoire
|
||
s’il recèle de la fourrure animale
|
||
.clear
|
||
.row
|
||
.col.left
|
||
=image_tag "/fourrure/sondage-3.png"
|
||
.col
|
||
.chiffre
|
||
51%
|
||
=qit "fourrure-sondage-3" do
|
||
%p
|
||
1 Français sur 2 souhaite voir
|
||
%strong fermer les élevages d’animaux à fourrure
|
||
.clear
|
||
.row
|
||
.col.left
|
||
=image_tag "/fourrure/sondage-4.png"
|
||
.col
|
||
.chiffre
|
||
91%
|
||
=qit "fourrure-sondage-4" do
|
||
%p
|
||
91 % des Français sont favorables à la création d’un label
|
||
%strong
|
||
« sans fourrure animale ».
|
||
.clear
|
||
|
||
|
||
|
||
.share_with{:style => "float:right;margin-bottom:80px;margin-right:40px;"}
|
||
=ic :share
|
||
%span=qit "fourrure-partager", "partager :"
|
||
=link_to "https://www.facebook.com/sharer/sharer.php?u=#{@social_url}", :target => "_blank", :class => "link facebook" do
|
||
=i(:"facebook-official")
|
||
=link_to "https://twitter.com/intent/tweet?url=#{@social_url}&via=onevoiceanimal&text="+CGI::escape(@title.to_s), :target => "_blank", :class => "link twitter" do
|
||
=i(:"twitter-square")
|
||
.clear
|
||
|
||
|
||
#labels
|
||
%a{:anchor => "labels"}
|
||
%h2
|
||
=image_tag("/fourrure/icon-labels.png")
|
||
=qit "fourrure-titre-label", "Nos labels"
|
||
%h3=qit "fourrure-sous-titre-label", "Découvrez les labels fourrure développés par 3P en France"
|
||
|
||
.label_panel
|
||
-if I18n.locale == :fr
|
||
-link = "https://transformeurs.quartz.xyz/fr/nos-combats/mode-de-vie-sans-cruaute/fourrure/fur-free-retailer-le-programme-ethique.html"
|
||
-else
|
||
-link = "https://transformeurs.quartz.xyz/fr/nos-combats/mode-de-vie-sans-cruaute/fourrure/fur-free-retailer-le-programme-ethique.html"
|
||
|
||
=link_to link, :target => "_blank" do
|
||
.col
|
||
=image_tag("/fourrure/fur-free.png")
|
||
=qit "fourrure-col-label1" do
|
||
%p
|
||
%strong Le label Fur Free Retailer
|
||
permet d’identifier les enseignes
|
||
%br
|
||
qui disent non à la fourrure.
|
||
|
||
|
||
-if I18n.locale == :fr
|
||
-link = "http://www.animalfree.info/fr"
|
||
-else
|
||
-link = "http://www.animalfree.info/en"
|
||
|
||
=link_to link, :target => "_blank" do
|
||
.col
|
||
=image_tag("/fourrure/animal-free.png")
|
||
=qit "fourrure-col-label2" do
|
||
%p
|
||
%strong Le label Animal Free
|
||
permet d’identifier les produits éthiques,
|
||
%br
|
||
dénués de toute matière animale.
|
||
|
||
|
||
.clear
|
||
%br
|
||
%br
|
||
%br
|
||
%br
|
||
|
||
|
||
|
||
.photo_credits{:style => "margin:0"}
|
||
|
||
|
||
|
||
-if @menu_item and @menu_item.image_file and @menu_item.title_image and @menu_item.image_file.photograph
|
||
Photo du bandeau :
|
||
|
||
=@menu_item.image_file.photograph
|
||
="-" if @page_images_credits.size > 0
|
||
|
||
-if @article and @article.image_file and @article.image_file.photograph
|
||
=qit "crédits photo, Photo du bandeau", "Photo du bandeau :"
|
||
|
||
=@article.image_file.photograph
|
||
="-" if @page_images_credits.size > 0
|
||
|
||
-if @credit_bandeau
|
||
=qit "crédits photo, Photo du bandeau"
|
||
|
||
=@credit_bandeau
|
||
="-" if @page_images_credits.size > 0
|
||
|
||
-if @page_images_credits.size > 0
|
||
=qit "crédits photo, Images de la page", "Images de la page :"
|
||
=@page_images_credits.uniq.join(", ")
|
||
|
||
=raw"</div>"
|
||
-if !@menu_item or @menu_item.id != 1
|
||
=raw"</div>"
|
||
|
||
|
||
#new_bottom
|
||
|
||
.row
|
||
.main_container
|
||
.newsletter_bottom
|
||
|
||
%h4 Newsletter
|
||
%p
|
||
=qit "newsletter-intro-bas","Je souhaite être tenu(e) au courant des campagnes de 3P et soutenir son combat. Je déclare accepter de recevoir des informations à cet effet. Je m’inscris à la newsletter."
|
||
="-"
|
||
-if I18n.locale == :fr
|
||
=link_to "Voir nos dernières newsletters", public_newsletters_path
|
||
#newsletter_form
|
||
-@registrant = @registrant || Registrant.new
|
||
=form_for [:public, @registrant], :remote => false do |f|
|
||
.email=f.text_field :email, :placeholder => "email"
|
||
=f.submit qit("newsletter-submit","M'inscrire"), :class => "btn"
|
||
|
||
|
||
.socials_bottom
|
||
%h4=qit "footer-reseaux-sociaux", "Réseaux sociaux"
|
||
%br
|
||
=link_to "https://fr-fr.facebook.com/OneVoice-officiel-177757985646352/", :target => "_blank" do
|
||
=ic(:facebook)
|
||
Facebook
|
||
|
||
="-"
|
||
=link_to "https://twitter.com/onevoiceanimal", :target => "_blank" do
|
||
=ic(:twitter)
|
||
Twitter
|
||
="-"
|
||
=link_to "https://vimeo.com/channels/onevoiceanimal", :target => "_blank" do
|
||
=ic(:vimeo)
|
||
Vimeo
|
||
%br
|
||
%br
|
||
<div class="fb-like" data-href="http://facebook.com/onevoiceanimal/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div>
|
||
|
||
|
||
%br
|
||
<a href="https://twitter.com/onevoiceanimal" class="twitter-follow-button" data-show-count="false">Follow @onevoiceanimal</a>
|
||
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
|
||
.clear
|
||
|
||
.row#menu_bottom_row
|
||
.main_container
|
||
.columns.span_2
|
||
-menu_item = MenuItem.find(7)
|
||
%h4=qit "footer-petitions", "Pétitions"
|
||
|
||
%ul
|
||
-i = 0
|
||
-Petition.joins(:petition_langs).where(:petition_langs => {:lang_site_id => @lang.id, :frontpage => true, :enabled => true}).order("position ASC").all.each do |petition|
|
||
-i+= 1
|
||
-petition_lang = petition.lang(I18n.locale.to_s)
|
||
-if petition_lang.short_title?
|
||
-title =petition_lang.short_title
|
||
-else
|
||
-title=petition_lang.title
|
||
%li=link_to title, "https://transformeurs.quartz.xyz"+petition_path(:slug => petition_lang.slug, :lang => I18n.locale.to_s)
|
||
|
||
|
||
.columns.span_2
|
||
-menu_item = MenuItem.find(7)
|
||
%h4=menu_item_link(menu_item)
|
||
|
||
%ul
|
||
-menu_item.children.order(:position).each do |menu_item|
|
||
%li=menu_item_link(menu_item)
|
||
.columns.span_2
|
||
-menu_item = MenuItem.find(9)
|
||
%h4=menu_item_link(menu_item)
|
||
|
||
%ul
|
||
-menu_item.children.order(:position).each do |menu_item|
|
||
%li=menu_item_link(menu_item)
|
||
|
||
|
||
|
||
.columns.span_2
|
||
-menu_item = MenuItem.find(6)
|
||
%h4=menu_item_link(menu_item)
|
||
|
||
%ul
|
||
-menu_item.children.order(:position).each do |menu_item|
|
||
%li=menu_item_link(menu_item)
|
||
|
||
|
||
.columns.span_2
|
||
%h4
|
||
=link_to qit("bas Je fais un don","Je fais un don"), new_public_donator_transaction_path
|
||
%ul
|
||
%li=link_to qit("bas Don en ligne", "Don en ligne"), "https://transformeurs.quartz.xyz"+new_public_donator_transaction_path
|
||
%li=link_to qit("bas Adhérer", "Adhérer"), "https://transformeurs.quartz.xyz"+new_public_transaction_join_path
|
||
%li=link_to qit("bas Parrainer", "Parrainer"), "https://transformeurs.quartz.xyz"+public_sponsorship_animals_path
|
||
%li=link_to "S'abonner à Noé", "https://transformeurs.quartz.xyz"+new_public_transaction_abo_path if I18n.locale == :fr
|
||
%li=link_to qit("bas Assurance vie", "Assurance vie"), "https://transformeurs.quartz.xyz"+"/fr/assurance-vie.html" if I18n.locale == :fr
|
||
|
||
.clear
|
||
|
||
|
||
|
||
|
||
|
||
#contact_bottom_row
|
||
.main_container
|
||
.right
|
||
=ic(:phone)
|
||
|
||
+33 (0)3 88 35 67 30
|
||
="-"
|
||
=ic(:"envelope-o")
|
||
|
||
=link_to "info@transformeurs.quartz.xyz", "mailto:info@transformeurs.quartz.xyz"
|
||
|
||
|
||
= "Association" if @lang.id != 2
|
||
3P
|
||
="-"
|
||
|
||
|
||
1 A place des Orphelins
|
||
="-"
|
||
67000 Strasbourg
|
||
="-"
|
||
FRANCE
|
||
="-"
|
||
= menu_item_link_force(MenuItem.find(212)) if MenuItem.find_by_id(212)
|
||
|
||
|
||
.bottom_block
|
||
|
||
|
||
=yield :bottom_block
|
||
|
||
|
||
|
||
.socials_links{:style => "text-align:right;"}
|
||
.top_link
|
||
=i(:"arrow-circle-o-up")
|
||
-if I18n.locale == :fr and false
|
||
=link_to "https://www.facebook.com/sharer/sharer.php?u=#{@social_url}", :target => "_blank", :class => "link facebook" do
|
||
=i(:"facebook")
|
||
=#text=CSS%20Social%20Media%20Sidebar&
|
||
=link_to "https://twitter.com/intent/tweet?url=#{@social_url}&via=onevoiceanimal&text="+CGI::escape(@title.to_s), :target => "_blank", :class => "link twitter" do
|
||
=i(:"twitter")
|
||
|
||
.protest_right
|
||
|
||
#protester_panel
|
||
|
||
%a{:href => "mailto:"+@mail_email+"?cc=&bcc=info%40transformeurs.quartz.xyz&subject="+URI.encode(@mail_object)+"&body="+URI.encode(@mail_body), :class => "a_btn"}
|
||
=qit "fourrure-action-protester", "Protester en un clic !"
|
||
%br
|
||
=link_to qit("fourrure-protest-ca-ne-marche-pas","Ca ne marche pas ? Cliquez ici"), "#",:onclick => '$("#protest_instruction").show();resize();return false;', :class => "b_btn"
|
||
|
||
=link_to "#", :target => "_blank", :class => "link twitter", :style => "background:#F3921E;width:75px;", :onclick => "return false;" do
|
||
=image_tag "/fourrure/icon-actions2.png", :style => "height:1.8em;"
|
||
%br
|
||
|
||
%span{:style => "font-size:12px"}
|
||
|
||
|
||
|
||
|
||
=qit "fourrure-right-protest","Protestez !"
|
||
|
||
|
||
|
||
|
||
-if params[:by_facebook]
|
||
:coffeescript
|
||
window.location.hash = '#petition';
|
||
|
||
|
||
|
||
|
||
:coffeescript
|
||
resize_corps = () ->
|
||
test = $(".width_sidebar").width() - $(".width_sidebar #sidebar").outerWidth() - 1
|
||
$(".width_sidebar #corps").css
|
||
"width" :test+"px"
|
||
resize_corps()
|
||
$(window).on "resize", ->
|
||
resize_corps()
|
||
|
||
|
||
|
||
#protest_instruction{:style => "display:none;"}
|
||
.inner
|
||
.head
|
||
#protest_form
|
||
=render :partial => "public/fourrure_senders/form"
|
||
|
||
|
||
=qit "protest-instructions-top" do
|
||
Ouvrez votre boîte e-mail et créez un nouveau message. Vous pouvez copier/coller l'adresse mail ci-dessous ainsi que le texte du message. Envoyez et c'est fait !
|
||
|
||
%p=qit "protest-instruction-dest", "Destinataire"
|
||
%textarea{:style => "height:40px;"}
|
||
=@mail_email
|
||
|
||
%p Message
|
||
%textarea.message{:style => "height:400px;"}
|
||
=@mail_body
|
||
|
||
.close{:style => "cursor:pointer;", :onclick => '$("#protest_instruction").hide();return false;'}
|
||
X
|
||
|
||
:coffeescript
|
||
$("#new_bottom").find("a").attr("target", "_blank")
|
||
|