From c5629eb70236cf7548011332f9a2de7d490464d7 Mon Sep 17 00:00:00 2001
From: Anirudh Oppiliappan <anirudh@tangled.sh>
Date: Thu, 18 Sep 2025 11:23:59 +0300
Subject: [PATCH] keep fonts consistent with main site

Signed-off-by: Anirudh Oppiliappan <anirudh@tangled.sh>
---
 input.css                      | 43 +++++++++++++++++++++++++++++-----
 templates/partials/footer.html |  4 ++--
 2 files changed, 39 insertions(+), 8 deletions(-)

diff --git a/input.css b/input.css
index 4edc7cb..fcc6191 100644
--- a/input.css
+++ b/input.css
@@ -13,16 +13,24 @@
     @font-face {
         font-family: "InterVariable";
         src: url("/static/fonts/InterVariable-Italic.woff2") format("woff2");
-        font-weight: 400;
+        font-weight: normal;
         font-style: italic;
         font-display: swap;
     }
 
     @font-face {
         font-family: "InterVariable";
-        src: url("/static/fonts/InterDisplay-SemiBold.woff2") format("woff2");
-        font-weight: 600;
-        font-style: bold;
+        src: url("/static/fonts/InterDisplay-Bold.woff2") format("woff2");
+        font-weight: bold;
+        font-style: normal;
+        font-display: swap;
+    }
+
+    @font-face {
+        font-family: "InterVariable";
+        src: url("/static/fonts/InterDisplay-BoldItalic.woff2") format("woff2");
+        font-weight: bold;
+        font-style: italic;
         font-display: swap;
     }
 
@@ -34,6 +42,30 @@
         font-display: swap;
     }
 
+    @font-face {
+        font-family: "IBMPlexMono";
+        src: url("/static/fonts/IBMPlexMono-Italic.woff2") format("woff2");
+        font-weight: normal;
+        font-style: italic;
+        font-display: swap;
+    }
+
+    @font-face {
+        font-family: "IBMPlexMono";
+        src: url("/static/fonts/IBMPlexMono-Bold.woff2") format("woff2");
+        font-weight: bold;
+        font-style: normal;
+        font-display: swap;
+    }
+
+    @font-face {
+        font-family: "IBMPlexMono";
+        src: url("/static/fonts/IBMPlexMono-BoldItalic.woff2") format("woff2");
+        font-weight: bold;
+        font-style: italic;
+        font-display: swap;
+    }
+
     h1 {
         @apply text-2xl;
         @apply text-black;
@@ -41,8 +73,7 @@
     }
 
     ::selection {
-        @apply bg-yellow-400;
-        @apply bg-opacity-30;
+        @apply bg-yellow-400 text-black bg-opacity-30 dark:bg-yellow-600 dark:bg-opacity-50 dark:text-white;
     }
 
     @layer base {
diff --git a/templates/partials/footer.html b/templates/partials/footer.html
index c7c3cfa..97225ea 100644
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -1,8 +1,8 @@
-<div class="w-full p-4 md:p-8 bg-white dark:bg-gray-800 rounded-t drop-shadow-sm mt-8">
+<div class="w-full p-4 md:p-8 bg-white dark:bg-gray-800 rounded-t drop-shadow-sm mt-16">
   <div class="container mx-auto max-w-7xl px-4">
     <div class="flex flex-col lg:flex-row justify-between items-start text-gray-600 dark:text-gray-400 text-sm gap-8">
       <div class="mb-4 md:mb-0">
-        <a href="/" class="flex gap-2 font-semibold italic no-underline hover:no-underline">
+        <a href="https://tangled.sh" class="flex gap-2 font-semibold italic no-underline hover:no-underline">
           {{ template "fragments/logotypeSmall" }}
         </a>
       </div>
-- 
2.51.2