-@products_controllers = ["ProductOrdersController", "ProductsController","ProductCategoriesController", "ProductCustomersController", "ProductCustomersAuthsController" ]

-@facebook_title = @facebook_title || @title
- @twitter_title = @twitter_title || @title

-@menu_shadow=true
-@lang = @lang || LangSite.first
-if !@facebook_img or @facebook_img == ""
  -@facebook_img= "/public_medias/image_file/file/280/large_medium_shutterstock_64985671_0__-_copie.jpg"
!!!

- @social_url = @social_url || request.url.to_s
-if @description and @description == ""
  - @description = qit "SEO texte description par défaut","3P mène un combat non violent pour les droits des animaux et le respect de toute vie. Son indépendance lui assure une totale liberté de parole et d’action."

%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="'+@facebook_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="'+@twitter_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://3p.quartz.xyz'+@facebook_img.to_s+'"/>'
      =raw '<link rel="image_src" href="https://3p.quartz.xyz'+@facebook_img.to_s+'"/>'
      
      =raw '<meta name="twitter:card" content="summary_large_image">'
      
      
      
      
      =raw '<meta property="twitter:image" content="https://3p.quartz.xyz'+@facebook_img.to_s+'"/>'
      
     
      
      
      -@img_size = FastImage.size('https://3p.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 "public"
    
    = csrf_meta_tag 
    =render :partial => "public/shared/ga"
    
    = stylesheet_link_tag 'public', :media => :all
    
    <link href="https://fonts.googleapis.com/css?family=Galada|Lato:400,900|Roboto+Slab:400,700" rel="stylesheet">
    <script src="https://f.vimeocdn.com/js/froogaloop2.min.js"></script>
    =javascript_include_tag "https://maps.googleapis.com/maps/api/js?libraries=places,geometry&amp;sensor=false"
    <!-- Facebook Pixel Code -->
    <script>
    !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
    n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
    n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
    t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
    document,'script','https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '1765758747084089', {
    em: 'insert_email_variable,'
    });
    fbq('track', 'PageView');
    fbq('track', 'InitiateCheckout');
    fbq('track', 'AddPaymentInfo');
    fbq('track', 'Purchase', {value: '0.00', currency: 'EUR'});
    </script>
    <noscript><img height="1" width="1" style="display:none"
    src="https://www.facebook.com/tr?id=1765758747084089&ev=PageView&noscript=1"/></noscript>
    <!-- DO NOT MODIFY -->
    <!-- End Facebook Pixel Code -->
    
    
      

  %body.forum_body{:style => ("padding:0; " if @page_dons).to_s+(@don_image ? "background-image:url('#{@don_image}');" : ""),:class => (" don_tunnels" if controller.class.name.split("::")[1] == "DonTunnelsController").to_s+(" boutique_body" if @products_controllers.include?(controller.class.name.split("::")[1])).to_s+(" forum_body" if controller.class.name.split("::").first=="Forum").to_s}
    <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] 
      .flashs
        -if flash[:error]
          .error
            %span.remove=ic :times
            =flash[:error] 
        -if flash[:notice]
          .notice
            %span.remove=ic :times
            =flash[:notice] 
        -if flash[:alert]
          .alert
            %span.remove=ic :times
            =flash[:alert] 

    =yield
      
          
      
      
    :javascript
      resize()