File: D:/HostingSpaces/SBogers68/ouddorp-duin.nl/app/storage/views/e694de13c3b2cb7e3f479d7895553033
<?php if(isset($tracking) && $tracking): ?>
<aside id="cookie-message" class="accepted">
<div class="placeholder">
<div id="message-description">
<h5>Cookies</h5>
<p>
Deze website maakt gebruik van verschillende <a href="/privacy">cookies</a>.<br/>
Lees er alles over in ons <a href="/privacy">privacybeleid</a>.
</p>
<div class="cookie-types-description">
<div class="cookie-type analytic">
<div class="icon"></div>
<div class="text">
<p>
<strong>Functionele en <span>analystische cookies</span></strong><br/>
Deze verzamelen geen persoonsgegevens
</p>
</div>
</div>
<div class="cookie-type tracking">
<div class="icon"></div>
<div class="text">
<p>
<strong>Tracking cookies</strong><br/>
Deze volgen bezoekers wanneer zij andere websites bezoeken,
waarbij gegevens met derden worden uitgewisseld.
</p>
</div>
</div>
</div>
<p>Wil je liever minder cookies? <span class="open-menu" onclick="openSettingsMenu();">Verander dan je instellingen.</span></p>
</div>
<div class="cookie-settings" id="cookie-settings-menu">
<h5>Cookieinstellingen wijzigen</h5>
<p>Selecteer hieronder welke cookies je wilt toestaan.</p>
<div class="wrapper">
<label class="cookie-type analytic">
<input type="checkbox" checked/>
<span>
<strong>Functionele en <span>analystische cookies</span></strong><br/>
Deze verzamelen geen persoonsgegevens
</span>
</label>
<label id="trackingCookie" data-status="disabled" class="cookie-type tracking optional">
<input id="trackingCookieInput" type="checkbox" checked/>
<span>
<strong>Tracking cookies</strong><br/>
Deze volgen bezoekers wanneer zij andere websites bezoeken,
waarbij gegevens met derden worden uitgewisseld.
</span>
</label>
</div>
</div>
<span class="accept-cookie-button" onclick="acceptCookie();">
Accepteren en doorgaan
</span>
</div>
</aside>
<style>
#cookie-message {
position: fixed;
z-index: 999999;
top: 0;
left: 0;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
opacity: 1;
transition: opacity 0.5s;
}
#cookie-message.accepted {
display: none;
}
#cookie-message.transition-out {
opacity: 0;
}
#cookie-message .placeholder {
width: calc(100vw / 14 * 12);
padding: calc(100vw / 14 / 2) calc(100vw / 14);
display: block;
max-width: 960px;
margin-left: auto;
margin-right: auto;
background-color: white;
}
#cookie-message .placeholder h5 {
font-size: 24px;
line-height: 24px;
font-weight: 500;
margin: 0 0 5px;
color: #4d4d4d;
}
#cookie-message .placeholder p {
font-size: 16px;
line-height: 20px;
margin: 0;
color: #808080;
}
#cookie-message .placeholder p a, #cookie-message .placeholder p .open-menu {
color: #50b6ff;
white-space: nowrap;
cursor: pointer;
text-decoration: underline;
}
#cookie-message .placeholder #message-description {
display: block;
}
#cookie-message .placeholder #message-description.hide{
display: none;
}
#cookie-message .placeholder .cookie-types-description {
display: block;
margin: 30px 0;
}
#cookie-message .placeholder .cookie-types-description .cookie-type {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
width: 100%;
}
#cookie-message .placeholder .cookie-types-description .cookie-type + .cookie-type {
margin-top: 25px;
}
#cookie-message .placeholder .cookie-types-description .cookie-type .icon {
width: 25px;
height: 25px;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
}
#cookie-message .placeholder .cookie-types-description .cookie-type .icon:before {
content: '';
display: block;
background-image: url("/images/komma/cookie-sprite.svg");
background-size: 70px 30px;
width: 25px;
height: 25px;
}
#cookie-message .placeholder .cookie-types-description .cookie-type.analytic .icon:before {
background-position: -27px -0px;
}
#cookie-message .placeholder .cookie-types-description .cookie-type.tracking .icon:before {
background-position: 0 0;
}
#cookie-message .placeholder .cookie-types-description .cookie-type .text {
display: block;
width: calc(100% - 55px);
}
#cookie-message .placeholder .cookie-types-description .cookie-type .text p {
max-width: 380px;
font-size: 14px;
line-height: 20px;
margin: 0;
color: #808080;
}
#cookie-message .placeholder .cookie-types-description .cookie-type .text p strong {
display: inline-block;
color: #4d4d4d;
font-size: 18px;
}
#cookie-message .placeholder .cookie-types-description .cookie-type .text p strong span {
white-space: nowrap;
}
#cookie-message .placeholder .cookie-settings {
display: none;
}
#cookie-message .placeholder .cookie-settings .wrapper {
padding: 30px 0 0;
}
#cookie-message .placeholder .cookie-settings.edit {
display: block;
}
#cookie-message .placeholder .cookie-settings .cookie-type {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
width: 100%;
max-width: 420px;
}
#cookie-message .placeholder .cookie-settings .cookie-type + .cookie-type {
margin-top: 25px;
}
#cookie-message .placeholder .cookie-settings .cookie-type.analytic {
pointer-events: none;
cursor: not-allowed;
}
#cookie-message .placeholder .cookie-settings .cookie-type.analytic input{
opacity: 0.3;
}
#cookie-message .placeholder .cookie-settings .cookie-type.optional {
cursor: pointer;
}
#cookie-message .placeholder .cookie-settings .cookie-type input {
margin: 4px 0 0;
width: 13px;
height: 13px;
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("/images/komma/cookie-sprite.svg");
background-size: 70px 30px;
background-position: -55px -14px;
}
#cookie-message .placeholder .cookie-settings .cookie-type input:focus {
outline: none;
box-shadow: none;
}
#cookie-message .placeholder .cookie-settings .cookie-type input:checked {
background-position: -55px 0;
}
#cookie-message .placeholder .cookie-settings .cookie-type > span {
display: block;
width: calc(100% - 55px);
font-size: 14px;
line-height: 20px;
}
#cookie-message .placeholder .cookie-settings .cookie-type > span strong {
font-size: 18px;
}
#cookie-message .placeholder .cookie-settings .cookie-type > span strong span {
white-space: nowrap;
}
#cookie-message .placeholder .accept-cookie-button {
display: inline-block;
margin-top: 35px;
padding: 13px 20px;
border-radius: 4px;
background-color: #acc724;
transition: background-color 0.4s, opacity 0.4s;
font-size: 18px;
line-height: 21px;
color: white;
cursor: pointer;
}
#cookie-message .placeholder .accept-cookie-button:hover {
background-color: #95a520;
}
@media screen and (min-width: 1440px) {
#cookie-message .placeholder {
width: calc(100vw / 14 * 12);
padding: 60px 120px;
display: block;
max-width: 960px;
margin-left: auto;
margin-right: auto;
background-color: white;
}
}
@media only screen and (max-width: 750px) {
#cookie-message .placeholder {
padding: 40px;
}
}
@media only screen and (max-width: 450px) {
#cookie-message .placeholder {
width: 100%;
}
}
</style>
<?php else: ?>
<aside id="cookie-message" class="accepted">
<div class="placeholder">
<p>Deze website gebruikt cookies. <a href="/privacyverklaring">Klik hier</a> voor meer informatie.
</p>
<span class="close-button" onclick="hideCookieMessage();">Sluiten</span>
</div>
</aside>
<style>
#cookie-message {
position: fixed;
z-index: 999999;
bottom: 0;
left: 0;
padding: 15px 0;
width: 100%;
background-color: #5597BC;
opacity: 1;
box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.1);
transition: opacity 0.5s, transform 0.6s;
transform: translate3d(0, 0, 0);
}
#cookie-message p{
width: auto;
}
#cookie-message.accepted {
display: none;
}
#cookie-message.transition-out {
opacity: 0;
transform: translate3d(0, 50%, 0);
}
#cookie-message .placeholder {
width: 85.75%;
display: block;
text-align: center;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
#cookie-message .placeholder p, #cookie-message .placeholder p a, #cookie-message .placeholder .close-button {
font-size: 15px;
line-height: 18px;
color: white;
}
#cookie-message .placeholder p {
display: inline-block;
vertical-align: middle;
margin: 0;
}
#cookie-message .placeholder p a {
text-decoration: underline;
}
#cookie-message .placeholder .close-button {
display: inline-block;
vertical-align: middle;
margin-left: 15px;
padding: 5px 12px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 5px;
cursor: pointer;
}
@media only screen and (max-width: 600px) {
#cookie-message .placeholder p {
max-width: 200px;
}
}
@media only screen and (max-width: 600px) {
#cookie-message .placeholder .close-button {
margin-top: 10px;
}
}
</style>
<?php endif; ?>
<script>
function setCookie(name, value, days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
function eraseCookie(name) {
document.cookie = name + '=; Max-Age=-99999999; path=/';
}
if (getCookie('cookieMessage')) {
document.getElementById('cookie-message').classList.add('accepted');
}
else {
document.getElementById('cookie-message').classList.remove('accepted');
}
function hideCookieMessage() {
setCookie('cookieMessage', true, 90);
document.getElementById('cookie-message').classList.add('transition-out');
}
function openSettingsMenu() {
document.getElementById('cookie-settings-menu').classList.add('edit');
document.getElementById('message-description').classList.add('hide');
}
function acceptCookie() {
setCookie('trackingCookieAccepted', 'true', 90);
setCookie('cookieMessage', 'true', 90);
if (document.getElementById('trackingCookieInput').checked === true) {
setCookie('trackingCookieAccepted', 'true', 90);
}
else {
eraseCookie('trackingCookieAccepted');
}
document.getElementById('cookie-message').classList.add('transition-out');
location.reload();
}
</script>
<?php if(in_array('trackingCookieAccepted', array_keys(\Cookie::get()))): ?>
<!-- Tracking Cookies -->
<!-- End Tracking Cookies -->
<?php endif; ?>