matomo

Signed-off-by: Tyler M. Neher <tyler@neherdata.com>
neherdata · Feb 2, 2024 · 1a97323 · 1a97323
1 parent 1d8a745
commit 1a97323
Show file tree

Hide file tree

Showing 7 changed files with 70 additions and 15 deletions.
diff --git a/addplayers.html b/addplayers.html
@@ -2,6 +2,22 @@
 <html lang="en-US">
 
 <head>
+	<!-- Matomo -->
+	<script>
+		var _paq = window._paq = window._paq || [];
+		/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+		_paq.push(['trackPageView']);
+		_paq.push(['enableLinkTracking']);
+		(function () {
+			var u = "//matomo.neher.casa/";
+			_paq.push(['setTrackerUrl', u + 'matomo.php']);
+			_paq.push(['setSiteId', '5']);
+			var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
+			g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s);
+		})();
+	</script>
+	<!-- End Matomo Code -->
+
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-8218RE7MWW"></script>
 	<script>

diff --git a/game.css b/game.css
@@ -244,6 +244,7 @@ button:disabled {
   opacity: 0;
   transition: opacity 0.3s;
 }
+
 .modal-close {
   position: absolute;
   top: 15px;
@@ -268,6 +269,7 @@ button:disabled {
   font-size: 14px;
   line-height: 150%;
 }
+
 .overlay {
   visibility: hidden;
   position: fixed;
@@ -294,6 +296,7 @@ button:disabled {
     max-width: 100px;
     min-width: 130px;
   }
+
   .main-btn {
     min-height: 46px;
     font-size: 1em;
@@ -308,4 +311,4 @@ button:disabled {
   background-color: red;
   color: white;
   text-align: center;
-}
+}
diff --git a/game.html b/game.html
@@ -2,6 +2,22 @@
 <html lang="en-US">
 
 <head>
+	<!-- Matomo -->
+	<script>
+		var _paq = window._paq = window._paq || [];
+		/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+		_paq.push(['trackPageView']);
+		_paq.push(['enableLinkTracking']);
+		(function () {
+			var u = "//matomo.neher.casa/";
+			_paq.push(['setTrackerUrl', u + 'matomo.php']);
+			_paq.push(['setSiteId', '5']);
+			var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
+			g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s);
+		})();
+	</script>
+	<!-- End Matomo Code -->
+
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-8218RE7MWW"></script>
 	<script>

diff --git a/index.css b/index.css
@@ -22,6 +22,7 @@ body {
   font-size: 3em;
   font-family: "RidleyGrotesk-Bold";
 }
+
 p {
   font-size: 20px;
   color: white;
@@ -84,4 +85,4 @@ p {
   #pig {
     width: 80%;
   }
-}
+}
diff --git a/index.html b/index.html
@@ -5,6 +5,22 @@
 
 <head>
 
+	<!-- Matomo -->
+	<script>
+		var _paq = window._paq = window._paq || [];
+		/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+		_paq.push(['trackPageView']);
+		_paq.push(['enableLinkTracking']);
+		(function () {
+			var u = "//matomo.neher.casa/";
+			_paq.push(['setTrackerUrl', u + 'matomo.php']);
+			_paq.push(['setSiteId', '5']);
+			var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
+			g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s);
+		})();
+	</script>
+	<!-- End Matomo Code -->
+
 	<!-- Google tag (gtag.js) -->
 	<script async src="https://www.googletagmanager.com/gtag/js?id=G-8218RE7MWW"></script>
 	<script>

diff --git a/rules.js b/rules.js
@@ -1,21 +1,21 @@
 let instructions;
 
 function closeRules() {
-    let modal = document.getElementById("modal");
-    let overlay = document.getElementById("overlay");
-    modal.classList.remove("isVisible");
-    overlay.classList.remove("isVisible");
+  let modal = document.getElementById("modal");
+  let overlay = document.getElementById("overlay");
+  modal.classList.remove("isVisible");
+  overlay.classList.remove("isVisible");
 }
- 
+
 function openRules() {
-    let modal = document.getElementById("modal");
-    let overlay = document.getElementById("overlay");
-    modal.classList.add("isVisible");
-    overlay.classList.add("isVisible");
+  let modal = document.getElementById("modal");
+  let overlay = document.getElementById("overlay");
+  modal.classList.add("isVisible");
+  overlay.classList.add("isVisible");
 }
- 
+
 closeRules();
- 
+
 /*
  
 RULES
@@ -38,4 +38,4 @@ double leaning jowler: 60 points (or 4x)
 mixed combo: add single points (unless mixed with sider; then sider is 0)
  
 Oinker (touching pigs): lose all game points; next turn
- */
+ */
diff --git a/style.css b/style.css
@@ -18,9 +18,11 @@ body {
   padding: 15px;
   display: block;
 }
+
 p {
   margin: 0;
 }
+
 #title {
   color: white;
   text-transform: uppercase;
@@ -49,6 +51,7 @@ p {
   padding: 10px;
   text-align: center;
 }
+
 #tim-button {
   margin: auto;
   width: 120px;
@@ -73,4 +76,4 @@ a {
   color: white;
   text-decoration: none;
   padding: 15px;
-}
+}