!!!
-@title = "Basic Labs"
- @social_url = @social_url || request.url.to_s
-if @description and @description == ""
  - @description = qit "SEO texte description par défaut",""

%html{:lang => "fr", "xml:lang" => "fr", :xmlns => "http://www.w3.org/1999/xhtml"}
  %head
    -@title = strip_tags(@title.to_s)
    %title=@title.to_s
    <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">
    <link href="https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Pacifico&display=swap" rel="stylesheet">
    %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=""/>'
    =raw '<meta property="twitter:creator" content=""/>'
    =raw '<meta property="twitter:url" content="'+@social_url+'"/>'
    
    
    -if @facebook_img
      =raw '<meta property="og:image" content="https://basiclabs.io'+@facebook_img.to_s+'"/>'
      =raw '<link rel="image_src" href="https://basiclabs.io'+@facebook_img.to_s+'"/>'
      
      =raw '<meta name="twitter:card" content="summary_large_image">'
      
      
      
      
      =raw '<meta property="twitter:image" content="https://basiclabs.io'+@facebook_img.to_s+'"/>'
      
     
      
      
      -@img_size = FastImage.size('https://basiclabs.io'+@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
    
    
      
  %body.pageAccueil
    -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]
    
    -if params[:force]
  
      #menu_top
        =image_tag "/logo-basic.png", :id => "logo"
        
        
      =yield
      
      #footer
        .center
          %h1
            Réalisons ensemble 
            %strong votre projet 
            ="!"
            
          %h2
            Posez votre question à un expert
          
          %br

          -@contact = @contact || Contact.new()

          .animated-block.contact_form#form
            =render :partial => "public/contacts/form"

      .clear
      
      :scss
        body{
          font-family: 'Lato', sans-serif;
        }
      
        .btn{
          background:red;
          color:white;
          border-radius:0;
          
          &:hover{
            background:darken(red, 10%);
            color:white;
          }
        }
        
        .contact_form{
          margin:auto;
          width:800px;
          margin:auto;
          
         
        }
        #menu_top{
          #header{
            position:relative;
          }
          #logo{
            width:200px;
            
          }
          padding:15px 20px;
          font-weight:bold;
          background:white;
          box-shadow:0 0 10px rgba(0,0,0,0.5);
          position:relative !important;
          z-index:2;
          
          
        }
        
        .center{
          max-width:1100px;
          padding: 0 20px;
          margin:auto;
        }
        h1,h2,h3{
          font-weight:bold;
          text-transform:uppercase;
          strong{
            color:red;
          }
        }
        h1{
          font-weight:bold;
          font-size:30px;
        }
        
        h2{
          
          font-size:20px;
        }
        
        h3{
          
          font-size:16px;
        }
        
        img{
          max-width:100%;
        }
        #home{
          text-align:center;
          h2,h1{
            background:rgba(255,255,255,0.7);
            display:inline-block;
            padding:7px 12px;
            margin:0;
            p{margin:0;padding:0;}
          }
          h1{
            font-size:26px;
          }
          h2{
            font-size:22px;
            font-weight:bold;
            margin-top:10px;
          }
        }
        
        ul{
          padding-left:20px;
        }
        .quote{
  
          padding:10px 70px;
          max-width:700px;
        
          margin:auto;
  
          position:relative;
          .guillemet{
            font-family:palatino;
            opacity:0.6;
            font-size:3em;
            position:absolute;
    
    
    
            &.top_corner{
              top:5px;
              left:5px;
              padding-top:15px;
              padding-left:5px;
            }
    
            &.bottom_corner{
              bottom:5px;
              right:5px;
      
            }
          }
  
          .quote_content{
            font-family: 'Pacifico', cursive;
            font-size:2em;
            padding-top:45px;
            text-align:center;
            line-height:1.3em;
            color:rgba(0,0,0,0.9) !important;

    
    
          }
          .author{
            padding-top:10px;
            padding-right:50px;
            font-size:1em;
            text-align:right;
            opacity:0.8;
            color:rgba(0,0,0,0.9) !important;
          }
  
  
        }
        
        #footer{
          text-align:center;
          
          padding:40px 20px;
          
        }
        
    -else
      .vertical_center
        =image_tag "/logo-basic.png", :id => "logo"

        %p.landing Coming soon...

        %p.contact
          +33 (0)4 81 91 42 42 - 
          =link_to "contact@basiclabs.io", "mailto:contact@basiclabs.io", :style => "color:red;"


      :scss
        .vertical_center{
          text-align:center;

        }
        body{
          font-family: 'Didact Gothic', sans-serif;
          font-size:16px;

        }
        #logo{
          width:260px;
          max-width:90%;
          display:block;
          margin:auto;
          margin-bottom:20px

        }
        .landing{
        margin-top:30px;
          font-family: 'Pacifico', cursive;
          font-size:30px;

        }


    
     

      
    :javascript
      resize()
  
