293 lines
7.8 KiB
Plaintext
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()
|
|
|