!!!

%html{:lang => "fr", "xml:lang" => "fr", :xmlns => "http://www.w3.org/1999/xhtml"}
  %head
    -if @annonce and @annonce.id
      %title=@annonce.title.to_s+' - Annonce sur Sideplace'
      
    -else
      %title=@title.to_s+" - Sideplace"
    
    <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="/android-chrome-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
    <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="#da532c">
    <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 }  
    =#<script type="text/javascript" =#src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyDSm3YlFVyeEa6KBPmRRkiylbd-xTl-dkQ">
    =#</script>
    
    = javascript_include_tag "public"
    
    
    
    = csrf_meta_tag 
    =render :partial => "public/shared/ga"
    
    = stylesheet_link_tag 'public' 
    = stylesheet_link_tag '/fonts/Stylograph/stylesheet.css' 
    <script src="https://use.typekit.net/iju0phf.js"></script>
    <script>try{Typekit.load({ async: true });}catch(e){}</script>
    
    =javascript_include_tag "https://maps.googleapis.com/maps/api/js?libraries=places,geometry&amp;sensor=false"
    
    <meta property="og:type" content="metadata"/>
    - if @annonce and @annonce.default_photo and @annonce.annonce_photos.visibles.where(:id => @annonce.default_photo_id).first
      =raw '<meta property="og:image" content="https://sideplace.com'+@annonce.default_photo.file.url+'" />'
      
      -@img_size = FastImage.size('https://sideplace.com'+@annonce.default_photo.file.url.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+'"/>'
      
      =raw '<meta property="og:title" content="'+@annonce.title+' - annonce de '+@annonce.annonce_account.pseudo+'" />'
      =raw '<meta property="og:site_name" content="Sideplace.com" />'
      
    -else  
      =raw '<meta property="og:image" content="https://sideplace.com/sideplace-fb.jpg" />'
      -@img_size = FastImage.size('https://sideplace.com/sideplace-fb.jpg')
      
      -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+'"/>'
        
        
      =raw '<meta property="og:title" content="Sideplace, nouveau site gratuit de petites annonces" />'
      =raw '<meta property="og:site_name" content="Sideplace.com" />'
    
    
    
    
    
  %body
    <div id="fb-root"></div>
    :javascript
      (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.4";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
  
    :javascript
      var no_radius;
    .top
      
      
      #menu
        =link_to image_tag("/black_logo.png", :id => "logo"), root_path
        
        =render :partial => "public/shared/menu"
        .clear
      
    =#render :partial => "public/annonces/search_form" if !@no_search
    




    #main
      -if @sidebar
        #sidebar
          =yield :sidebar
        #main_place
          =yield
      -else
        =yield
      

      .clear
    =render :partial => "public/shared/categories"
    =render :partial => "public/shared/bottom"
    

    #flashs= bootstrap_flash