chore: analytics

src/pages/blogroll.html

@@ -9,7 +9,7 @@ description: 'These are awesome blogs that I enjoy and you may enjoy too.'
 {% endcapture %}
 <style>{{ css }}</style>
 <h2 class="page__header">{{ title }}</h2>
-<p>You can <a href="/blogroll.opml">download an OPML file</a> containing all of these feeds and import them into your RSS reader.</p>
+<p>You can <a onclick="fathom?.trackEvent('OPML download')" href="/blogroll.opml">download an OPML file</a> containing all of these feeds and import them into your RSS reader.</p>
 <div class="blog__banner--grid">
   {% for blog in blogroll %}
   <div class="blog__banner">

src/pages/referrals.md

@@ -8,9 +8,12 @@ description: 'Referral links for services that I use.'
 
 Referral links for services I use. I save some money, and you do as well if you choose to use them.
 
-- [NextDNS](https://nextdns.io/?from=m56mt3z6)
-- [DNSimple](https://dnsimple.com/r/3a7cbb9e15df8f)
-- [Bunny.net](https://bunny.net?ref=revw3mehej)
-- [Feedpress](https://feedpress.com/?affid=34370)
-- [Proton](https://pr.tn/ref/X775YX40Z50G)
-- [DigitalOcean](https://m.do.co/c/3635bf99aee2)
+<ul>
+  <li><a onclick="fathom?.trackEvent('Fathom referral')" href="https://usefathom.com/ref/TFFKEZ">Fathom Analytics</a></li>
+  <li><a onclick="fathom?.trackEvent('NextDNS referral')" href="https://nextdns.io/?from=m56mt3z6">NextDNS</a></li>
+  <li><a onclick="fathom?.trackEvent('DNSimple referral')" href="https://dnsimple.com/r/3a7cbb9e15df8f">DNSimple</a></li>
+  <li><a onclick="fathom?.trackEvent('Bunny.net referral')" href="https://bunny.net?ref=revw3mehej">Bunny.net</a></li>
+  <li><a onclick="fathom?.trackEvent('Feedpress referral')" href="https://feedpress.com/?affid=34370">Feedpress</a></li>
+  <li><a onclick="fathom?.trackEvent('Proton referral')" href="https://pr.tn/ref/X775YX40Z50G">Proton</a></li>
+  <li><a onclick="fathom?.trackEvent('DigitalOcean referral')" href="https://m.do.co/c/3635bf99aee2">DigitalOcean</a></li>
+</ul>

src/pages/uses.md

@@ -60,11 +60,12 @@ Software and services that I use for work and my own enjoyment.
 <h3>Services</h3>
 
 - [HEY](https://hey.com): it's the email service that works best for me and I quite enjoy their calendar.
-- [NextDNS](https://nextdns.io/?from=m56mt3z6): a privacy-focused, set it and forget it DNS service. I use their security features on my home network and a profile with strict ad-blocking rules on all of my devices.
-- [DNSimple](https://dnsimple.com/r/3a7cbb9e15df8f): a robust, user-friendly DNS provider and registrar. I moved my domains here after my old provider was acquired.
-- [Bunny.net](https://bunny.net?ref=revw3mehej): a powerful and affordable CDN. I use it to serve assets on my personal site (most notable my now page — raw assets are fetched by Eleventy and then optimized to webp).
-- [Netlify](https://netlify.com): I use their hosting, forms, webhooks and analytics. It's a reliable and feature-rich platform.
-- [Feedpress](https://feedpress.com/?affid=34370): they've been around for a while now and don't change much (nor do they need to), but look no further for reliable, helpful feed analytics.
+- <a onclick="fathom?.trackEvent('Fathom referral')" href="https://usefathom.com/ref/TFFKEZ">Fathom Analytics</a>: privacy-friendly, lightweight and nicely designed analytics.
+- <a onclick="fathom?.trackEvent('NextDNS referral')" href="https://nextdns.io/?from=m56mt3z6">NextDNS</a>: a privacy-focused, set it and forget it DNS service. I use their security features on my home network and a profile with strict ad-blocking rules on all of my devices.
+- <a onclick="fathom?.trackEvent('DNSimple referral')" href="https://dnsimple.com/r/3a7cbb9e15df8f">DNSimple</a>: a robust, user-friendly DNS provider and registrar. I moved my domains here after my old provider was acquired.
+- <a onclick="fathom?.trackEvent('Bunny.net referral')" href="https://bunny.net?ref=revw3mehej">Bunny.net</a>: a powerful and affordable CDN. I use it to serve assets on my personal site (most notable my now page — raw assets are fetched by Eleventy and then optimized to webp).
+- [Netlify](https://netlify.com): I use their hosting, forms and webhooks. It's a reliable and feature-rich platform.
+- <a onclick="fathom?.trackEvent('Feedpress referral')" href="https://feedpress.com/?affid=34370">Feedpress</a>: they've been around for a while now and don't change much (nor do they need to), but look no further for reliable, helpful feed analytics.
 - [Kagi](https://kagi.com): the only search engine at this point (or so it seems) that's interested in surfacing quality results.
 - [Readwise Reader](https://readwise.io/read): an impressive RSS reader that handles all the functionality you'd expect from a read it later app beautifully. It's as powerful as it is flexible.
 - [Todoist](https://todoist.com): the task manager I always return to for it's flexibility and endless integrations.
@@ -75,6 +76,6 @@ Software and services that I use for work and my own enjoyment.
 - [Slack](http://slack.com): I have a family Slack set up to avoid group text messages and am in a few other community Slacks.
 - [Discord](http://discord.com): I don't _like_ Discord but, for better or worse, it's where some communities I frequent are.
 - [Backblaze](https://backblaze.com): It backs up my MacBook Air and attached storage drive and I don't have to think about it.
-- [Proton VPN](https://pr.tn/ref/X775YX40Z50G): a reliable, trustworthy VPN with all of the features you'd expect from such a service.
+- <a onclick="fathom?.trackEvent('Proton referral')" href="https://pr.tn/ref/X775YX40Z50G">Proton VPN</a>: a reliable, trustworthy VPN with all of the features you'd expect from such a service.
 
 Check out [uses.tech](https://uses.tech) for more lists like this one.