feat: analytics updates and cleanup

package.json

@@ -4,8 +4,8 @@
   "description": "The source for my personal site, blog and portfolio. Build using 11ty and hosted on Vercel.",
   "main": "index.html",
   "scripts": {
-    "start": "eleventy --serve & npx tailwindcss -i ./tailwind.css -o _site/assets/styles/tailwind.css --watch",
-    "debug": "DEBUG=Eleventy* npx @11ty/eleventy --serve & npx tailwindcss -i ./tailwind.css -o _site/assets/styles/tailwind.css --watch",
+    "start": "ELEVENTY_PRODUCTION=false eleventy --serve && NODE_ENV=development npx tailwindcss -i ./tailwind.css -o _site/assets/styles/tailwind.css --watch",
+    "debug": "DEBUG=Eleventy* npx @11ty/eleventy --serve && NODE_ENV=development npx tailwindcss -i ./tailwind.css -o _site/assets/styles/tailwind.css --watch",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "build": "rm -rf .cache && ELEVENTY_PRODUCTION=true eleventy && NODE_ENV=production npx tailwindcss -i ./tailwind.css -c ./tailwind.config.js -o _site/assets/styles/tailwind.css",

src/_data/env.js

@@ -0,0 +1,3 @@
+module.exports = async function () {
+  return process.env.NODE_ENV
+}

src/_includes/base.liquid

@@ -29,11 +29,14 @@
     <link href="/assets/styles/tailwind.css?v={% version %}" rel="stylesheet" />
     <link href="/assets/styles/prism.css?v={% version %}" rel="stylesheet" />
     <link href="/assets/styles/index.css?v={% version %}" rel="stylesheet" />
-    <script
-      src="https://cdn.usefathom.com/script.js"
-      data-site="RHNGSUXO"
-      defer></script>
-    <script src="/_vercel/insights/script.js" defer></script>
+    {% if env != 'development' %}
+      <script>
+        window.va = window.va || function() {
+          (window.vaq = window.vaq || []).push(arguments);
+        };
+      </script>
+      <script src="/_vercel/insights/script.js" defer></script>
+    {% endif %}
     <link rel="webmention" href="https://webmention.io/coryd.dev/webmention" />
     <link rel="pingback" href="https://webmention.io/coryd.dev/xmlrpc" />
     <link

src/_includes/icons/coffee.liquid

@@ -1,7 +1,7 @@
 {% if site.coffee != "" %}
   <a
     href={{ site.coffee }}
-    onclick="fathom.trackGoal('XAJG76MR', 0)"
+    onclick="va('event',{name:'Buy Me a Coffee',data:{location:'Header'}})"
     rel="me"
     title="Buy Me a Coffee">
     <svg

src/about.md

@@ -15,12 +15,3 @@ I build, maintain and design web applications. I've been coding professionally s
 I tend to write about whatever strikes me, with a focus on development, technology, automation or issues I run into with these things. This is all typically light on editing with and heavy on spur of the moment thoughts.
 
 [You can also see what I'm doing now](/now).
-
-<h3
-  class="m-0 text-lg font-black leading-tight tracking-normal dark:text-gray-200 md:text-xl mb-2"
->
-  Contact
-</h3>
-
-- [Email](mailto:hi@coryd.dev)
-- [Calendar](https://calendly.com/cdme)

src/posts/2023/building-my-now-page-using-eleventy.md

@@ -88,7 +88,7 @@ artist: (media) =>
         `https://cdn.coryd.dev/artists/${media.replace(/\s+/g, '-').toLowerCase()}.jpg`,
 ```
 
-These images are all cropped to `350x350` and hosted over on <a href="https://bunny.net?ref=revw3mehej" onclick="fathom.trackGoal('EIQ2NE4V', 0)">Bunny.net</a>[^2].
+These images are all cropped to `350x350` and hosted over on <a href="https://bunny.net?ref=revw3mehej" onclick="va('event',{name:'Bunny.net referral',data:{location:'Blog post: Building my /now page using Eleventy'}})">Bunny.net</a>[^2].
 
 [Much like artists, we populate albums from data sourced from Last.fm](https://github.com/cdransf/coryd.dev/blob/e886857387661ceeba4f2b368989ec32f0c3f121/src/_data/albums.js)
 

src/referrals.md

@@ -11,9 +11,8 @@ title: Referrals
 
 Referral links for services I use. I save some money and you do as well if you choose to use them.
 
-- <a href="https://pr.tn/ref/X775YX40Z50G" onclick="fathom.trackGoal('INTJNLRE', 0)">Proton</a>
-- <a href="https://usefathom.com/ref/EGXCON" onclick="fathom.trackGoal('EWREAPNX', 0)">Fathom Analytics</a>
-- <a href="https://nextdns.io/?from=m56mt3z6" onclick="fathom.trackGoal('CG4FNTCN', 0)">NextDNS</a>
-- <a href="https://dnsimple.com/r/3a7cbb9e15df8f" onclick="fathom.trackGoal('MFQVXQQ9', 0)">DNSimple</a>
-- <a href="https://bunny.net?ref=revw3mehej" onclick="fathom.trackGoal('EIQ2NE4V', 0)">Bunny.net</a>
-- <a href="https://m.do.co/c/3635bf99aee2" onclick="fathom.trackGoal('YQQCW9LE', 0)">DigitalOcean</a>
+- <a href="https://pr.tn/ref/X775YX40Z50G" onclick="va('event',{name:'Proton referral',data:{location:'Referrals'}})">Proton</a>
+- <a href="https://nextdns.io/?from=m56mt3z6" onclick="va('event',{name:'NextDNS referral',data:{location:'Referrals'}})">NextDNS</a>
+- <a href="https://dnsimple.com/r/3a7cbb9e15df8f" onclick="va('event',{name:'DNSimple referral',data:{location:'Referrals'}})">DNSimple</a>
+- <a href="https://bunny.net?ref=revw3mehej" onclick="va('event',{name:'Bunny.net referral',data:{location:'Referrals'}})">Bunny.net</a>
+- <a href="https://m.do.co/c/3635bf99aee2" onclick="va('event',{name:'DigitalOcean referral',data:{location:'Referrals'}})">DigitalOcean</a>

src/uses.md

@@ -49,11 +49,10 @@ Software and services that I use for work and my own enjoyment.
 
 <h3 className="text-xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-2xl sm:leading-10 md:text-4xl md:leading-14">Services</h3>
 
-- <a href="https://pr.tn/ref/X775YX40Z50G" onclick="fathom.trackGoal('INTJNLRE', 0)">Proton</a>
-- <a href="https://usefathom.com/ref/EGXCON" onclick="fathom.trackGoal('EWREAPNX', 0)">Fathom Analytics</a>
-- <a href="https://nextdns.io/?from=m56mt3z6" onclick="fathom.trackGoal('CG4FNTCN', 0)">NextDNS</a>
-- <a href="https://dnsimple.com/r/3a7cbb9e15df8f" onclick="fathom.trackGoal('MFQVXQQ9', 0)">DNSimple</a>
-- <a href="https://bunny.net?ref=revw3mehej" onclick="fathom.trackGoal('EIQ2NE4V', 0)">Bunny.net</a>
+- <a href="https://pr.tn/ref/X775YX40Z50G" onclick="va('event',{name:'Proton referral',data:{location:'Uses'}})">Proton</a>
+- <a href="https://nextdns.io/?from=m56mt3z6" onclick="va('event',{name:'NextDNS referral',data:{location:'Uses'}})">NextDNS</a>
+- <a href="https://dnsimple.com/r/3a7cbb9e15df8f" onclick="va('event',{name:'DNSimple referral',data:{location:'Uses'}})">DNSimple</a>
+- <a href="https://bunny.net?ref=revw3mehej" onclick="va('event',{name:'Bunny.net referral',data:{location:'Uses'}})">Bunny.net</a>
 - [1Password](https://1password.com)
 - [Slack](http://slack.com)
 - [Discord](http://discord.com)