https://boramurmure.com BORA Wed, 10 Feb 2021 12:30:44 +0000 https://boramurmure.com en https://boramurmure.com/HOME Wed, 10 Feb 2021 12:30:44 +0000 BORA https://boramurmure.com/HOME /* ───────── PROTECTIONS ───────── */ document.addEventListener('contextmenu', function(e) { e.preventDefault(); }); document.querySelectorAll('video, img').forEach(function(el) { el.setAttribute('draggable', 'false'); el.addEventListener('dragstart', function(e) { e.preventDefault(); }); }); document.addEventListener('keydown', function(e) { if ((e.ctrlKey || e.metaKey) && (e.key === 's' || e.key === 'S')) { e.preventDefault(); } }); /* ───────── CURSEUR CUSTOM ───────── */ /* injecte le style automatiquement */ var style = document.createElement('style'); style.innerHTML = ` html, body, a, video, img { cursor: none !important; } .custom-cursor { position: fixed; top: 0; left: 0; width: 8px; height: 8px; background: #fff; border-radius: 50%; pointer-events: none; z-index: 99999; opacity: 0; transform: translate3d(-100px, -100px, 0); mix-blend-mode: difference; } @media (max-width: 900px) { html, body, a { cursor: auto !important; } .custom-cursor { display: none; } } `; document.head.appendChild(style); /* injecte le rond */ var cursor = document.createElement('div'); cursor.className = 'custom-cursor'; document.body.appendChild(cursor); /* logique du mouvement */ (function () { var isTouch = window.matchMedia('(pointer: coarse)').matches; if (isTouch) { cursor.style.display = 'none'; return; } var mouseX = -100; var mouseY = -100; var rafId = null; var visible = false; function renderCursor() { cursor.style.transform = 'translate3d(' + mouseX + 'px,' + mouseY + 'px,0) translate(-50%, -50%)'; rafId = null; } function requestRender() { if (!rafId) { rafId = requestAnimationFrame(renderCursor); } } document.addEventListener('mousemove', function (e) { mouseX = e.clientX; mouseY = e.clientY; if (!visible) { visible = true; cursor.style.opacity = '1'; } requestRender(); }); document.addEventListener('mouseleave', function () { visible = false; cursor.style.opacity = '0'; }); window.addEventListener('blur', function () { visible = false; cursor.style.opacity = '0'; }); })();