publish /previously

config.toml

@@ -31,7 +31,6 @@ disableAliases = true
   github = "jakejarvis/jarv.is"
   facebookAppID = "3357248167622283"
   copyrightFirstYear = "2001"
-  wayback = "https://web.archive.org/web/20010501000000*/jakejarvis.com"
   license = "CC-BY-4.0"
   licenseFull = "Creative Commons Attribution 4.0 International"
   licenseURL = "https://creativecommons.org/licenses/by/4.0/"

content/_index.md

@@ -1,6 +1,6 @@
 ---
 title: "Jake Jarvis – Front-End Web Developer in Boston, MA"
-date: 2020-04-22 14:48:23-0400
+date: 2020-04-23 11:33:25-0400
 type: home
 ---
 
@@ -15,7 +15,7 @@ type: home
 <p>My current focus is on <a href="https://jamstack.wtf/" title="WTF is JAMstack?" id="jamstack" target="_blank" rel="noopener">the JAMstack</a> and <a href="https://stackoverflow.blog/2018/01/11/brutal-lifecycle-javascript-frameworks/" title="&quot;The Brutal Lifecycle of JavaScript Frameworks&quot; by Ian Allen" id="javascript" target="_blank" rel="noopener">modern JavaScript frameworks</a> like <a href="https://reactjs.org/" title="React Official Website" id="react" target="_blank" rel="noopener">React</a> and <a href="https://angular.io/" title="Angular Official Website" id="angular" target="_blank" rel="noopener">Angular</a> in front of <a href="https://nodejs.org/en/" title="Node.js Official Website" id="node" target="_blank" rel="noopener">Node</a> and <a href="https://golang.org/" title="Golang Official Website" id="golang" target="_blank" rel="noopener">Go</a> backends...</p>
 <p>...but I'm fluent in classics like <a href="https://stitcher.io/blog/php-in-2019" title="&quot;PHP in 2019&quot; by Brent Roose" id="php" target="_blank" rel="noopener">PHP</a>, <a href="https://www.ruby-lang.org/en/" title="Ruby Official Website" id="ruby" target="_blank" rel="noopener">Ruby</a>, <a href="https://www.python.org/" title="Python Official Website" id="python" target="_blank" rel="noopener">Python</a>, and <a href="https://go.java/index.html" title="Java Official Website" id="java" target="_blank" rel="noopener">Java</a> as well.</p>
 <p>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>.</p>
-<p>I fell in love with <a href="/y2k/" title="My Terrible, Horrible, No Good, Very Bad First Website" 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></p>
+<p>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></p>
 <p>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>
   <a href="/leo/" title="Powncer segment on The Lab with Leo Laporte (G4techTV)" id="news-2">been</a>

content/previously/index.md

@@ -0,0 +1,89 @@
+---
+title: "💾 Previously on..."
+date: 2020-04-22 10:50:04-0400
+description: "An incredibly embarrassing and somewhat painful walkthrough of this site's long history..."
+image: "images/2001_12.png"
+layout: etc
+---
+
+{{< image src="images/wayback.png" link="https://web.archive.org/web/20010501000000*/jakejarvis.com" >}}
+**...the [Cringey Chronicles™](https://web.archive.org/web/20010501000000*/jakejarvis.com) of this website's past.**
+{{</ image >}}
+
+---
+
+{{< image src="images/2001_12.gif" link="/y2k/" >}}
+**🚨 Trigger warning:** marquees, Comic Sans MS, popup windows, `color: limegreen`... [Click to experience anyway.](/y2k/)
+{{</ image >}}
+
+---
+
+{{< image src="images/2002_02.png">}}
+February 2002
+{{</ image >}}
+
+---
+
+{{< image src="images/2002_10.png">}}
+October 2002
+{{</ image >}}
+
+---
+
+{{< image src="images/2003_08.png" >}}
+August 2003
+{{</ image >}}
+
+---
+
+{{< image src="images/2004_11.png" >}}
+November 2004
+{{</ image >}}
+
+---
+
+{{< image src="images/2006_04.png" >}}
+April 2006
+{{</ image >}}
+
+---
+
+{{< image src="images/2006_05.png" >}}
+May 2006
+{{</ image >}}
+
+---
+
+{{< image src="images/2007_01.png" >}}
+January 2007
+{{</ image >}}
+
+---
+
+{{< image src="images/2007_04.png" >}}
+April 2007
+{{</ image >}}
+
+---
+
+{{< image src="images/2007_05.png" >}}
+May 2007
+{{</ image >}}
+
+---
+
+{{< image src="images/2009_07.png" >}}
+July 2009
+{{</ image >}}
+
+---
+
+{{< image src="images/2012_09.png" link="https://github.com/jakejarvis/jarv.is/tree/v1" >}}
+September 2012 ([archived source](https://github.com/jakejarvis/jarv.is/tree/v1))
+{{</ image >}}
+
+---
+
+{{< image src="images/2018_04.png" link="https://github.com/jakejarvis/jarv.is/tree/v2" >}}
+April 2018 ([archived source](https://github.com/jakejarvis/jarv.is/tree/v2))
+{{</ image >}}

layouts/partials/page/footer.html

@@ -1,6 +1,6 @@
 <footer>
   <div id="row">
-    <div id="copyright">Content licensed under <a class="no-underline" href="{{ .Site.Params.licenseURL }}" {{ with .Site.Params.licenseFull }} title="{{ . }}" {{ end }}target="_blank" rel="noopener">{{ .Site.Params.license }}</a>, {{ with .Site.Params.copyrightFirstYear }}{{ if $.Site.Params.wayback }}<a class="no-underline" href="{{ $.Site.Params.wayback }}" title="View Old Versions on Wayback Machine" id="wayback" target="_blank" rel="noopener">{{ end }}{{ . }}{{ if $.Site.Params.wayback }}</a>{{ end }} &ndash;{{ end }} {{ now.Format "2006" }}.</div>
+    <div id="copyright">Content licensed under <a class="no-underline" href="{{ .Site.Params.licenseURL }}" {{ with .Site.Params.licenseFull }} title="{{ . }}" {{ end }}target="_blank" rel="noopener">{{ .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="panda"><a class="no-underline" href="https://nationalzoo.si.edu/webcams/panda-cam" title="Live Panda Party!!!11" target="_blank" rel="noopener"><span>&#x1F43C;</span></a></div>