!!!
%html{:lang => "fr"}
  %head
    %meta{:charset => "utf-8"}/
    %meta{:content => "IE=Edge,chrome=1", "http-equiv" => "X-UA-Compatible"}/
    %meta{:content => "width=device-width, initial-scale=1.0", :name => "viewport"}/
    %title Connection
    = csrf_meta_tags
    = stylesheet_link_tag :connexion
    = javascript_include_tag :connexion
    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:400,400i,700,700i&display=swap" rel="stylesheet">
   
   
  %body{:style => "background:center center url('/login_background.jpg?a=#{Time.now.to_s.to_slug}') black fixed;background-size:100%;background-size:cover;"}
  
    :coffeescript
      $ ->
        $.backstretch("/login_background.jpg")
    #flashs= bootstrap_flash
    
    .form-signin.content
      =link_to image_tag("/logo-demo3.png"), "/", :id => "logo"
      = yield
    

    =image_tag("/logo-basic-intelligence.png", :id => "logo-basic")
    
    :scss
      .btn-primary{
        background:red;
        border-color:red;
        &:hover{
          background:darken(#c01717, 10%);
          border-color:darken(#c01717, 10%);
        }
        
      
      }
      .form-signin.content{
        position:relative;
      }
      #logo{
        img{width:50px;
        position:absolute;
        top:-60px;
        left:5px;
        }
      }
      
      #logo-basic{
        position:fixed;
        bottom:10px;
        left:25px;
        width:120px;
      }