update /previously, add Comic Neue webfont

.markdownlintrc

@@ -11,7 +11,7 @@
   "no-blanks-blockquote": true,
   "no-empty-links": false,
   "no-hard-tabs": false,
-  "no-inline-html": { "allowed_elements": [ "p", "a", "img", "svg", "path", "h2", "h3", "span", "sup" ] },
+  "no-inline-html": { "allowed_elements": [ "p", "a", "strong", "em", "img", "svg", "path", "h2", "h3", "code", "span", "sup", "figure", "figcaption", "iframe" ] },
   "no-multiple-blanks": false,
   "no-trailing-punctuation": false,
   "single-h1": false,

README.md

@@ -48,3 +48,4 @@ External assets include:
 - [**Twemoji**](https://twemoji.twitter.com/): Copyright (c) 2018 Twitter, Inc. and other contributors. [Licensed under CC-BY-4.0.](https://github.com/twitter/twemoji/blob/v12.1.5/LICENSE-GRAPHICS)
 - [**Inter**](https://rsms.me/inter/): Copyright (c) 2016-2020 The Inter Project Authors. [Licensed under the SIL Open Font License, Version 1.1.](https://github.com/rsms/inter/blob/v3.13/LICENSE.txt)
 - [**Hack**](https://sourcefoundry.org/hack/): Copyright (c) 2018 Source Foundry Authors. [Licensed under the MIT License.](https://github.com/source-foundry/Hack/blob/v3.003/LICENSE.md)
+- [**Comic Neue**](http://comicneue.com/): Copyright (c) 2014 The Comic Neue Project Authors. [Licensed under the SIL Open Font License, Version 1.1.](https://github.com/crozynski/comicneue/blob/v2.5/OFL.txt)

content/humans.txt

@@ -63,3 +63,9 @@
     Authors. Licensed under the MIT License:
 
         https://sourcefoundry.org/hack/
+
+    Comic Neue: Copyright (c) 2014 The Comic Neue
+    Project Authors. Licensed under the SIL Open
+    Font License, Version 1.1:
+
+        http://comicneue.com/

content/previously/index.md

@@ -4,17 +4,44 @@ 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
+css: |
+  /*!
+   *  Comic Neue typeface v2.5 - http://comicneue.com/
+   *
+   *  Copyright (c) 2014 The Comic Neue Project Authors.
+   *  Licensed under the SIL Open Font License, Version 1.1:
+   *  https://github.com/crozynski/comicneue/blob/v2.5/OFL.txt
+   */
+  @font-face {
+    font-family: "Comic Neue";
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url('/vendor/comic-neue/comic-neue-bold.woff2') format('woff2'),
+         url('/vendor/comic-neue/comic-neue-bold.woff') format('woff');
+  }
+  body {
+    font-family: "Comic Neue", "Comic Sans MS", "Comic Sans", cursive;
+    font-weight: 700;
+  }
+  div#content figure figcaption {
+    font-size: 1.1em;
+  }
+  footer div#copyright, footer div#poweredby {
+    font-size: 0.95em;
+  }
 ---
 
 {{< 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.**
+...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/" >}}
+<figure>
-**🚨 Trigger warning:** marquees, Comic Sans MS, popup windows, `color: limegreen`... [Click to experience anyway.](/y2k/)
+<iframe src="/y2k/" style="width: 100%; height: 485px; border: 2px solid #e3d18c;"></iframe>
-{{</ image >}}
+<figcaption><strong>🚨 Trigger warning:</strong> marquees, Comic Sans MS, popup windows, <code>color: <span style="color: #32cd32">limegreen</span></code>... <a href="/y2k/">Click to experience fullscreen anyway.</a></figcaption>
+</figure>
 
 ---
 

layouts/shortcodes/image.html

@@ -2,12 +2,13 @@
 
 {{- with .Inner }}
 <figure>
+  {{ with $.Get "link" }}<a class="no-underline" href="{{ . }}"{{ if strings.HasPrefix . "http" }} target="_blank" rel="noopener"{{ end }}>{{ end }}
   <picture>
-    {{ with $.Get "link" }}<a class="no-underline" href="{{ . }}"{{ if strings.HasPrefix . "http" }} target="_blank" rel="noopener"{{ end }}>{{ end }}
     <img src="{{ $optimized.Permalink }}" width="{{ $optimized.Width }}" height="{{ $optimized.Height }}"
          alt="{{ . | $.Page.RenderString | plainify | safeHTML }}" title="{{ . | $.Page.RenderString | plainify | safeHTML }}">
-    {{ if $.Get "link" }}</a>{{ end }}
   </picture>
+  {{ if $.Get "link" }}</a>{{ end }}
+
   <figcaption>{{ . | $.Page.RenderString | safeHTML }}</figcaption>
 </figure>
 {{- else -}}