debug

data/scripts/main.js

@@ -14,6 +14,18 @@ var typeRightShift = 0
 var textBaselineShift = 0
 var imagesToLoad
 
+//Determine browser
+var isChrome = navigator.userAgent.indexOf('Chrome') > -1
+var isExplorer = navigator.userAgent.indexOf('MSIE') > -1
+var isFirefox = navigator.userAgent.indexOf('Firefox') > -1
+var isSafari = navigator.userAgent.indexOf("Safari") > -1
+if (isChrome == true && isSafari == true) {
+	isSafari = false
+}
+if (isSafari == true) {
+	textBaselineShift = -6
+}
+
 //Set up canvas
 var canvas = document.getElementById("canvas")
 var card = canvas.getContext("2d")
@@ -148,6 +160,7 @@ function cardClock() {
 		card.moveTo(0, titleX)
 		card.lineTo(cardWidth, titleX)
 		card.stroke()
+		console.log("debugging")
 	}
 }
 
@@ -975,4 +988,4 @@ function downloadCardImage(linkElement) {
 //============================================//
 //                  Log it!                   //
 //============================================//
-console.log("The main.js file has finished loading.")
+console.log("The main.js file has finished loading.")

index.html

@@ -514,11 +514,11 @@
 :root {
 	/*Regular*/
 	--color-a: #073c00;
-	--color-b: #073c0040; /*073c0040*/
+	--color-b: #073c0020; /*073c0020*/
 	--color-c: #095700;
 	--color-d: #0e720040; /*0e720040*/
 	--color-e: #0e7200;
-	--color-gray: #00000080;
+	--color-gray: #00000060;
 }
 
 /*Page-wide styling*/
@@ -579,8 +579,8 @@ html {
 	margin-top: 4px;
 	padding: 24px;
 	border-radius: 36px;
-	border: 1px solid var(--color-c);
-	background-color: var(--color-b);
+	border: 2px solid var(--color-d);
+	background-color: var(--color-gray);
 }
 .cmm, .extras {
 	display: none;
@@ -760,13 +760,13 @@ a:hover, a:active {
 	text-align: center;
 }
 .donateGrid.grid > div {
-	background: var(--color-gray);
+	background: black;
 	font-size: 1.7em;
 	cursor: pointer;
 	padding: 0px;
 }
 .donateGrid.grid > div:hover {
-	background: black;
+	background: var(--color-b);
 }
 .donateGrid > div > img {
 	position: relative;