From 39a447db6f453d47fcd98aa59a336db51d8bf0c8 Mon Sep 17 00:00:00 2001
From: madrilene <hola@lenesaile.com>
Date: Mon, 12 Dec 2022 15:39:11 +0100
Subject: [PATCH] adding page based preload option, making preload of
 monospaced font in posts default to avoid CLS

---
 src/_layouts/base.njk | 10 ++++++++++
 src/_layouts/post.njk |  5 +++++
 2 files changed, 15 insertions(+)

diff --git a/src/_layouts/base.njk b/src/_layouts/base.njk
index a0375c9..2f2c84f 100644
--- a/src/_layouts/base.njk
+++ b/src/_layouts/base.njk
@@ -40,6 +40,16 @@
       crossorigin
     />
 
+    <!-- preloads in page data -->
+    {% if preloads -%}
+    <!-- prettier-ignore -->
+    <link rel="preload"
+            href="{{ preloads.href }}"
+            as="{{ preloads.as }}"
+            {% if preloads.type %}type={{ preloads.type }}{% endif %}{% if preloads.imagesrcset %}imagesrcset="{{ preloads.imagesrcset }}" {% endif %}
+            {% if preloads.crossorigin %}crossorigin{% endif %} />
+    {% endif %}
+
     <!-- defered js  -->
     <script type="module" src="/assets/app.js" defer></script>
 
diff --git a/src/_layouts/post.njk b/src/_layouts/post.njk
index 7da9b10..0028aeb 100644
--- a/src/_layouts/post.njk
+++ b/src/_layouts/post.njk
@@ -1,5 +1,10 @@
 ---
 layout: base
+preloads:
+  href: '/assets/fonts/robotomono/robotomono-variablefont_wght-webfont.woff2'
+  as: 'font'
+  type: 'font/woff2'
+  crossorigin: true
 ---
 
 <article class="region blog">