clean up redirects/404s & other random housekeeping

assets/sass/abstracts/_themes.scss

@@ -92,11 +92,11 @@ $colors-home: (
     light: #c48f49,
     dark: #ca9249,
   ),
-  y2k: (
+  frontend: (
     light: #4169e1,
     dark: #8ca9ff,
   ),
-  jbb: (
+  backend: (
     light: #9932cc,
     dark: #d588fb,
   ),

assets/sass/components/_footer.scss

@@ -51,7 +51,7 @@ footer {
     }
   }
 
-  div#ie {
+  div#y2k {
     width: 20%;
     text-align: center;
     line-height: 1;
@@ -75,7 +75,7 @@ footer {
     }
 
     // no more room at the inn :(
-    div#ie {
+    div#y2k {
       display: none;
     }
   }

assets/sass/components/_global.scss

@@ -42,6 +42,7 @@ main {
   }
 }
 
+/*! Credit for cool link underlines: https://www.dannyguo.com/blog/animated-multiline-link-underlines-with-css/ */
 a {
   text-decoration: none;
   background-position: 0% 100%;

assets/sass/components/_syntax.scss

@@ -73,7 +73,7 @@ div.highlight {
   }
 }
 
-/*! Syntax Highlighting - modified from Monokai Light: https://github.com/mlgill/pygments-style-monokailight */
+/*! Syntax Highlighting (light) - modified from Monokai Light: https://github.com/mlgill/pygments-style-monokailight */
 body.light {
   div.highlight {
     color: #464646;
@@ -147,7 +147,7 @@ body.light {
   }
 }
 
-/*! Syntax Highlighting - modified from Dracula: https://github.com/dracula/pygments */
+/*! Syntax Highlighting (dark) - modified from Dracula: https://github.com/dracula/pygments */
 body.dark {
   div.highlight {
     color: #dfdfdf;

content/_index.md

@@ -1,6 +1,6 @@
 ---
 title: "Jake Jarvis – Front-End Web Developer in Boston, MA"
-date: 2020-05-24 09:08:21-0400
+date: 2020-06-02 11:19:44-0400
 type: home
 sitemap:
   changefreq: weekly
@@ -22,7 +22,7 @@ My current focus is on <a href="https://jamstack.wtf/" title="WTF is JAMstack?"
 
 Whenever possible, I prioritize my interest in <a href="https://bugcrowd.com/jakejarvis" title="Jake Jarvis on Bugcrowd" id="infosec" target="_blank" rel="me noopener">information security</a>, <a href="https://martinfowler.com/articles/serverless.html" title="&quot;Serverless Architectures&quot; by Mike Roberts" id="server" target="_blank" rel="noopener">server<span id="serverless">(less)</span> architecture</a>, <a href="https://xkcd.com/1319/" title="&quot;Automation&quot; on xkcd" id="devops" target="_blank" rel="noopener">efficient DevOps &amp; CI</a>, and the <a href="https://blog.jessfraz.com/post/docker-containers-on-the-desktop/" title="&quot;Docker Containers on the Desktop&quot; by Jessie Frazelle" id="containers" target="_blank" rel="noopener">containerization of everything</a>.
 
-I fell in love with <a href="/previously/" title="My Terrible, Horrible, No Good, Very Bad First Websites" id="y2k">frontend web design</a> and <a href="/notes/my-first-code/" title="Jake's Bulletin Board, circa 2003" id="jbb">backend programming</a> when my only source of income was <a href="/birthday/" title="🎉 Cranky Birthday Boy on VHS Tape 📼" id="birthday">the Tooth Fairy</a>. <span id="shh">(I've improved a bit since then...)</span>
+I fell in love with <a href="/previously/" title="My Terrible, Horrible, No Good, Very Bad First Websites" id="frontend">frontend web design</a> and <a href="/notes/my-first-code/" title="Jake's Bulletin Board, circa 2003" id="backend">backend programming</a> when my only source of income was <a href="/birthday/" title="🎉 Cranky Birthday Boy on VHS Tape 📼" id="birthday">the Tooth Fairy</a>. <span id="shh">(I've improved a bit since then...)</span>
 
 Over the years, my side projects
 <a href="https://tuftsdaily.com/news/2012/04/06/student-designs-iphone-joeytracker-app/" title="&quot;Student designs iPhone JoeyTracker app&quot; on The Tufts Daily" id="news-1" target="_blank" rel="noopener">have</a>

content/notes/dark-mode/index.md

@@ -44,7 +44,7 @@ A _very_ barebones example is embedded above ([view the source here](https://git
 
 ---
 
-### Minified JS: (410 bytes gzipped 📦)
+### [Minified JS](https://raw.githubusercontent.com/jakejarvis/dark-mode-example/gh-pages/dark-mode.min.js) (410 bytes gzipped! 📦):
 
 <!-- prettier-ignore -->
 ```js

content/previously/index.md

@@ -63,10 +63,10 @@ css: |
 
 ---
 
-**🚨 Trigger warning:** marquees, Comic Sans MS, popup windows, <code>color: <span class="limegreen">limegreen</span></code>... [Click for the full experience anyway.](https://y2k.lol/)
+**🚨 Trigger warning:** marquees, Comic Sans MS, popup windows, <code>color: <span class="limegreen">limegreen</span></code>... [Click for the **_FULL_** experience anyway.](https://y2k.lol/)
 
 <figure>
-  <iframe id="y2k" src="https://jarv.is/y2k/"></iframe>
+  <iframe id="y2k" src="https://jarv.is/y2k/" title="My Terrible, Horrible, No Good, Very Bad First Website"></iframe>
   <figcaption>
     November 2001 (<a href="https://github.com/jakejarvis/my-first-website" target="_blank" rel="noopener">archived source</a>)
   </figcaption>

content/stats.md

@@ -18,7 +18,7 @@ sitemap:
 ---
 
 <!-- markdownlint-disable MD033 -->
-<p class="center"><a class="no-underline" href="https://simpleanalytics.com/jarv.is?utm_source=jarv.is&utm_content=badge" target="_blank" rel="noopener"><img src="https://simpleanalyticsbadge.com/jarv.is?counter=true" alt="Powered by Simple Analytics" referrerpolicy="no-referrer" crossorigin="anonymous"></a></p>
+<p class="center"><a class="no-underline" href="https://simpleanalytics.com/jarv.is?utm_source=jarv.is&amp;utm_content=badge" target="_blank" rel="noopener"><img src="https://simpleanalyticsbadge.com/jarv.is?counter=true" alt="Powered by Simple Analytics" referrerpolicy="no-referrer" crossorigin="anonymous"></a></p>
 
 This website uses [**Simple Analytics**](https://simpleanalytics.com/?ref=jarv.is) to track pageviews **without collecting any personally identifiable information,** including IP addresses, cookies, and browser fingerprints.
 

content/uses/index.md

@@ -148,7 +148,7 @@ I've been making recent efforts to [de-Google](https://www.reddit.com/r/degoogle
   - [Read why.](/notes/dropping-dropbox/)
 - ~~Google Docs~~ → [**Microsoft Office**](https://products.office.com/en-us/mac/microsoft-office-for-mac) (hey, it works 🤷)
 - ~~Google Photos~~ → [**iCloud Photos**](https://www.icloud.com/photos/)
-- ~~Google DNS~~ → [**Cloudflare 1.1.1.1**](https://1.1.1.1/)
+- ~~Google DNS~~ → [**Cloudflare 1.1.1.1 DNS**](https://1.1.1.1/dns/)
 - ~~Google Analytics~~ → both of these are awesome, privacy-aware "visitor counters" rather than trackers:
   - [**Netlify Analytics**](https://www.netlify.com/products/analytics/) [(my review)](/notes/netlify-analytics-review/)
   - [**Simple Analytics**](https://simpleanalytics.com/) [(referral link)](https://referral.simpleanalytics.com/jake-jarvis)

layouts/partials/page/footer.html

@@ -1,7 +1,7 @@
 <footer>
   <div class="row">
     <div id="copyright">Content <a class="no-underline" href="{{ "license/" | absURL }}"{{ with .Site.Params.licenseFull }} title="{{ . }}"{{ end }}>licensed under {{ .Site.Params.license }}</a>, {{ with .Site.Params.copyrightFirstYear }}<a class="no-underline" href="{{ "previously/" | absURL }}" title="Previously on...">{{ . }} &ndash;</a>{{ end }} {{ now.Format "2006" }}.</div>
-    <div id="ie"><a class="no-underline" href="https://y2k.lol/" title="Made for Internet Explorer&reg;" target="_blank" rel="noopener"><img src="{{ "img/ie.gif" | absURL }}" width="88" alt="Made for Internet Explorer&reg;"></a></div>
+    <div id="y2k"><a class="no-underline" href="https://y2k.lol/" title="Made for Internet Explorer&reg;" target="_blank" rel="noopener"><img src="{{ "img/ie.gif" | absURL }}" width="88" alt="Made for Internet Explorer&reg;"></a></div>
     <div id="poweredby">
       <a class="no-underline" href="https://gohugo.io/" title="Powered by Hugo" id="hugo" target="_blank" rel="noopener">Made with <span class="beat">&#x2764;</span> and Hugo.</a>
       {{ with .Site.Params.github }}<a class="no-underline" href="https://github.com/{{ . }}" title="View Source on GitHub" id="source" target="_blank" rel="noopener">View source.</a>{{ end }}

layouts/partials/scripts/_bundle.html

@@ -1,13 +1,20 @@
 {{ $darkmode := resources.Get "js/dark-mode.js" | resources.ExecuteAsTemplate "js/dark-mode.js" . }}
 {{ $twemoji := resources.Get "vendor/emoji/emoji.js" | resources.ExecuteAsTemplate "vendor/emoji/emoji.min.js" . }}
-{{ $analytics := resources.Get "js/simple-analytics.js" | resources.ExecuteAsTemplate "js/simple-analytics.js" . }}
 
-{{ $bundle := "" }}
+{{ $bundle := slice $darkmode $twemoji }}
-{{ if eq hugo.Environment "development" }}
+
-  {{ $bundle = slice $darkmode $twemoji }}
+{{/* only parse and append analytics script on production site */}}
-{{ else }}
+{{ $useAnalytics := eq hugo.Environment "production" }}
+
+{{ if $useAnalytics }}
+  {{ $analytics := resources.Get "js/simple-analytics.js" | resources.ExecuteAsTemplate "js/simple-analytics.js" . }}
   {{ $bundle = slice $darkmode $twemoji $analytics }}
 {{ end }}
 
 {{ $js := $bundle | resources.Concat "/js/app.js" }}
 <script async defer src="{{ $js.Permalink }}"></script>
+
+{{/* proxy to simple analytics noscript on production */}}
+{{ if $useAnalytics }}
+  <noscript><img src="{{ "sa/noscript.gif" | absURL }}" alt=""></noscript>
+{{ end }}

layouts/partials/scripts/simple_analytics_events.html

@@ -1 +1,2 @@
+{{/* optional feature, see: https://docs.simpleanalytics.com/events */}}
 <script>window.sa_event=window.sa_event||function(){a=[].slice.call(arguments);sa_event.q?sa_event.q.push(a):sa_event.q=[a]};</script>

netlify.toml

@@ -5,7 +5,7 @@
 [build.environment]
   YARN_VERSION = "1.22.4"
   YARN_FLAGS = "--no-ignore-optional --frozen-lockfile"
-  GO_VERSION = "1.14.3"
+  GO_VERSION = "1.14.4"
 
 # Ensure *only* Pretty URLs are enabled, even though this is already set up in
 # the Netlify dashboard.
@@ -44,7 +44,6 @@
 [[headers]]
   for = "/jarvis.asc"
   [headers.values]
-    Cache-Control = "max-age=0, no-cache, no-store"
     Content-Type = "text/plain; charset=UTF-8"
     Content-Disposition = "inline; filename=\"jarvis.asc\""
 
@@ -86,7 +85,7 @@
   to = "/feed.xml"
   status = 301
 [[redirects]]
-  from = "/index.php*"
+  from = "/index.php"
   to = "/"
   status = 301
 [[redirects]]
@@ -134,12 +133,12 @@
   to = "https://queue.simpleanalyticscdn.com/noscript.gif:splat"
   status = 200
 [[redirects]]
-  from = "/sa/append"
+  from = "/sa/append*"
-  to = "https://queue.simpleanalyticscdn.com/append"
+  to = "https://queue.simpleanalyticscdn.com/append:splat"
   status = 200
 [[redirects]]
-  from = "/sa/post"
+  from = "/sa/post*"
-  to = "https://api.simpleanalytics.io/post"
+  to = "https://api.simpleanalytics.io/post:splat"
   status = 200
 
 # Mirror these directories from elsewhere to mimic GitHub Pages behavior and
@@ -183,19 +182,25 @@
   from = "*/wp-admin/*"
   to = "/403.html"
   status = 403
-  force = true
 [[redirects]]
   from = "*/admin/*"
   to = "/403.html"
   status = 403
-  force = true
 [[redirects]]
-  from = "*/wp-login.php*"
+  from = "*/wp-login.php"
   to = "/403.html"
   status = 403
-  force = true
 [[redirects]]
-  from = "*/login.php*"
+  from = "*/login.php"
   to = "/403.html"
   status = 403
-  force = true
+[[redirects]]
+  from = "*/wlwmanifest.xml"
+  to = "/403.html"
+  status = 403
+# not sure if these xmlrpc requests are malicious but forward them to
+# webmention.io anyway
+[[redirects]]
+  from = "/xmlrpc.php"
+  to = "https://webmention.io/jarv.is/xmlrpc"
+  status = 302