JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

window.onload = function() {
document.querySelector('#loader-fragment').style.opacity = '0';
<<<<<<< HEAD function init(){ homePageCursor(); } init(); function homePageCursor(){ if (document.querySelector('body').classList.contains('page-home')) { var elem=document.querySelector('#cursor'), elem2=document.querySelector('#cursor-2'), hrefElems=document.querySelectorAll('.colorful'), style=[], target={ x: 0, y: 0 }, position={ x: 0, y: 0 }, ease=0.2, easee=0.25, pX , pY; document.addEventListener('mousemove', function(e) { target.x=e.clientX, target.y=e.clientY }) function update() { elem.style.transform='translate(' + (position.x - 10.5) + 'px,' + (position.y - 10.5) + 'px)' ; elem2.style.transform='translate(' + (pX - 6) + 'px,' + (pY - 6) + 'px)' ; position.x=position.x + (target.x - position.x) * ease; position.y=position.y + (target.y - position.y) * ease; pX=position.x + (target.x - position.x) * easee; pY=position.y + (target.y - position.y) * easee; requestAnimationFrame(update) } update(); for (var i=0; i < hrefElems.length; i++) { hrefElems[i].addEventListener('mouseover',function(){ elem.style.background=this.dataset.color; elem2.style.background=this.dataset.color; }) hrefElems[i].addEventListener('mouseout',function(){ elem.style.background='#4D4E54' ; elem2.style.background='#4D4E54' ; }) } } }=======>>>>>>> 1a2825960a78a3cdf8af774ed123266a9c02d042
    }

JavaScript

window.addEventListener('DOMContentLoaded', function() {

    var mobileDetect = !!navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile/i);
    mobileDetect || function() {
        var e, t, o, n, r = {
                frameRate: 150,
                animationTime: 400,
                stepSize: 100,
                pulseAlgorithm: !0,
                pulseScale: 4,
                pulseNormalize: 1,
                accelerationDelta: 50,
                accelerationMax: 3,
                keyboardSupport: !0,
                arrowScroll: 50,
                fixedBackground: !0,
                excluded: ""
            },
            a = r,
            i = !1,
            l = !1,
            c = {
                x: 0,
                y: 0
            },
            s = !1,
            u = document.documentElement,
            d = [],
            m = /^Mac/.test(navigator.platform),
            f = {
                left: 37,
                up: 38,
                right: 39,
                down: 40,
                spacebar: 32,
                pageup: 33,
                pagedown: 34,
                end: 35,
                home: 36
            },
            h = {
                37: 1,
                38: 1,
                39: 1,
                40: 1
            };

        function w() {
            if (!s && document.body) {
                s = !0;
                var n = document.body,
                    r = document.documentElement,
                    c = window.innerHeight,
                    d = n.scrollHeight;
                if (u = 0 <= document.compatMode.indexOf("CSS") ? r : n, e = n, a.keyboardSupport && P("keydown", S), top != self) l = !0;
                else if (Q && c < d && (n.offsetHeight <= c || r.offsetHeight <= c)) {
                    var m, f = document.createElement("div");
                    if (f.style.cssText = "position:absolute; z-index:-10000; top:0; left:0; right:0; height:" +...