document.addEventListener('DOMContentLoaded', function() { var consent = localStorage.getItem('cookie-consent'); var icon = document.createElement('button'); icon.id = 'cookie-icon'; icon.setAttribute('aria-label', 'Cookie preferences'); icon.title = 'Cookie preferences'; icon.innerHTML = ''; document.body.appendChild(icon); var panel = document.createElement('div'); panel.id = 'cookie-panel'; panel.innerHTML = '

[COOKIE] preferences

' + '

this site uses cookies for analytics.

' + '

status: ' + (consent === 'accepted' ? 'accepted' : consent === 'declined' ? 'declined' : 'not set') + '

' + '

' + '' + '' + '

'; document.body.appendChild(panel); var banner = null; if (!consent) { banner = document.createElement('div'); banner.id = 'cookie-banner'; banner.innerHTML = ''; document.body.appendChild(banner); banner.querySelectorAll('.cookie-btn').forEach(function(btn) { btn.addEventListener('click', function() { setConsent(btn.dataset.action); banner.remove(); banner = null; }); }); } var panelOpen = false; icon.addEventListener('click', function(e) { e.stopPropagation(); panelOpen = !panelOpen; panel.classList.toggle('open', panelOpen); icon.classList.toggle('active', panelOpen); }); document.addEventListener('click', function(e) { if (panelOpen && !panel.contains(e.target) && e.target !== icon) { panelOpen = false; panel.classList.remove('open'); icon.classList.remove('active'); } }); document.getElementById('cp-accept').addEventListener('click', function() { setConsent('accept'); }); document.getElementById('cp-decline').addEventListener('click', function() { setConsent('decline'); }); function setConsent(action) { var val = action === 'accept' ? 'accepted' : 'declined'; localStorage.setItem('cookie-consent', val); document.getElementById('cp-status-val').textContent = val; if (typeof gtag === 'function') { gtag('consent', 'update', { 'analytics_storage': action === 'accept' ? 'granted' : 'denied' }); } } });

Browse Skills