From b96d55dc864e086d26e88524fed4480017820a11 Mon Sep 17 00:00:00 2001
From: asandikci <git@aliberksandikci.com.tr>
Date: Thu, 23 Nov 2023 22:18:53 +0300
Subject: [PATCH] add privacy-friendly stat tool Matomo to pages

---
 about/index.php                           |  18 +++++++++++++++-
 after-yks/index.php                       |  18 +++++++++++++++-
 bagis/index.php                           |  18 +++++++++++++++-
 dev/index.php                             |  18 +++++++++++++++-
 dev/playground/index.php                  |  18 +++++++++++++++-
 iflpanel/index.php                        |  18 +++++++++++++++-
 iflpanel/ssavpn/index.php                 |  18 +++++++++++++++-
 iflpanel/ssavpn/kurulum/index.php         |  18 +++++++++++++++-
 iflpanel/ssavpn/odeme/index.php           |  18 +++++++++++++++-
 iflpanel/ssavpn/privacy.html              |  18 +++++++++++++++-
 iflpanel/ssavpn/tos.html                  |  18 +++++++++++++++-
 iflpanel/tahta/assets/css/main.css        |   4 ++--
 iflpanel/tahta/assets/css/not_scss.css    |  10 +++++++++
 iflpanel/tahta/assets/images/bagis-qr.png | Bin 0 -> 553 bytes
 iflpanel/tahta/assets/js/old_stopwatch.js |  21 ++++++++++++++++--
 iflpanel/tahta/assets/scss/main.scss      |   4 ++--
 iflpanel/tahta/dev.html                   |  18 +++++++++++++++-
 iflpanel/tahta/index.html                 |  25 +++++++++++++++++++---
 index.php                                 |  18 +++++++++++++++-
 link/index.php                            |  18 +++++++++++++++-
 now/index.php                             |  18 +++++++++++++++-
 21 files changed, 310 insertions(+), 24 deletions(-)
 create mode 100644 iflpanel/tahta/assets/css/not_scss.css
 create mode 100644 iflpanel/tahta/assets/images/bagis-qr.png

diff --git a/about/index.php b/about/index.php
index 726ef4d..32a7818 100644
--- a/about/index.php
+++ b/about/index.php
@@ -34,7 +34,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
     }
   } ?>
 
-  <title>About Me | Aliberk Sandıkçı</title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>About Me | Aliberk Sandıkçı</title>
 </head>
 
 
diff --git a/after-yks/index.php b/after-yks/index.php
index c6869c5..4534b29 100644
--- a/after-yks/index.php
+++ b/after-yks/index.php
@@ -34,7 +34,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
     }
   } ?>
 
-  <title>After YKS | Aliberk Sandıkçı</title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>After YKS | Aliberk Sandıkçı</title>
 </head>
 
 
diff --git a/bagis/index.php b/bagis/index.php
index 16278d6..e36fca2 100644
--- a/bagis/index.php
+++ b/bagis/index.php
@@ -29,7 +29,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
   <link rel="stylesheet" type="text/css" href="/iflpanel/ssavpn/assets/css/main.css"> <!-- INNER CSS !!! -->
   <link rel="stylesheet" type="text/css" href="/assets/css/extra_without_scss.css">
 
-  <title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>
     Bi' Kahve Ismarla | Aliberk Sandıkçı
   </title>
   <link rel="shortcut icon" href="/assets/images/icons/favicon.ico" type="image/x-icon">
diff --git a/dev/index.php b/dev/index.php
index cbf333e..2e0f922 100644
--- a/dev/index.php
+++ b/dev/index.php
@@ -35,7 +35,23 @@ body{
     }
   } ?>
 
-  <title>DEVELOPMENT PAGE</title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>DEVELOPMENT PAGE</title>
 </head>
 
 
diff --git a/dev/playground/index.php b/dev/playground/index.php
index 7460453..7bfa0e6 100644
--- a/dev/playground/index.php
+++ b/dev/playground/index.php
@@ -28,7 +28,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
       echo '<link rel="stylesheet" href="/assets/css/' . $file . '">' . PHP_EOL . '  ';
     }
   } ?>
-  <title>DEV PLAYGROUND</title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>DEV PLAYGROUND</title>
 
   <style>
     body {
diff --git a/iflpanel/index.php b/iflpanel/index.php
index c29dc6c..5e386a4 100644
--- a/iflpanel/index.php
+++ b/iflpanel/index.php
@@ -34,7 +34,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
     }
   } ?>
 
-  <title>Aliberk Sandıkçı</title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>Aliberk Sandıkçı</title>
 </head>
 
 
diff --git a/iflpanel/ssavpn/index.php b/iflpanel/ssavpn/index.php
index 6d98f8e..85e7282 100644
--- a/iflpanel/ssavpn/index.php
+++ b/iflpanel/ssavpn/index.php
@@ -28,7 +28,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
   <!-- CSS Files -->
   <link rel="stylesheet" type="text/css" href="./assets/css/main.css">
 
-  <title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>
     SSA VPN
   </title>
   <link rel="shortcut icon" href="assets/iflpanel/ssavpn.svg" type="image/x-icon">
diff --git a/iflpanel/ssavpn/kurulum/index.php b/iflpanel/ssavpn/kurulum/index.php
index 1e5e946..9aa6075 100644
--- a/iflpanel/ssavpn/kurulum/index.php
+++ b/iflpanel/ssavpn/kurulum/index.php
@@ -29,7 +29,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
   <link rel="stylesheet" type="text/css" href="../assets/css/main.css">
   <link rel="stylesheet" type="text/css" href="../assets/css/extra_without_scss.css">
 
-  <title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>
     Kurulum | SSA VPN
   </title>
   <link rel="shortcut icon" href="../assets/iflpanel/ssavpn.svg" type="image/x-icon">
diff --git a/iflpanel/ssavpn/odeme/index.php b/iflpanel/ssavpn/odeme/index.php
index 59b35b2..b9c66e7 100644
--- a/iflpanel/ssavpn/odeme/index.php
+++ b/iflpanel/ssavpn/odeme/index.php
@@ -29,7 +29,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
   <link rel="stylesheet" type="text/css" href="../assets/css/main.css">
   <link rel="stylesheet" type="text/css" href="../assets/css/extra_without_scss.css">
 
-  <title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>
     Ödeme Bilgileri | SSA VPN
   </title>
   <link rel="shortcut icon" href="../assets/iflpanel/ssavpn.svg" type="image/x-icon">
diff --git a/iflpanel/ssavpn/privacy.html b/iflpanel/ssavpn/privacy.html
index 10f3401..fef416a 100644
--- a/iflpanel/ssavpn/privacy.html
+++ b/iflpanel/ssavpn/privacy.html
@@ -2,7 +2,23 @@
 
 <head>
   <meta charset="UTF-8">
-  <title>Gizlilik Sözleşmesi | SSA VPN</title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>Gizlilik Sözleşmesi | SSA VPN</title>
 </head>
 
 <body style="background-color: rgba(15, 15, 15, 0.812); color:aliceblue;">
diff --git a/iflpanel/ssavpn/tos.html b/iflpanel/ssavpn/tos.html
index 7974141..a65fa06 100644
--- a/iflpanel/ssavpn/tos.html
+++ b/iflpanel/ssavpn/tos.html
@@ -2,7 +2,23 @@
 
 <head>
   <meta charset="UTF-8">
-  <title>Kullanım Koşulları | SSA VPN</title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>Kullanım Koşulları | SSA VPN</title>
 </head>
 
 <body style="background-color: rgba(15, 15, 15, 0.812); color:aliceblue;">
diff --git a/iflpanel/tahta/assets/css/main.css b/iflpanel/tahta/assets/css/main.css
index 136d240..a634f8c 100644
--- a/iflpanel/tahta/assets/css/main.css
+++ b/iflpanel/tahta/assets/css/main.css
@@ -236,14 +236,14 @@ section#mid #timers #stopwatch {
   flex-direction: column;
 }
 section#mid #timers #stopwatch .timer {
-  font-size: 100px;
+  font-size: 150px;
   display: flex;
   align-self: center;
 }
 section#mid #timers #stopwatch .timer .min,
 section#mid #timers #stopwatch .timer .sec,
 section#mid #timers #stopwatch .timer .msec {
-  width: 10vw;
+  width: 12vw;
 }
 section#mid #timers #timer {
   display: none;
diff --git a/iflpanel/tahta/assets/css/not_scss.css b/iflpanel/tahta/assets/css/not_scss.css
new file mode 100644
index 0000000..1991330
--- /dev/null
+++ b/iflpanel/tahta/assets/css/not_scss.css
@@ -0,0 +1,10 @@
+.timer-action-button {
+  color: white;
+  background-color: #097a8b;
+  border-radius: 10px;
+  padding: 10px;
+  margin: 10px;
+  border-bottom-color: #0b147a;
+  border-right-color: #0b147a;
+  border-style: ridge;
+}
\ No newline at end of file
diff --git a/iflpanel/tahta/assets/images/bagis-qr.png b/iflpanel/tahta/assets/images/bagis-qr.png
new file mode 100644
index 0000000000000000000000000000000000000000..dc5a0797b0174502d9823e2db150108df520c024
GIT binary patch
literal 553
zcmV+^0@nSBP)<h;3K|Lk000e1NJLTq006lF006lG0{{R3PGbxo00006P)t-s00030
z|No`gpWOfe00MMUPE-H?$hF_c00009a7bBm000XT000XT0n*)m`~Uy}yGcYrR9J=G
zmoct`Fc3r+QMlv?zDc-PB#^im+{8z4NrBiuvj!<CQf9ss3M=NN7_Dc=i}{Dgejlu6
zmR5V>FLm<0tJrrcut7pvhuQ35z552rcOp<Nr>*v7e?Xdb^=U~9oLdwp+xQ<~Dp-tL
zDTwnxHPSg8%@HmG;Y4W3_wr`ZFN1hio4nO!dvDHfgBK_EEKcv2DhZehR4fibi-S&O
z*8xA+`zXn2I1j4YM-`y|q8b#$=$nekzy?(iG~pB~6L?rIGbn&pq;2#*A}H@;^nwb|
z0$1Mqk)h9QA5{Prz^{<T;;aLxs{mCY^}H<*H0Qlj0k)sxuFde|Y;>Xv0fGmY98v&B
zky)4A+CTx~JdDYYm&FV%sRPVi1TCX464+<+O$BhxqVs$ySPq7fdy)ZMHVmGK+$Z&U
zxnfBIU_G;*s+^I#+_|d&OrMdxa3XT)itL*Tv?+t_XPoLI|72io9e_eS1~`H<b<14^
zh{=+{Lt7M>;duR&`8HtZt=DZ|DDn<u9at!6&Zx_AmqZ3Q;t<4eclV$G@I2x>inDxT
rFC-ZVC!S%)+Qw<OQ3XCcKM(!@;*Pz4Xmy*a00000NkvXXu0mjf{6_5l

literal 0
HcmV?d00001

diff --git a/iflpanel/tahta/assets/js/old_stopwatch.js b/iflpanel/tahta/assets/js/old_stopwatch.js
index 1f51c49..2260fde 100644
--- a/iflpanel/tahta/assets/js/old_stopwatch.js
+++ b/iflpanel/tahta/assets/js/old_stopwatch.js
@@ -11,9 +11,9 @@ tick();
 // NOT OPTIMIZED, place in start switch
 var t = setInterval(tick, 10);
 
+const sleep = ms => new Promise(r => setTimeout(r, ms));
 
-
-function Stopwatch(action) {
+async function Stopwatch(action) {
   switch (action) {
     case "start":
       console.log("start function started");
@@ -22,11 +22,28 @@ function Stopwatch(action) {
       curAction = "increase";
       tick();
       previousAction = "start";
+      document.getElementById("start-cro").style.color = "greenyellow";
+      document.getElementById("start-cro").style.borderTopColor = "greenyellow";
+      document.getElementById("start-cro").style.borderLeftColor = "greenyellow";
+      await sleep(300);
+      document.getElementById("start-cro").style.color = "grey";
+      document.getElementById("start-cro").style.borderTopColor = "grey";
+      document.getElementById("start-cro").style.borderLeftColor = "grey";
       break;
     case "stop":
       curAction = "stop";
       tick();
       previousAction = "stop";
+      document.getElementById("stop-cro").style.color = "red";
+      document.getElementById("stop-cro").style.borderTopColor = "red";
+      document.getElementById("stop-cro").style.borderLeftColor = "red";
+      await sleep(300);
+      document.getElementById("stop-cro").style.color = "white";
+      document.getElementById("stop-cro").style.borderTopColor = "white";
+      document.getElementById("stop-cro").style.borderLeftColor = "white";
+      document.getElementById("start-cro").style.color = "white";
+      document.getElementById("start-cro").style.borderTopColor = "white";
+      document.getElementById("start-cro").style.borderLeftColor = "white";
       break;
 
     default:
diff --git a/iflpanel/tahta/assets/scss/main.scss b/iflpanel/tahta/assets/scss/main.scss
index 752a40f..c7ad435 100644
--- a/iflpanel/tahta/assets/scss/main.scss
+++ b/iflpanel/tahta/assets/scss/main.scss
@@ -182,14 +182,14 @@ section {
         flex-direction: column;
 
         .timer {
-          font-size: 100px;
+          font-size: 150px;
           display: flex;
           align-self: center;
 
           .min,
           .sec,
           .msec {
-            width: 10vw;
+            width: 12vw;
           }
         }
       }
diff --git a/iflpanel/tahta/dev.html b/iflpanel/tahta/dev.html
index 21dac80..e541a7d 100644
--- a/iflpanel/tahta/dev.html
+++ b/iflpanel/tahta/dev.html
@@ -16,7 +16,23 @@
   <link rel="stylesheet" type="text/css" href="./assets/css/main.css">
   <link rel="stylesheet" type="text/css" href="./assets/css/dev.css">
 
-  <title>DEV VERSION | iflpanel Tahta</title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>DEV VERSION | iflpanel Tahta</title>
 </head>
 
 <body>
diff --git a/iflpanel/tahta/index.html b/iflpanel/tahta/index.html
index 40ceb5c..2c7c55e 100644
--- a/iflpanel/tahta/index.html
+++ b/iflpanel/tahta/index.html
@@ -14,8 +14,25 @@
 
   <!-- CSS Files -->
   <link rel="stylesheet" type="text/css" href="./assets/css/main.css" />
+  <link rel="stylesheet" type="text/css" href="./assets/css/not_scss.css" />
 
-  <title>iflpanel Tahta</title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>iflpanel Tahta</title>
 </head>
 
 <body>
@@ -24,6 +41,8 @@
     <div class="class">
       <span class="grade">12</span>
       <span class="branch">C</span>
+      <br>
+      <img src="assets/images/bagis-qr.png" width="50" style="margin-top: 20px;">
     </div>
 
     <div class="clock">
@@ -86,9 +105,9 @@
           </div>
         </div>
         <form>
-          <input type="button" id="start-cro" name="start-cro" value="Başlat" onmouseover="Stopwatch('start')"
+          <input class="timer-action-button" type="button" id="start-cro" name="start-cro" value="▶️ Başlat" onmouseover="Stopwatch('start')"
             onclick="Stopwatch('start')" checked>
-          <input type="button" id="stop-cro" name="stop-cro" value="Durdur ve Sıfırla" onmouseover="Stopwatch('stop')"
+          <input class="timer-action-button" type="button" id="stop-cro" name="stop-cro" value="⏸️ Durdur ve Sıfırla" onmouseover="Stopwatch('stop')"
             onclick="Stopwatch('stop')" checked>
         </form>
       </div>
diff --git a/index.php b/index.php
index b25b26c..fc87388 100644
--- a/index.php
+++ b/index.php
@@ -34,7 +34,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
     }
   } ?>
 
-  <title>Aliberk Sandıkçı</title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>Aliberk Sandıkçı</title>
 </head>
 
 
diff --git a/link/index.php b/link/index.php
index e818329..dc96421 100644
--- a/link/index.php
+++ b/link/index.php
@@ -34,7 +34,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
     }
   } ?>
 
-  <title>My Links | Aliberk Sandıkçı</title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>My Links | Aliberk Sandıkçı</title>
 </head>
 
 
diff --git a/now/index.php b/now/index.php
index 47e039f..6054cc2 100644
--- a/now/index.php
+++ b/now/index.php
@@ -34,7 +34,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
     }
   } ?>
 
-  <title>Now | Aliberk Sandıkçı</title>
+  <!-- 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="//stats.aliberksandikci.com.tr/";
+    _paq.push(['setTrackerUrl', u+'matomo.php']);
+    _paq.push(['setSiteId', '3']);
+    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 -->
+
+<title>Now | Aliberk Sandıkçı</title>
 </head>
 
 <body>