From 471b059df3925ae1dcb47857de9a531dabebe6e7 Mon Sep 17 00:00:00 2001
From: b1ek <me@blek.codes>
Date: Tue, 6 Feb 2024 12:04:14 +1000
Subject: [PATCH] add metrics and rewrite the js-only script

---
 content/_index.md   |  8 ++++++++
 templates/base.html | 21 +++++++++++++++++----
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/content/_index.md b/content/_index.md
index 5d313f8..6dbe54c 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -33,6 +33,14 @@ I also made a lil badge to show if i am currently online. Cool, huh?
 <img src='https://online.blek.codes/gif' height='31px' width='88px' alt='A badge showing if i am online or not. Sorry, the only way to know it is to load the gif. It would be all greeny if i am online' />  
 <a href='/online-badge'>how does it work?</a>
 
+<div class='js-only'>
+
+## Metrics
+This website collects anonymous metrics via [umami](https://umami.is). Anonymous means there is no identity attached to those metrics.  
+Also you can view it [here](https://umami.blek.codes/share/ucLh7hS5xcXCpklV/world)
+
+</div>
+
 ## Projects
 You can find the list of my projects [here](/projects).
 
diff --git a/templates/base.html b/templates/base.html
index 47278d5..2f38620 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -35,9 +35,22 @@
         </div>
         {% block root %} {% endblock %}
 
+	<script>
+
+		var elements = document.getElementsByClassName('js-only');
+		var array_elements = [];
+		for (var i = 0; i != elements.length; i++) {
+			array_elements.push(elements.item(i));
+		}
+
+		delete elements; delete i;
+
+		for (var i = 0; i != array_elements.length; i++) {
+			array_elements[i].className = array_elements[i].className.replace('js-only', '')
+		}
+
+	</script>
         <script src='/script/cursor.min.js' type='application/javascript'></script>
-        <script>
-            for(var jsel=document.getElementsByClassName("js-only"),i=0;i<jsel.length;i++){var el=jsel.item(i);null!=el&&(el.className=el.className.replace("js-only",""))}delete jsel,delete i,delete el
-        </script>
+        <script async src="https://umami.blek.codes/script.js" data-website-id="8a705ac4-37db-4300-a5a2-4a6e2a8c8960"></script>
     </body>
-</html>
\ No newline at end of file
+</html>