re-organize fonts, fix BLM header

.prettierignore

@@ -12,6 +12,7 @@ _vendor/
 # dotfiles/config
 .*
 postcss.config.js
+devcontainer.json
 
 # miscellaneous
 .github/

assets/sass/components/_typography.scss

@@ -14,32 +14,32 @@ $unicode-subset: U+0000-00FF, U+2000-206F, U+20A0-20CF, U+2190-21FF, U+2200-22FF
  */
 
 // Variable
-@include font-face("Inter var", "vendor/inter/inter-subset.var", 100 900, $variable: true) {
+@include font-face("Inter var", "vendor/fonts/inter-subset.var", 100 900, $variable: true) {
   font-named-instance: "Regular"; // stylelint-disable-line property-no-unknown
   unicode-range: $unicode-subset;
 }
-@include font-face("Inter var", "vendor/inter/inter-italic-subset.var", 100 900, italic, $variable: true) {
+@include font-face("Inter var", "vendor/fonts/inter-italic-subset.var", 100 900, italic, $variable: true) {
   font-named-instance: "Italic"; // stylelint-disable-line property-no-unknown
   unicode-range: $unicode-subset;
 }
 
 // Legacy
-@include font-face("Inter", "vendor/inter/inter-regular-subset", 400) {
+@include font-face("Inter", "vendor/fonts/inter-regular-subset", 400) {
   unicode-range: $unicode-subset;
 }
-@include font-face("Inter", "vendor/inter/inter-regular-italic-subset", 400, italic) {
+@include font-face("Inter", "vendor/fonts/inter-regular-italic-subset", 400, italic) {
   unicode-range: $unicode-subset;
 }
-@include font-face("Inter", "vendor/inter/inter-medium-subset", 500) {
+@include font-face("Inter", "vendor/fonts/inter-medium-subset", 500) {
   unicode-range: $unicode-subset;
 }
-@include font-face("Inter", "vendor/inter/inter-medium-italic-subset", 500, italic) {
+@include font-face("Inter", "vendor/fonts/inter-medium-italic-subset", 500, italic) {
   unicode-range: $unicode-subset;
 }
-@include font-face("Inter", "vendor/inter/inter-bold-subset", 700) {
+@include font-face("Inter", "vendor/fonts/inter-bold-subset", 700) {
   unicode-range: $unicode-subset;
 }
-@include font-face("Inter", "vendor/inter/inter-bold-italic-subset", 700, italic) {
+@include font-face("Inter", "vendor/fonts/inter-bold-italic-subset", 700, italic) {
   unicode-range: $unicode-subset;
 }
 
@@ -51,5 +51,5 @@ $unicode-subset: U+0000-00FF, U+2000-206F, U+20A0-20CF, U+2190-21FF, U+2200-22FF
  *  https://github.com/source-foundry/Hack/blob/v3.003/LICENSE.md
  */
 
-@include font-face("Hack", "vendor/hack/hack-regular-subset", 400);
-@include font-face("Hack", "vendor/hack/hack-italic-subset", 400, italic);
+@include font-face("Hack", "vendor/fonts/hack-regular-subset", 400);
+@include font-face("Hack", "vendor/fonts/hack-italic-subset", 400, italic);

content/previously/index.md

@@ -17,8 +17,8 @@ css: |
     font-style: normal;
     font-weight: 700;
     font-display: swap;
-    src: url('https://jarv.is/vendor/comic-neue/comic-neue-bold-subset.woff2') format('woff2'),
-         url('https://jarv.is/vendor/comic-neue/comic-neue-bold-subset.woff') format('woff');
+    src: url('https://jarv.is/vendor/fonts/comic-neue-bold-subset.woff2') format('woff2'),
+         url('https://jarv.is/vendor/fonts/comic-neue-bold-subset.woff') format('woff');
     unicode-range: U+0000-00FF,U+2000-206F,U+20A0-20CF,U+2190-21FF,U+2200-22FF,U+2122;
   }
   body {

layouts/_default/baseof.html

@@ -12,6 +12,7 @@
 {{ block "main" . }}{{ end }}
 </main>
 {{ partial "page/footer" . }}
+{{ partial "page/blm-banner" . }}
 {{ partial "scripts/_bundle" . -}}
 {{ partial "scripts/shortcodes" . -}}
   </body>

layouts/partials/head/preload.html

@@ -1 +1 @@
-<link rel="preload" href="{{ "vendor/inter/inter-subset.var.woff2" | absURL }}" as="font" type="font/woff2" crossorigin>
+<link rel="preload" href="{{ "vendor/fonts/inter-subset.var.woff2" | absURL }}" as="font" type="font/woff2" crossorigin>

layouts/partials/page/blm-banner.html

@@ -0,0 +1,34 @@
+<style>
+:root {
+  padding-top: 3rem;
+}
+#blm-banner {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  height: 3rem;
+  padding: 6rem 1rem 0 1rem;
+  z-index: 999;
+  transform: translate(0, -6rem);
+
+  text-align: center;
+  text-decoration: none;
+  font-size: 0.925em;
+  font-weight: 500;
+  letter-spacing: 0.008em;
+  background: #252525;
+  color: #ebebeb;
+  border-bottom: 1px solid #353535;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+#blm-banner:hover {
+  background: #151515;
+  color: #fbfbfb;
+}
+</style>
+
+<a id="blm-banner" href="https://support.eji.org/give/153413/#!/donation/checkout" title="Support the Equal Justice Initiative." target="_blank" rel="noopener noreferrer nofollow">#BlackLivesMatter&nbsp;✊🏾</a>