Add simple visitors counter

vaginessa · Mar 21, 2023 · 811cb50 · 811cb50
1 parent 352e859
commit 811cb50
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 6 deletions.
diff --git a/src/jsMain/resources/counter.css b/src/jsMain/resources/counter.css
@@ -0,0 +1,12 @@
+.full-page {
+    position: relative;
+}
+
+.counter {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    overflow: hidden;
+    z-index: 9999;
+    padding: 10px;
+}
diff --git a/src/jsMain/resources/index.html b/src/jsMain/resources/index.html
@@ -8,19 +8,27 @@
         <link rel="stylesheet" href="filetree.css">
         <link rel="stylesheet" href="logos.css">
         <link rel="stylesheet" href="fork.css">
+        <link rel="stylesheet" href="counter.css">
         <link rel="icon" href="https://kotlinlang.org/assets/images/favicon.svg?v2" type="image/svg+xml">
         <link rel="preconnect" href="https://fonts.gstatic.com">
         <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap">
     </head>
     <body>
-        <div class="fork-me-wrapper">
-            <div class="fork-me">
-                <a class="fork-me-link" href="https://github.com/terrakok/kmp-web-wizard">
-                    <span class="fork-me-text">Fork Me On GitHub</span>
-                </a>
+        <div class="full-page">
+            <div class="fork-me-wrapper">
+                <div class="fork-me">
+                    <a class="fork-me-link" href="https://github.com/terrakok/kmp-web-wizard">
+                        <span class="fork-me-text">Fork Me On GitHub</span>
+                    </a>
+                </div>
+            </div>
+            <div id="root"/>
+            <div class="counter">
+                <a href="https://www.free-counters.org/">Free-Counters</a>
+                <script type='text/javascript' src='https://whomania.com/ctr?id=8394ec001f32b2dcbafced79002ef8f9096b3323'></script>
+                <script type="text/javascript" src="https://www.free-counters.org/count/c8lx"></script>
             </div>
         </div>
-        <div id="root"/>
     </body>
     <script src="kmp-web-wizard.js"></script>
 </html>