styles and matomo

Signed-off-by: Tyler M. Neher <[email protected]>
tylermneher · Feb 18, 2024 · 58ad29f · 58ad29f
1 parent ebaacfb
commit 58ad29f
Show file tree

Hide file tree

Showing 2 changed files with 81 additions and 67 deletions.
diff --git a/index.html b/index.html
@@ -3,6 +3,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 = "//matomo.neher.casa/";
+            _paq.push(['setTrackerUrl', u + 'matomo.php']);
+            _paq.push(['setSiteId', '10']);
+            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 -->
+
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-QVMF32NN9M"></script>
     <script>
@@ -26,7 +42,7 @@
     <meta property="og:type" content="website">
     <meta property="og:url" content="https://ims.tylermneher.me/">
     <meta property="og:description" content="The Indianapolis 500 - A Neher Family Tradition">
-    <link rel="icon" href="/favicon.png">
+    <link rel="icon" href="favicon.png">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <!-- Google Tag Manager -->
@@ -40,65 +56,7 @@
         })(window, document, 'script', 'dataLayer', 'GTM-K7MLC5W');</script>
     <!-- End Google Tag Manager -->
 
-    <style>
-        * {
-            box-sizing: border-box;
-            font-family: monospace;
-        }
-
-        body {
-            margin: 0;
-            font-family: monospace;
-        }
-
-        /* Style the top navigation bar */
-        .topnav {
-            overflow: hidden;
-            background-color: #333;
-        }
-
-        /* Style the topnav links */
-        .topnav a {
-            float: left;
-            display: block;
-            color: #f2f2f2;
-            text-align: center;
-            padding: 14px 16px;
-            text-decoration: none;
-        }
-
-        /* Change color on hover */
-        .topnav a:hover {
-            background-color: #ddd;
-            color: black;
-        }
-
-        /* Style the content */
-        .content {
-            background-color: #ddd;
-            padding: 10px;
-            text-align: center;
-            -webkit-text-size-adjust: auto;
-            -moz-text-size-adjust: auto;
-            -ms-text-size-adjust: auto;
-            text-size-adjust: auto;
-            /* Should be removed. Only for demonstration */
-        }
-
-        /* Style the footer */
-        .footer {
-            background-color: #f1f1f1;
-            padding: 10px;
-            text-align: left;
-        }
-
-        img {
-            width: 80%;
-            height: auto;
-            padding: 5px;
-        }
-    </style>
-
+    <link rel="stylesheet" href="styles.css">
 </head>
 
 <body>
@@ -113,26 +71,26 @@
         <a href="https://www.github.com/tylermneher">GitHub</a>
         <a href="https://www.linkedin.com/in/tylermneher">Linkedin</a>
         <a href="https://resume.tylermneher.me">Resume</a>
-        
+
     </div>
 
     <div class="content">
         <h2>The Indianapolis 500 Mile Race</h2>
         <p><i>A Neher family tradition for three generations!</i></p>
 
-        <img alt="ims0" src="ims0.png" />
+        <img alt="ims0" src="https://raw.githubusercontent.com/tylermneher/ims.tylermneher.me/main/ims0.png" />
         <br />
-        <img alt="ims1" src="ims1.png" />
+        <img alt="ims1" src="https://raw.githubusercontent.com/tylermneher/ims.tylermneher.me/main/ims1.png" />
         <br />
-        <img alt="ims2" src="ims2.png" />
+        <img alt="ims2" src="https://raw.githubusercontent.com/tylermneher/ims.tylermneher.me/main/ims2.png" />
         <br />
-        <img alt="ims3" src="ims3.png" />
+        <img alt="ims3" src="https://raw.githubusercontent.com/tylermneher/ims.tylermneher.me/main/ims3.png" />
     </div>
 
     <div class="footer">
-        <p> | Tyler M. Neher © 2024 | <a href="mailto:[email protected]">Contact Me</a> </p>
+        <p align="center"> | Tyler M. Neher © 2024 | <a href="https://www.tylermneher.me">Contact Me</a> </p>
     </div>
 
 </body>
 
-</html>
+</html>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,56 @@
+* {
+	box-sizing: border-box;
+	font-family: monospace;
+}
+
+body {
+	margin: 0;
+	font-family: monospace;
+}
+
+/* Style the top navigation bar */
+.topnav {
+	overflow: hidden;
+	background-color: #333;
+}
+
+/* Style the topnav links */
+.topnav a {
+	float: left;
+	display: block;
+	color: #f2f2f2;
+	text-align: center;
+	padding: 14px 16px;
+	text-decoration: none;
+}
+
+/* Change color on hover */
+.topnav a:hover {
+	background-color: #ddd;
+	color: black;
+}
+
+/* Style the content */
+.content {
+	background-color: #ddd;
+	padding: 10px;
+	text-align: center;
+	-webkit-text-size-adjust: auto;
+	-moz-text-size-adjust: auto;
+	-ms-text-size-adjust: auto;
+	text-size-adjust: auto;
+	/* Should be removed. Only for demonstration */
+}
+
+/* Style the footer */
+.footer {
+	background-color: #f1f1f1;
+	padding: 10px;
+	text-align: left;
+}
+
+img {
+	width: 80%;
+	height: auto;
+	padding: 5px;
+}