Add tracking

src/lib/components/Footer.svelte

@@ -16,6 +16,7 @@
                 target="_blank"
                 rel="noopener noreferrer"
                 aria-label="LinkedIn profile (opens in new tab)"
+                data-umami-event="linkedin profile (footer)"
             >
                 <LinkedInIcon size={15} />
                 LinkedIn
@@ -27,6 +28,7 @@
                 target="_blank"
                 rel="noopener noreferrer"
                 aria-label="GitHub profile (opens in new tab)"
+                data-umami-event="github profile (footer)"
             >
                 <GithubIcon size={15} />
                 GitHub

src/lib/components/Hero.svelte

@@ -19,6 +19,7 @@
                 target="_blank"
                 rel="noopener noreferrer"
                 aria-label="Schedule a 30-minute intro call (opens in new tab)"
+                data-umami-event="schedule call (hero section)"
             >
                 Schedule a 30-minute intro call
                 <ExternalLinkIcon aria-label="Opens in new tab" size={17} />
@@ -28,6 +29,7 @@
                 class="btn btn-secondary icon-button"
                 download
                 aria-label="Download Mike Fitzpatrick's resume as PDF"
+                data-umami-event="download resume"
             >
                 Download resume
                 <FiletypePdfIcon aria-label="PDF format file" size={17} />

src/lib/components/Navigation.svelte

@@ -42,20 +42,36 @@
         </span>
         <ul class="nav-list">
             <li class="nav-item">
-                <a href="#what-we-do" class="nav-link">Services</a>
+                <a
+                    href="#what-we-do"
+                    class="nav-link"
+                    data-umami-event="services (navigation)">Services</a
+                >
             </li>
             <li class="nav-item">
-                <a href="#impact" class="nav-link">Impact</a>
+                <a href="#impact" class="nav-link" data-umami-event="impact (navigation)"
+                    >Impact</a
+                >
             </li>
             <li class="nav-item">
-                <a href="#how-we-work" class="nav-link">Process</a>
+                <a
+                    href="#how-we-work"
+                    class="nav-link"
+                    data-umami-event="process (navigation)">Process</a
+                >
             </li>
             <li class="nav-item">
-                <a href="#schedule" class="nav-link">Contact</a>
+                <a
+                    href="#schedule"
+                    class="nav-link"
+                    data-umami-event="contact (navigation)">Contact</a
+                >
             </li>
         </ul>
         <div class="nav-item nav-back-to-top">
-            <a href="#header" class="nav-link">Back to top</a>
+            <a href="#header" class="nav-link" data-umami-event="back to top (navigation)"
+                >Back to top</a
+            >
         </div>
     </div>
 </nav>

src/lib/components/ScheduleSection.svelte

@@ -16,6 +16,7 @@
             target="_blank"
             rel="noopener noreferrer"
             aria-label="Schedule a 30-minute intro call (opens in new tab)"
+            data-umami-event="schedule call (schedule section)"
         >
             Schedule a 30-minute intro call
             <ExternalLinkIcon aria-label="Opens in new tab" size={17} />

src/routes/+layout.svelte

@@ -150,3 +150,11 @@
 
 <a href="#main" class="skip-link">Skip to main content</a>
 {@render children()}
+<img
+    src="https://analytics.mifi.holdings/pixel.gif"
+    alt=""
+    width="1"
+    height="1"
+    role="presentation"
+    loading="eager"
+/>