non-bloated-cookie-consent.html

<!-- 

You will need some version af jQuery

// Include js-cookie
https://github.com/js-cookie/js-cookie    


-->
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
<style>
    #cookie-consent {
        position: fixed;
        bottom: 0px;
        right: 0px; 
        width: 100%;
        text-align: center;
        vertical-align: middle;
        padding-top: 10px;
        background-color: #fff;
        display:none;
        background-color: #efefef;
        
    }

    .cookie-yellow {
        color: #ff6600;
    }

    .cookie-consent-p {
        text-align: center;
    }

    .cookie-consent-ok {
        background-color: #ff6600;
        color: #fff;
        margin-left: 30px;
    }

    .cookie-consent-ok:hover {
        background-color: #ff6600;
        color: white;
    }

    </style>
    <div id="cookie-consent">
        <p class="cookie-consent-p">
            <span class="cookie-yellow">Bemærk</span>: Websitet anvender cookies til at huske dine indstillinger og statistik. Denne information deles med tredjepart. 
            <a href="/terms" target="_blank">Læs mere</a>.
            <button class="btn cookie-consent-ok" type="button">OK</button>
        </p>
    </div>

    <script>

        jQuery(document).ready(function () {

            var cookieConsent = Cookies.get('cookie-consent');
            if (!cookieConsent) {
                jQuery('#cookie-consent').show();
            }

            jQuery('.cookie-consent-ok').on('click', function () {
                
                // 1000 days
                Cookies.set('cookie-consent', 'value', { expires: 1000 });
                jQuery('#cookie-consent').hide();
            })
        })
        
    </script>