adds fonts back

assets/css/fonts.css

@@ -0,0 +1,79 @@
+@font-face {
+  font-family: 'EB Garamond 12';
+  src: local('EB Garamond 12 Italic'), local('EBGaramond12-Italic'),
+    url('/fonts/EBGaramond12-Italic.woff2') format('woff2'),
+    url('/fonts/EBGaramond12-Italic.woff') format('woff');
+  font-weight: normal;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'EB Garamond 12';
+  src: local('EB Garamond 12 Regular'), local('EBGaramond12-Regular'),
+    url('/fonts/EBGaramond12-Regular.woff2') format('woff2'),
+    url('/fonts/EBGaramond12-Regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Iosevka';
+  src: local('Iosevka'),
+    url('/fonts/Iosevka.woff2') format('woff2'),
+    url('/fonts/Iosevka.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Iosevka';
+  src: local('Iosevka Bold'), local('Iosevka-Bold'),
+    url('/fonts/Iosevka-Bold.woff2') format('woff2'),
+    url('/fonts/Iosevka-Bold.woff') format('woff');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Iosevka';
+  src: local('Iosevka Bold Italic'), local('Iosevka-Bold-Italic'),
+    url('/fonts/Iosevka-Bold-Italic.woff2') format('woff2'),
+    url('/fonts/Iosevka-Bold-Italic.woff') format('woff');
+  font-weight: bold;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Iosevka';
+  src: local('Iosevka Light'), local('Iosevka-Light'),
+    url('/fonts/Iosevka-Light.woff2') format('woff2'),
+    url('/fonts/Iosevka-Light.woff') format('woff');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Iosevka';
+  src: local('Iosevka Light Italic'), local('Iosevka-Light-Italic'),
+    url('/fonts/Iosevka-Light-Italic.woff2') format('woff2'),
+    url('/fonts/Iosevka-Light-Italic.woff') format('woff');
+  font-weight: 300;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Iosevka';
+  src: local('Iosevka Oblique'), local('Iosevka-Oblique'),
+    url('/fonts/Iosevka-Oblique.woff2') format('woff2'),
+    url('/fonts/Iosevka-Oblique.woff') format('woff');
+  font-weight: normal;
+  font-style: italic;
+  font-display: swap;
+}

assets/css/styles.css

@@ -2,6 +2,7 @@
 @plugin "@tailwindcss/typography";
 
 /* Add safelist for all color variations */
+/* Wompum.js constructs class names dynamically and tailwind misses them */
 @source inline("{bg,text,border}-{blue,clay,cyan,gold,moss,pine,pink,red,rust,sand}-{100,500,900}");
 
 @theme {
@@ -44,5 +45,6 @@ body {
 }
 
 @import "components/wompum.css";
+@import "fonts.css";
 @import "main.css";
 @import "article.css";

config.toml

@@ -13,8 +13,6 @@ title = 'Protocol Oral History Project'
 [params]
   description = "The Protocol Oral History Project chronicles the development of internet protocols and standards through interviews with key contributors."
   openGraphImage = "/images/og-default.jpg"
-  twitterSite = ""
-  facebookAppID = ""
   footer = """
 A project of the [Media Economies Design Lab](https://www.colorado.edu/lab/medlab/)  
 Available under the [Creative Commons Attribution License (CC BY 4.0)](https://creativecommons.org/licenses/by/4.0/)  

layouts/partials/css-variables.html

@@ -1,9 +0,0 @@
-<style>
-    :root {
-        {{ range $colorName, $shades := site.Data.colors }}
-            {{ range $shade, $value := $shades }}
-                --{{ $colorName }}-{{ $shade }}: {{ $value }};
-            {{ end }}
-        {{ end }}
-    }
-</style>