Verified Commit c2b50f18 authored by Laurent Heirendt's avatar Laurent Heirendt
Browse files

add banner img and title

parent 5cee718e
......@@ -84,8 +84,9 @@ kramdown:
# parse_block_html: true
# GDPR banner settings
banner_title: >-
This website uses cookies
banner_text: >-
This website needs some cookies and similar means to function.<br>
If you permit us, we will use those means to collect data on your visits for aggregated statistics to improve our service.
banner_accept_text: >-
Accept cookies for anonymized aggregated statistics
......
<div id="lap-cookies-banner">
<div class="banner-text">{{ site.banner_text }}</div>
<div class="banner-intro">
<div class="banner-img">
<img src="{{ '/assets/banners/r3-logo.svg' | relative_url }}" type="image/svg+xml" />
</div>
<div class="banner-title">{{ site.banner_title }}</div>
<div class="banner-text">{{ site.banner_text }}</div>
</div>
<div class="banner-buttons">
<a class="btn lap-cookies-accept">{{ site.banner_accept_text }}</a>
<a class="btn lap-cookies-refuse">{{ site.banner_refuse_text }}</a>
......
......@@ -9,18 +9,44 @@
text-align: center;
border-top: 1px solid #198cdc;
width: 100%;
display: none; /* hidden by default */
display: none;
/* hidden by default */
}
#lap-cookies-banner .banner-intro {
width: 40%;
position: relative;
left: 30%;
text-align: left;
}
#lap-cookies-banner .banner-img {
width: 50px;
position: absolute;
padding-top: 5px;
height: 50px;
}
#lap-cookies-banner .banner-title {
font-size: 120%;
font-weight: bold;
text-align: left;
padding-left: 60px;
}
#lap-cookies-banner .banner-text {
float: center;
min-height: 60px;
padding-left: 40px;
padding-right: 40px;
float: center;
min-height: 40px;
padding-left: 60px;
font-size: 80%;
text-align: left;
}
#lap-cookies-banner .banner-buttons {
float: center;
line-height: 54px;
}
#lap-cookies-banner .banner-buttons .lap-cookies-accept,
#lap-cookies-banner .banner-buttons .lap-cookies-refuse,
#lap-cookies-banner .banner-buttons .lap-cookies-more,
......@@ -36,6 +62,7 @@
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#lap-cookies-banner .banner-buttons .lap-cookies-accept:hover,
#lap-cookies-banner .banner-buttons .lap-cookies-refuse:hover,
#lap-cookies-banner .banner-buttons .lap-cookies-more:hover,
......@@ -48,6 +75,7 @@
-webkit-box-sizing: border-box;
text-decoration: none;
}
#lap-cookies-banner .btn {
display: inline-block;
margin-bottom: 0;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment