- @social_url = "https://stop-angora.fr/#{@lang.slug}"
-@one_voice_host = "https://karim.quartz.xyz"
-@menu_shadow=true
-@lang = @lang || LangSite.first
-if !@facebook_img or @facebook_img == ""
  -if I18n.locale == :fr
    -@facebook_img= "/angora/couv-fb-fr.jpg"
  -else
    -@facebook_img= "/angora/couv-fb-en.jpg"
!!!

- @description = qit("angora-social-desc","Stop à la torture des lapins angoras / Fermons les élevages français / Non au commerce de l'angora / Mobilisons-nous, battons-nous pour eux !")
-@title = qit("angora-title","#StopAngoraFrance - Lapins Martyrisés, la cruauté ça suffit !")
%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://karim.quartz.xyz'+@facebook_img.to_s+'"/>'
      =raw '<link rel="image_src" href="https://karim.quartz.xyz'+@facebook_img.to_s+'"/>'
      
      =raw '<meta name="twitter:card" content="summary_large_image">'
      
      
      
      
      =raw '<meta property="twitter:image" content="https://karim.quartz.xyz'+@facebook_img.to_s+'"/>'
      
     
      
      
      -@img_size = FastImage.size('https://karim.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 "angora"
    
    = csrf_meta_tag 
    =render :partial => "public/shared/ga"
    
    = stylesheet_link_tag 'angora', :media => :all

    
    <link href="https://fonts.googleapis.com/css?family=Galada|Lato|Roboto+Slab" rel="stylesheet">



  %body{:class => "angora"}
    <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]
    

    
    #main_block
      .inner{:style => "padding:20px;background:white;max-width:1000px"}
        =image_tag "https://karim.quartz.xyz/logo_w.png", :style => "display:block;margin:auto;width:100px;margin-top:20px;"
        %h1{:style => "font-size:26px;text-align:center;margin-top:30px;margin-bottom:5px;padding:0;"}=link_to "3P en campagne !", "https://stop-angora.fr"
        
        %h2{:style => "font-size:24px;text-align:center;margin-top:0px;margin-bottom:60px;color:black;text-transform:none;padding:0"}=link_to "#StopAngoraFrance", "https://stop-angora.fr", :style => "color:black;"


        #video{:style => "max-width:900px;margin:auto;"}
      
          .video-responsive
            -clip = "182293543"
            =raw'<iframe id="player1" src="https://player.vimeo.com/video/'+clip+'?autoplay=1&api=1&player_id=player1" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style=""></iframe>'
        
        %p{:style => "text-align:center;margin-top:40px;font-size:20px;margin-bottom:0"}=link_to "Signez la pétition !", "https://stop-angora.fr/#petition", :style => "display:inline-block;background:#E94F25;color:white;padding:11px 17px;"
        %p{:style => "text-align:center;margin-top:5px;font-size:20px"}
          =link_to "https://stop-angora.fr", :style => "color:rgba(0,0,0,0.8);font-size:0.8em;" do
            Le reportage complet sur 
            %span{:style => "color:#F07F28;"} stop-angora.fr
        %p{:style => "text-align:center;max-width:600px;margin:auto;margin-top:40px;font-family:'Roboto Slab', serif"}
          Notre association entre en campagne, mobilise, appelle à pétition et porte plainte pour actes de cruauté contre le plus important élevage français. 
          %br
          Je vous invite à vous rendre sur le site dédié 
          =link_to "stop-angora.fr", "https://stop-angora.fr"
          afin de signer notre pétition, découvrir et soutenir notre action. Les images et le rapport d’enquête sont en ligne, vous pouvez les relayer sur les réseaux sociaux. Du fond du cœur, merci de votre aide, pour eux.
          
 
            
  
    :coffeescript
      $("#main_block .inner").css("min-height", $(window).height()+"px")

