add metrics and rewrite the js-only script

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).
 

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>
+</html>