<!doctype html>
<html lang="nl" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
        <meta name="consent-referrer" content="/Ajax.htm?dbid=343&typeofpage=84139">
    <title>Privacyinstellingen op VI.nl</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="google-site-verification" content="UF-IjAJyTLoOpeeEO1Enpa53DxgP_p1E2QAoZmM06GI" />
    <style type="text/css">body{margin:0;padding:0;background:url(/.resources/vinl-website/templates/cookies/bg-small.jpg) 50% 0 no-repeat #1f1f1f;background-size:cover;min-width:320px;overflow:hidden}body:after{content:""!important;display:block!important;clear:both!important}@media (min-width:48em){body{background-image:url(/.resources/vinl-website/templates/cookies/bg-medium.jpg)}}@media (min-width:62em){body{background-image:url(/.resources/vinl-website/templates/cookies/bg-large.jpg)}}.u-clearfix:after{content:""!important;display:block!important;clear:both!important}</style>
    <script src="https://oneline.nextday.media/static/tags/5e09ca4ee74b277bcc5f3080.js"></script>
    <script type="text/javascript">

        if (window.location.hostname === 'vi.nl') {
            window.location = window.location.href.replace('vi.nl', 'www.vi.nl');
        }

        if(document.getElementsByName('consent-referrer')[0]){
            var referrer = document.getElementsByName('consent-referrer')[0].getAttribute('content');
        } else {
            var referrer = "/";
        }

        var SECookie = '0';
        var uspVITries = 0;
        var uspVITriesLimit = 6;
        var firstUspBlockedCheck = 1000;
        var uspBlockedInterval;

        function setCookie(name, value, days) {
            var d = new Date;
            d.setTime(d.getTime() + 24*60*60*1000*days);
            document.cookie = name + "=" + value + ";path=/;samesite=lax;secure;expires=" + d.toGMTString();
        }

        function checkSEConsentCookieValue (nonIABVendorConsents){

            var socialConsentBitstring = "";
            for (var i = 1; i <= Object.keys(nonIABVendorConsents).length; i++) {
                if (nonIABVendorConsents[i]) {
                    socialConsentBitstring = socialConsentBitstring + "1";
                } else {
                    socialConsentBitstring = socialConsentBitstring + "0";
                }
            }

            var vendorFacebook = socialConsentBitstring.charAt(11);
            var vendorTwitter = socialConsentBitstring.charAt(13);
            var vendor24liveblog = socialConsentBitstring.charAt(14);
            var vendorInstagram = socialConsentBitstring.charAt(17);
            var vendorScribble = socialConsentBitstring.charAt(26);
            var vendorSporcle = socialConsentBitstring.charAt(29);
            var vendorYoutube = socialConsentBitstring.charAt(35);

            if (vendorFacebook == '1' && vendorTwitter == '1' && vendor24liveblog == '1' && vendorInstagram == '1' && vendorScribble == '1' && vendorSporcle == '1' && vendorYoutube == '1') {
                SECookie = '1';
            }
        }

        // The callback is called only after consent is obtained from the UI or existing cookies.
        // The boolean success parameter passed to the callback indicates whether the call to getPublisherConsents() was successful.

        if (window.__cmp) {
            window.__cmp("getPublisherConsents", null, function (consent, isSuccess) {
                if (isSuccess && consent.standardPurposeConsents) {

                    window.__cmp("getNonIABVendorConsents", null, function (consent2, isSuccess2) {

                        if (isSuccess2 && consent2.nonIABVendorConsents) {
                            // Check if Cookie should become 1
                            checkSEConsentCookieValue(consent2.nonIABVendorConsents);
                        }
                    });
                }
                // SEcookie 0 or 1
                setCookie('SEConsent', SECookie, 365);
                window.location.href = referrer;
            })
        }


        if (window.__tcfapi) {
            window.__tcfapi('addEventListener', 2, function(tcData, addSuccess) {
                if (addSuccess) {
                        // bind to useractioncomplete for setting cookie and redirect
                        if (tcData.eventStatus === 'useractioncomplete') {
                            // get getNonIABVendorConsents
                            document.getElementById("GDPRProcessing").style.display = 'block';

                            window.__tcfapi('getNonIABVendorConsents', 2, function (consent, nonIabVendorSuccess) {
                                // don't remove event listener, change can coninue

                                if (!nonIabVendorSuccess) {
                                    setCookie('SEConsent', SECookie, 365);
                                    window.location.href = referrer;
                                }
                                if (consent.gdprApplies) {
                                    checkSEConsentCookieValue(consent.nonIabVendorConsents);
                                    setCookie('SEConsent', SECookie, 365);
                                    window.location.href = referrer;
                                }
                            });
                        }

                        // User had consents given already, cookiewallfilter passed this user, but the url might be navigated to by user himself
                        if (tcData.eventStatus === 'tcloaded') {
                            window.location.href = referrer;
                        }

                } else {
                    // getPublisherConsents failed or no PurposeConsents stored
                    setCookie('SEConsent', SECookie, 365);
                    window.location.href = referrer;
                }
            });


            var checkIfUspIsBlocked = function () {
                uspVITries++;
                document.getElementById("GDPRProcessing").style.display = 'block';
                if(uspVITries < uspVITriesLimit){
                    window.__tcfapi('ping', 2, (pingReturn) => {
                        if(pingReturn.cmpLoaded){
                            clearInterval(uspBlockedInterval);
                        }
                    });
                } else {
                    clearInterval(uspBlockedInterval);
                    showAdblockerWarning();
                }
            };

            window.__tcfapi('ping', 2, (pingReturn) => {
                if(!(pingReturn.cmpLoaded)){
                    uspBlockedInterval = setInterval(checkIfUspIsBlocked, firstUspBlockedCheck);
                }
            });

        } else {
            window.addEventListener('load', (event) => {
                showAdblockerWarning();
            });
        }

        function showAdblockerWarning(){
            document.getElementById("GDPRProcessing").style.display = 'none';
            document.getElementById("adBlockerWarning").style.display = 'block';
        }

    </script>
</head>
<body>
<div id="GDPRProcessing" style="display: none" >
    <div class="loader">
        <svg class="circular" viewBox="25 25 50 50">
            <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke-miterlimit="10"/>
        </svg>
    </div>
</div>
<div id="adBlockerWarning" style="display: none" >
    <div class="adBlockerWarningBody">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 132 92" xmlns:xlink="http://www.w3.org/1999/xlink" class="logo" xml:space="preserve" aria-labelledby="icon-logo-title">
            <title id="icon-logo-title">Voetbal International</title>
            <defs>
                <linearGradient id="c" x1="58.563%" x2="41.177%" y1="52.516%" y2="47.444%">
                    <stop offset="0%" stop-opacity="0"></stop>
                    <stop offset="100%"></stop>
                </linearGradient>
            </defs>
            <g fill="none">
                <mask id="b" fill="#fff">
                    <path d="M131.703.074l.075 91.436-32.333-.074L99.37 0c11.347 0 21.358.297 32.333.074z"></path>
                </mask>
                <path fill="#009ee0" d="M131.703.074l.075 91.436-32.333-.074L99.37 0c11.347 0 21.358.297 32.333.074z"></path>
                <path fill="url(#c)" d="M115.092-4.153l5.488 2.744-26.03 51.614-5.413-2.817" mask="url(#b)"></path>
                <path fill="#e30613" d="M32.036 53.542l-.074 23.952c4.375.52 10.16 1.04 13.867-2.002l3.707-4.375L82.39 0l33.073.074-34.41 74.602c-3.336 5.71-8.75 11.05-15.127 13.942-6.897 3.04-13.72 2.67-21.58 2.818H.148c0-3.708.074-7.045-.148-10.382V.667L.074.074 31.962 0l.074 53.542z"></path>
            </g>
        </svg>
            <h2>Heb je Adblockers aan staan of gebruik je een private browser?</h2>
        <p style="width: 100%">
            Welkom bij Voetbal International! <br/>Voordat je verder gaat hebben wij je cookievoorkeuren nodig.<br/>
Het menu waarop je deze kunt instellen kan niet worden geladen, wellicht doordat je een Adblocker of private prowser gebruikt.<br/>
Switch naar een reguliere browser of schakel de Adblocker uit om je voorkeuren aan te geven, waarna je toegang tot de site verkrijgt.<br/>
Veel leesplezier!<br/>
        </p>
            <button class="c-btn c-btn--primary" onclick="window.location.reload();">Ververs</button>
    </div>
</div>

<style>
    .qc-cmp-ui-container {background:none!important;}
    .qc-cmp2-container > div {background-color: transparent!important;}

    #GDPRProcessing {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top:-50px;
        margin-left:-50px;
    }

    #adBlockerWarning {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top:-90%;
        margin-left:-30%;
        width:60%;
        text-align: center;
        border: 1px solid #000;
        background-color: #fff;
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    @media (min-width: 34em) {
        #adBlockerWarning { margin-top: -60%;}
    }
    @media (min-width: 48em) {
        #adBlockerWarning { margin-top: -30%;}
    }
    @media (min-width: 75em) {
        #adBlockerWarning { margin-top: -10%;}
    }

    .loader {
        position: relative;
        margin: 0 auto;
        width: 100px;
    }

    .loader:before {
         content: '';
         display: block;
         padding-top: 100%;
    }

    .circular {
        animation: rotate 2s linear infinite;
        height: 100%;
        transform-origin: center center;
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .path {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
        animation: dash 1.5s ease-in-out infinite, color 3s ease-in-out infinite;
        stroke-linecap: round;
    }

    @keyframes rotate {
        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes dash {
        0% {
            stroke-dasharray: 1, 200;
            stroke-dashoffset: 0;
        }
        50% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -35px;
        }
        100% {
            stroke-dasharray: 89, 200;
            stroke-dashoffset: -124px;
        }
    }

    @keyframes color {
        100%,
        0% {
            stroke: #009ee0;
        }
        40% {
            stroke: #009ee0;
        }
        66% {
            stroke: #e30613;
        }
        80%,
        90% {
            stroke: #e30613;
        }
    }

    .logo {
        height: 24px;
        width: 34px;
        margin: 16px 24px 0 0;
    }

    body{font-family: Helvetica, Arial, sans-serif;}

    .adBlockerWarningBody{
        padding: 15px 30px;
        display: block;
    }

    .c-btn {
        display: inline-block;
        vertical-align: middle;
        font: inherit;
        text-align: center;
        margin: 0;
        cursor: pointer;
        overflow: visible;
        padding: 6px 12px;
        border-radius: 2px;
        font-size: 16px;
        position: relative;
        border: none;
        background-color: #009ee0;
        color: #fff;
    }

    .c-btn:hover,.c-btn:focus {
         background-color: #007eb3;
    }

</style>
</body>
</html>
