From 1a973236ecc6d6587177281ccce3a44bdaf13f02 Mon Sep 17 00:00:00 2001
From: "Tyler M. Neher" <tyler@neherdata.com>
Date: Fri, 2 Feb 2024 05:03:30 -0500
Subject: [PATCH] matomo

Signed-off-by: Tyler M. Neher <tyler@neherdata.com>
---
 addplayers.html | 16 ++++++++++++++++
 game.css        |  5 ++++-
 game.html       | 16 ++++++++++++++++
 index.css       |  3 ++-
 index.html      | 16 ++++++++++++++++
 rules.js        | 24 ++++++++++++------------
 style.css       |  5 ++++-
 7 files changed, 70 insertions(+), 15 deletions(-)
diff --git a/addplayers.html b/addplayers.html
index c5e30fd..b1a594e 100644
--- 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
index 1669068..90bc920 100644
--- 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;
-}
+}
\ No newline at end of file
diff --git a/game.html b/game.html
index fcbf126..7fe5016 100644
--- 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
index 308d00d..af5aa38 100644
--- 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%;
   }
-}
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 1aa9ce6..772f28d 100644
--- 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
index bed8c60..eff30ff 100644
--- 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
- */
\ No newline at end of file
+ */
diff --git a/style.css b/style.css
index 9608e0d..ed7aacd 100644
--- 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;
-}
+}
\ No newline at end of file
