File: D:/HostingSpaces/SBogers10/ijzerenman.komma.pro/app/views/layouts/partials/cookieMessage.blade.php
@if(isset($tracking) && $tracking)
<aside id="cookie-message">
<div class="placeholder">
<p>Deze website gebruikt verschillende cookies:</p>
<div class="cookie-types">
<div class="cookie-type analytic">
<img src="/images/structure/cookie_clean.svg" class="icon"/>
<div class="text">
<div class="wrapper">
<p>Functionele en analytische cookies verzamelen geen persoonsgegevens.</p>
</div>
</div>
</div>
<div class="cookie-type tracking">
<img src="/images/structure/cookie_extended.svg" class="icon"/>
<div class="text">
<div class="wrapper">
<p>Tracking cookies volgen bezoekers wanneer zij andere websites bezoeken, waarbij gegevens met derden worden uitgewisseld.</p>
</div>
</div>
</div>
</div>
<p>Wanneer je de cookie instellingen wilt wijzigen, kun je dat <a href="/ijzeren-man/privacy">hier</a> doen.
</p>
<span class="accept-cookie-button" onclick="acceptCookie();">Accepteren en doorgaan</span>
</div>
</aside>
<style>
#cookie-message {
position: fixed;
z-index: 999999;
bottom: 0;
left: 0;
padding: 30px 0;
width: 100%;
background-color: #386F98;
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.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{
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 .cookie-types {
display: block;
margin-top: 25px;
margin-bottom: 30px;
width: 100%;
text-align: center;
}
#cookie-message .placeholder .cookie-types .cookie-type {
display: inline-block;
padding: 10px;
border-radius: 4px;
border: 2px solid white;
text-align: left;
max-width: 350px;
width: calc((100% - 20px) / 2);
}
#cookie-message .placeholder .cookie-types .cookie-type img {
width: 40px;
display: inline-block;
vertical-align: middle;
}
#cookie-message .placeholder .cookie-types .cookie-type .text {
display: inline-block;
height: 75px;
width: calc(100% - 60px);
margin-left: 10px;
vertical-align: middle;
}
#cookie-message .placeholder .cookie-types .cookie-type .text .wrapper {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
height: 75px;
width: 100%;
}
#cookie-message .placeholder .cookie-types .cookie-type p {
display: inline-block;
vertical-align: middle;
}
#cookie-message .placeholder .cookie-types .cookie-type + .cookie-type {
margin-left: 20px;
}
#cookie-message .placeholder .accept-cookie-button{
display: inline-block;
margin-left: 10px;
padding: 10px 20px;
border-radius: 4px;
background-color: #74BE61;
transition: background-color 0.3s;
color: white;
cursor: pointer;
}
#cookie-message .placeholder .accept-cookie-button:hover{
background-color: #409a29;
}
@media only screen and (max-width: 875px) {
#cookie-message .placeholder .cookie-types .cookie-type{
display: block;
width: 100%;
margin: 0 auto;
}
#cookie-message .placeholder .cookie-types .cookie-type + .cookie-type{
margin-left: auto;
margin-top: 10px;
}
#cookie-message .placeholder p {
display: block;
}
#cookie-message .placeholder .accept-cookie-button{
margin-left: 0;
margin-top: 15px;
}
}
@media only screen and (max-width: 500px) {
#cookie-message .placeholder .cookie-types .cookie-type .text, #cookie-message .placeholder .cookie-types .cookie-type .text .wrapper{
height: auto;
min-height: 70px;
}
}
</style>
@else
<aside id="cookie-message">
<div class="placeholder">
<p>Deze website gebruikt cookies. <a href="/privacystatement">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: #386F98;
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.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>
@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');
}
function hideCookieMessage() {
setCookie('cookieMessage', true, 90);
document.getElementById('cookie-message').classList.add('transition-out');
}
function acceptCookie() {
setCookie('trackingCookieAccepted', 'true', 90);
setCookie('cookieMessage', 'true', 90);
document.getElementById('cookie-message').classList.add('transition-out');
location.reload();
}
</script>
@if(in_array('trackingCookieAccepted', array_keys(\Cookie::get())))
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','//connect.facebook.net/en_US/fbevents.js');
fbq('init', '887566714695736');
fbq('track', "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=887566714695736&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
@if(\Input::get('status', null) === 'success')
<!-- Facebook Pixel Code - Contact Success-->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','//connect.facebook.net/en_US/fbevents.js');
fbq('init', '887566714695736');
fbq('track', 'Lead');</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=887566714695736&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
@endif
@endif