added anonymous tracking

jarvis09-yann · Aug 20, 2024 · f6f0e4b · f6f0e4b
1 parent d050258
commit f6f0e4b
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 7 deletions.
diff --git a/about.html b/about.html
@@ -11,6 +11,11 @@
     <meta name="description" content="jarvis09's very fancy portfolio" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" href="./style.css" />
+    <script
+      defer
+      src="https://umami.jarvis09.com/script.js"
+      data-website-id="e3d4baa8-64d2-44a4-ae27-fff037bd7776"
+    ></script>
   </head>
   <body>
     <!--[if lt IE 7]>
@@ -51,6 +56,15 @@ <h2 class="subtitle">About This website</h2>
             me an email or DM on discord
           </p>
         </ul>
+        <p class="cookie-notice">
+          NOTE: This website uses a tiny bit of tracking provided by
+          <a href="https://umami.is" class="link bold">umami</a>. No data goes
+          to any third party (everything is selfhosted). The data is collected
+          anonymously and includes: The country you access this website from,
+          device, browser, pages you visit and operating system. This data is
+          just for analytics purposes (im curious about who is visiting my
+          website :x). Thanks for your understanding :-)
+        </p>
       </div>
       <footer>
         <p>

diff --git a/index.html b/index.html
@@ -11,6 +11,11 @@
     <meta name="description" content="jarvis09's very fancy portfolio" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" href="./style.css" />
+    <script
+      defer
+      src="https://umami.jarvis09.com/script.js"
+      data-website-id="e3d4baa8-64d2-44a4-ae27-fff037bd7776"
+    ></script>
   </head>
   <body>
     <!--[if lt IE 7]>
@@ -154,7 +159,8 @@ <h2 class="subtitle">More about myself</h2>
           <a class="bold link" href="https://github.com/jarvis09-yann/portfolio"
             >Github</a
           >
-          (repo of this website)
+          (repo of this website) This website uses anonymous tracking (check
+          <a class="bold link" href="./about.html">about</a> page for more info)
         </p>
       </footer>
     </section>

diff --git a/style.css b/style.css
@@ -99,7 +99,6 @@ body {
 }
 
 section {
-  height: 100vh;
   width: auto;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -117,6 +116,7 @@ section {
 }
 
 .first-page {
+  height: 100vh;
   padding: 0;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -456,17 +456,13 @@ section {
 
 footer {
   margin: 5px;
-  height: 20%;
-  width: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
-  -webkit-box-align: end;
-  -ms-flex-align: end;
-  align-items: end;
+  align-items: flex-end;
   font-size: 18px;
   color: var(--c-text);
   opacity: 0.8;
@@ -491,6 +487,13 @@ footer {
   font-size: 18px;
 }
 
+.cookie-notice {
+  font-size: 14px;
+  color: var(--c-text);
+  opacity: 0.8;
+  font-style: italic;
+}
+
 @media only screen and (max-width: 800px) {
   .first-page h1,
   .second-page h1 {