diff --git a/index.css b/index.css index ddd4ec9..0249509 100644 --- a/index.css +++ b/index.css @@ -1,3 +1,7 @@ +*{ + background-color: darkgray; +} + #activeholder{ position: absolute; width: 100%; @@ -26,7 +30,7 @@ #trashcan{ width: 32px; height: 32px; - background-color:darksalmon; + background-color:red; background-image: url("assets/trashcan.png"); } diff --git a/index.html b/index.html index be681d4..947f85f 100644 --- a/index.html +++ b/index.html @@ -3,9 +3,9 @@ WAAAAAA + -
diff --git a/index.js b/index.js index 2d34359..4d20b09 100644 --- a/index.js +++ b/index.js @@ -101,8 +101,12 @@ function checkAnswers() { if (vzorcodes == imagecodes && vzorcodes == lettercodes){ cleanup(); generatePair(); + umami.trackEvent('Successful round', { type: 'successround' }); } - console.log("Vzor:" + vzorcodes + "\nLettercodes:" + lettercodes + "\nImagecodes:" + imagecodes); + else{ + umami.trackEvent('Unsuccessful round', { type: 'failround' }); + } + umami.trackEvent("Round data", { type: 'rounddata', Vzor: vzorcodes, Lettercodes: lettercodes, Imagecodes: imagecodes }); } function getRandomInt(min, max) { @@ -283,6 +287,7 @@ $(function() { $("#verify").on("click", checkAnswers); $("#trashcan").on("click", cleanup); + umami.trackEvent('Page loaded', { type: 'load' }); }); @@ -300,6 +305,7 @@ function drag(ev) { ev.dataTransfer.setData("classy", ev.target.classList); let datacode = $(ev.target).attr("datacode"); document.getElementById("audplay"+ datacode).play(); + umami.trackEvent('Dragged object', { type: 'dragged' }); } function drop(ev) { @@ -328,6 +334,7 @@ function drop(ev) { let returnto = ev.dataTransfer.getData("returnto"); //$('[returntarget="' + returnto + '"]').html(htmldata); } + umami.trackEvent('Dropped object', { type: 'dropped' }); } function droptrash(ev) { @@ -337,5 +344,6 @@ function droptrash(ev) { let htmldata = ev.dataTransfer.getData("text"); let returnto = ev.dataTransfer.getData("returnto"); $('[returntarget="' + returnto + '"]').html(htmldata); + umami.trackEvent('Dragged object into trashcan', { type: 'droptrash' }); }