diff --git a/buttonInteractive.js b/buttonInteractive.js index 0c127c1..1ac55da 100644 --- a/buttonInteractive.js +++ b/buttonInteractive.js @@ -7,8 +7,8 @@ var grayDiamondImage = new Image(); grayDiamondImage.src = "grayDiamond.png"; //From Server Variables -var minimumTime = 55; -var diamondIsAvailable = true; +var minimumTime = 59; +var diamondIsAvailable = false; var participants = 0; var fullPresserProbabilities; var todaysAggregatePresserProbabilities = []; @@ -53,6 +53,10 @@ window.onload = function(){ canvasContext = canvas.getContext('2d'); canvasContext.fillStyle = "black"; + //Prevents click-through + var canvas = document.getElementById('buttonCanvas'); + canvas.onselectstart = function () { return false; } + //Inner Main Loop setInterval(function() { main(); @@ -188,8 +192,10 @@ function drawButton(){ //Inner Button canvasContext.fillStyle = "#1A7FB5"; + canvasContext.fillStyle = "#777777"; fillRoundRect(canvasContext,35+10,65+10,190-20,60-20,3); - canvasContext.fillStyle = "#2DAAEB"; + //canvasContext.fillStyle = "#2DAAEB"; + canvasContext.fillStyle = "#AAAAAA"; fillRoundRect(canvasContext,35+10,65+10-buttonDepth,190-20,60-20-buttonDepth,3); } diff --git a/custom.css b/custom.css index 24396fc..cd7a0c0 100644 --- a/custom.css +++ b/custom.css @@ -3,7 +3,7 @@ body { background-repeat: repeat; } canvas { - padding: 10; + padding: 20; margin-left: auto; margin-right: auto; display: block; @@ -11,7 +11,20 @@ canvas { height: 170px; box-shadow: 10px 10px 5px #333333; } - +h1{ + font-family: "Verdana", serif; + text-align: center; + font-size: 4em; + color: white; + text-shadow: 8px 8px 10px #222222; +} +h3{ + font-family: "Verdana", serif; + text-align: center; + font-size: 1.5em; + color: white; + text-shadow: 3px 3px 3px #222222; +} #buttonDiv { width: 500px height: 170px diff --git a/index.html b/index.html index d82ce17..7d071f8 100644 --- a/index.html +++ b/index.html @@ -5,8 +5,23 @@
+ +