add privacy-friendly stat tool Matomo to pages

about/index.php

@@ -34,6 +34,22 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
     }
   } ?>
 
+  <!-- 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>
 

after-yks/index.php

@@ -34,6 +34,22 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
     }
   } ?>
 
+  <!-- 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>
 

bagis/index.php

@@ -29,6 +29,22 @@ 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">
 
+  <!-- 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>

dev/index.php

@@ -35,6 +35,22 @@ body{
     }
   } ?>
 
+  <!-- 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>
 

dev/playground/index.php

@@ -28,6 +28,22 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
       echo '<link rel="stylesheet" href="/assets/css/' . $file . '">' . PHP_EOL . '  ';
     }
   } ?>
+  <!-- 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>

iflpanel/index.php

@@ -34,6 +34,22 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
     }
   } ?>
 
+  <!-- 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>
 

iflpanel/ssavpn/index.php

@@ -28,6 +28,22 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
   <!-- CSS Files -->
   <link rel="stylesheet" type="text/css" href="./assets/css/main.css">
 
+  <!-- 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>

iflpanel/ssavpn/kurulum/index.php

@@ -29,6 +29,22 @@ 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">
 
+  <!-- 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>

iflpanel/ssavpn/odeme/index.php

@@ -29,6 +29,22 @@ 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">
 
+  <!-- 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>

iflpanel/ssavpn/privacy.html

@@ -2,6 +2,22 @@
 
 <head>
   <meta charset="UTF-8">
+  <!-- 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>
 

iflpanel/ssavpn/tos.html

@@ -2,6 +2,22 @@
 
 <head>
   <meta charset="UTF-8">
+  <!-- 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>
 

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;

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;
+}

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));
 
-
+async function Stopwatch(action) {
-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:

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;
           }
         }
       }

iflpanel/tahta/dev.html

@@ -16,6 +16,22 @@
   <link rel="stylesheet" type="text/css" href="./assets/css/main.css">
   <link rel="stylesheet" type="text/css" href="./assets/css/dev.css">
 
+  <!-- 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>
 

iflpanel/tahta/index.html

@@ -14,6 +14,23 @@
 
   <!-- 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" />
+
+  <!-- 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>
@@ -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>

index.php

@@ -34,6 +34,22 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
     }
   } ?>
 
+  <!-- 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>
 

link/index.php

@@ -34,6 +34,22 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
     }
   } ?>
 
+  <!-- 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>
 

now/index.php

@@ -34,6 +34,22 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
     }
   } ?>
 
+  <!-- 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>