Updates and fixes

404 page update. Add insta images to about. Fix video on mobile. Src set blog images.

docs/404.html

@@ -91,11 +91,11 @@ <h2 style="margin-top: 25px;">That doesn't exsist!</h2>
             <a class="l" href="/about/" aria-label="About Dan">About</a><a class="l" href="/tools/" aria-label="Useful development tools">Tools</a><a class="l" href="/awesome-sites/" aria-label="Awesome Websites">Inspiration</a>
         </span>
         <div class="footer__content__slinks">
-            <a class="sl" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
-            <a class="sl" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
+            <a class="sl umami--click--footer-github" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
+            <a class="sl umami--click--footer-twitter" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
             <!--a class="sl" href="https://www.youtube.com/c/DanielCanetti/" target="_blank" rel="noopener" aria-label="Go to YouTube"><img src="/dist/images/youtube-b.svg" alt="Youtube" /></a-->
             <!--a class="sl" href="https://www.twitch.tv/dan_canetti" target="_blank" rel="noopener" aria-label="Go to Twitch"><img src="/dist/images/twitch-b.svg" alt="Twitch" /></a-->
-            <a class="sl" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
+            <a class="sl umami--click--footer-instagram" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
         </div>
     </div>
 </footer>

docs/about/index.html

@@ -101,6 +101,13 @@ <h3 class="mt">Projects</h3>
         </ul>
         <h3 class="mt">When I'm not working</h3>
         <p>I'm an <s>avid gym-goer</s> (home workouts via - <a class="l" href="https://www.nike.com/gb/ntc-app">Nike Training Club</a>), improving golfer, and like the <a class="l" href="/blog/coniston-water-2020/">occasional wander</a>.</p>
+        <div class="grid4x4">
+            <a href="https://www.instagram.com/p/Bh1bKFbgCUl/?utm_source=ig_web_copy_link" target="_blank"><img src="/dist/images/about_03.jpg" alt=""></a>
+            <a href="https://www.instagram.com/p/BF6WM4jysK1/?utm_source=ig_web_copy_link" target="_blank"><img src="/dist/images/about_04.jpg" alt=""></a>
+            <a href="https://www.instagram.com/p/BvaEB9THVmt/?utm_source=ig_web_copy_link" target="_blank"><img src="/dist/images/about_05.jpg" alt=""></a>
+            <a href="https://www.instagram.com/p/BxC0wAWAzMy/?utm_source=ig_web_copy_link" target="_blank"><img src="/dist/images/about_02.jpg" alt=""></a>
+        </div>
+        <p><a class="l umami--click--about-instagram" href="https://www.instagram.com/dan_canetti/" target="_blank">Follow me on instagram</a>.</p>
         <h3 class="mt">How it's made</h3>
         <p>This site is built with <a class="l" href="https://www.11ty.dev/" target="_blank" rel="noopener" aria-label="Go to Eleventy">Eleventy</a>, <a class="l" href="https://webpack.js.org/" target="_blank" rel="noopener" aria-label="Go to Webpack">Webpack</a>, <a class="l" href="https://www.netlify.com/" target="_blank" rel="noopener" aria-label="Go to Netlify">Netlify</a>, and Coffee.</p>
         <p>Keep up to date with changes <a class="l" href="/changelog/" aria-label="view changelog">here</a>.</p>
@@ -114,11 +121,11 @@ <h3 class="mt">How it's made</h3>
             <a class="l" href="/about/" aria-label="About Dan">About</a><a class="l" href="/tools/" aria-label="Useful development tools">Tools</a><a class="l" href="/awesome-sites/" aria-label="Awesome Websites">Inspiration</a>
         </span>
         <div class="footer__content__slinks">
-            <a class="sl" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
-            <a class="sl" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
+            <a class="sl umami--click--footer-github" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
+            <a class="sl umami--click--footer-twitter" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
             <!--a class="sl" href="https://www.youtube.com/c/DanielCanetti/" target="_blank" rel="noopener" aria-label="Go to YouTube"><img src="/dist/images/youtube-b.svg" alt="Youtube" /></a-->
             <!--a class="sl" href="https://www.twitch.tv/dan_canetti" target="_blank" rel="noopener" aria-label="Go to Twitch"><img src="/dist/images/twitch-b.svg" alt="Twitch" /></a-->
-            <a class="sl" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
+            <a class="sl umami--click--footer-instagram" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
         </div>
     </div>
 </footer>

docs/awesome-sites/index.html

@@ -94,11 +94,11 @@ <h2>Awesome Websites</h2>
             <a class="l" href="/about/" aria-label="About Dan">About</a><a class="l" href="/tools/" aria-label="Useful development tools">Tools</a><a class="l" href="/awesome-sites/" aria-label="Awesome Websites">Inspiration</a>
         </span>
         <div class="footer__content__slinks">
-            <a class="sl" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
-            <a class="sl" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
+            <a class="sl umami--click--footer-github" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
+            <a class="sl umami--click--footer-twitter" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
             <!--a class="sl" href="https://www.youtube.com/c/DanielCanetti/" target="_blank" rel="noopener" aria-label="Go to YouTube"><img src="/dist/images/youtube-b.svg" alt="Youtube" /></a-->
             <!--a class="sl" href="https://www.twitch.tv/dan_canetti" target="_blank" rel="noopener" aria-label="Go to Twitch"><img src="/dist/images/twitch-b.svg" alt="Twitch" /></a-->
-            <a class="sl" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
+            <a class="sl umami--click--footer-instagram" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
         </div>
     </div>
 </footer>

docs/blog/0-to-wordpress-in-4-minutes/index.html

@@ -166,11 +166,11 @@ <h3>Share: 0 to WordPress in 4 minutes</h3>
             <a class="l" href="/about/" aria-label="About Dan">About</a><a class="l" href="/tools/" aria-label="Useful development tools">Tools</a><a class="l" href="/awesome-sites/" aria-label="Awesome Websites">Inspiration</a>
         </span>
         <div class="footer__content__slinks">
-            <a class="sl" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
-            <a class="sl" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
+            <a class="sl umami--click--footer-github" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
+            <a class="sl umami--click--footer-twitter" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
             <!--a class="sl" href="https://www.youtube.com/c/DanielCanetti/" target="_blank" rel="noopener" aria-label="Go to YouTube"><img src="/dist/images/youtube-b.svg" alt="Youtube" /></a-->
             <!--a class="sl" href="https://www.twitch.tv/dan_canetti" target="_blank" rel="noopener" aria-label="Go to Twitch"><img src="/dist/images/twitch-b.svg" alt="Twitch" /></a-->
-            <a class="sl" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
+            <a class="sl umami--click--footer-instagram" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
         </div>
     </div>
 </footer>

docs/blog/2019-reading-list/index.html

@@ -155,11 +155,11 @@ <h3>Share: 2019 Reading List</h3>
             <a class="l" href="/about/" aria-label="About Dan">About</a><a class="l" href="/tools/" aria-label="Useful development tools">Tools</a><a class="l" href="/awesome-sites/" aria-label="Awesome Websites">Inspiration</a>
         </span>
         <div class="footer__content__slinks">
-            <a class="sl" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
-            <a class="sl" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
+            <a class="sl umami--click--footer-github" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
+            <a class="sl umami--click--footer-twitter" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
             <!--a class="sl" href="https://www.youtube.com/c/DanielCanetti/" target="_blank" rel="noopener" aria-label="Go to YouTube"><img src="/dist/images/youtube-b.svg" alt="Youtube" /></a-->
             <!--a class="sl" href="https://www.twitch.tv/dan_canetti" target="_blank" rel="noopener" aria-label="Go to Twitch"><img src="/dist/images/twitch-b.svg" alt="Twitch" /></a-->
-            <a class="sl" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
+            <a class="sl umami--click--footer-instagram" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
         </div>
     </div>
 </footer>

docs/blog/2019-setup/index.html

@@ -154,11 +154,11 @@ <h3>Share: 2019 Setup</h3>
             <a class="l" href="/about/" aria-label="About Dan">About</a><a class="l" href="/tools/" aria-label="Useful development tools">Tools</a><a class="l" href="/awesome-sites/" aria-label="Awesome Websites">Inspiration</a>
         </span>
         <div class="footer__content__slinks">
-            <a class="sl" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
-            <a class="sl" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
+            <a class="sl umami--click--footer-github" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
+            <a class="sl umami--click--footer-twitter" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
             <!--a class="sl" href="https://www.youtube.com/c/DanielCanetti/" target="_blank" rel="noopener" aria-label="Go to YouTube"><img src="/dist/images/youtube-b.svg" alt="Youtube" /></a-->
             <!--a class="sl" href="https://www.twitch.tv/dan_canetti" target="_blank" rel="noopener" aria-label="Go to Twitch"><img src="/dist/images/twitch-b.svg" alt="Twitch" /></a-->
-            <a class="sl" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
+            <a class="sl umami--click--footer-instagram" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
         </div>
     </div>
 </footer>

docs/blog/a-complete-guide-to-eleventy/index.html

@@ -233,11 +233,11 @@ <h3>Share: A complete guide to Eleventy</h3>
             <a class="l" href="/about/" aria-label="About Dan">About</a><a class="l" href="/tools/" aria-label="Useful development tools">Tools</a><a class="l" href="/awesome-sites/" aria-label="Awesome Websites">Inspiration</a>
         </span>
         <div class="footer__content__slinks">
-            <a class="sl" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
-            <a class="sl" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
+            <a class="sl umami--click--footer-github" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
+            <a class="sl umami--click--footer-twitter" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
             <!--a class="sl" href="https://www.youtube.com/c/DanielCanetti/" target="_blank" rel="noopener" aria-label="Go to YouTube"><img src="/dist/images/youtube-b.svg" alt="Youtube" /></a-->
             <!--a class="sl" href="https://www.twitch.tv/dan_canetti" target="_blank" rel="noopener" aria-label="Go to Twitch"><img src="/dist/images/twitch-b.svg" alt="Twitch" /></a-->
-            <a class="sl" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
+            <a class="sl umami--click--footer-instagram" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
         </div>
     </div>
 </footer>

docs/blog/being-a-woman-in-tech-sucks/index.html

@@ -153,11 +153,11 @@ <h3>Share: Being a woman in tech sucks</h3>
             <a class="l" href="/about/" aria-label="About Dan">About</a><a class="l" href="/tools/" aria-label="Useful development tools">Tools</a><a class="l" href="/awesome-sites/" aria-label="Awesome Websites">Inspiration</a>
         </span>
         <div class="footer__content__slinks">
-            <a class="sl" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
-            <a class="sl" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
+            <a class="sl umami--click--footer-github" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
+            <a class="sl umami--click--footer-twitter" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
             <!--a class="sl" href="https://www.youtube.com/c/DanielCanetti/" target="_blank" rel="noopener" aria-label="Go to YouTube"><img src="/dist/images/youtube-b.svg" alt="Youtube" /></a-->
             <!--a class="sl" href="https://www.twitch.tv/dan_canetti" target="_blank" rel="noopener" aria-label="Go to Twitch"><img src="/dist/images/twitch-b.svg" alt="Twitch" /></a-->
-            <a class="sl" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
+            <a class="sl umami--click--footer-instagram" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
         </div>
     </div>
 </footer>

docs/blog/coniston-water-2020/index.html

@@ -128,11 +128,11 @@ <h3>Share: Coniston Water</h3>
             <a class="l" href="/about/" aria-label="About Dan">About</a><a class="l" href="/tools/" aria-label="Useful development tools">Tools</a><a class="l" href="/awesome-sites/" aria-label="Awesome Websites">Inspiration</a>
         </span>
         <div class="footer__content__slinks">
-            <a class="sl" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
-            <a class="sl" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
+            <a class="sl umami--click--footer-github" href="https://github.com/DanCanetti" target="_blank" rel="noopener" aria-label="Go to Github"><img src="/dist/images/github-b.svg" alt="GitHub" /></a>
+            <a class="sl umami--click--footer-twitter" href="https://twitter.com/Dan_Canetti" target="_blank" rel="noopener" aria-label="Go to Twitter"><img src="/dist/images/twitter-b.svg" alt="Twitter" /></a>
             <!--a class="sl" href="https://www.youtube.com/c/DanielCanetti/" target="_blank" rel="noopener" aria-label="Go to YouTube"><img src="/dist/images/youtube-b.svg" alt="Youtube" /></a-->
             <!--a class="sl" href="https://www.twitch.tv/dan_canetti" target="_blank" rel="noopener" aria-label="Go to Twitch"><img src="/dist/images/twitch-b.svg" alt="Twitch" /></a-->
-            <a class="sl" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
+            <a class="sl umami--click--footer-instagram" href="https://www.instagram.com/dan_canetti/" target="_blank" rel="noopener" aria-label="Go to Instagram"><img src="/dist/images/instagram-b.svg" alt="Instagram" /></a>
         </div>
     </div>
 </footer>