basic_app/app/views/layouts/public.html.haml
Nicolas Bally 4c750c08b0 suite
2020-07-01 18:14:53 +02:00

293 lines
7.8 KiB
Plaintext

!!!
-@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
.contact_form{
margin:auto;
width:800px;
margin:auto;
.btn{
background:red;
color:white;
border-radius:0;
}
}
#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{
text-transform:uppercase;
strong{
color:red;
}
}
h1{
font-weight:bold;
font-size:30px;
}
h2{
font-weight:normal;
font-size:20px;
}
h3{
font-weight:normal;
font-size:16px;
}
img{
max-width:100%;
}
#home{
h2{
max-width:600px;
display:block;
float:right;
}
}
.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()