codeGROOVE-dev
diff --git a/‎src/_layouts/base.njk‎
Lines changed: 3 additions & 2 deletions b/‎src/_layouts/base.njk‎
Lines changed: 3 additions & 2 deletions
diff --git a/‎src/assets/css/style.css‎
Lines changed: 27 additions & 1 deletion b/‎src/assets/css/style.css‎
Lines changed: 27 additions & 1 deletion
diff --git a/‎src/assets/fonts/PassionOne-Black.ttf‎
21.9 KB b/‎src/assets/fonts/PassionOne-Black.ttf‎
21.9 KB
diff --git a/‎src/assets/fonts/PassionOne-Black.woff2‎
8.84 KB b/‎src/assets/fonts/PassionOne-Black.woff2‎
8.84 KB
diff --git a/‎src/assets/fonts/PassionOne-Bold.ttf‎
22.3 KB b/‎src/assets/fonts/PassionOne-Bold.ttf‎
22.3 KB
diff --git a/‎src/assets/fonts/PassionOne-Bold.woff2‎
9.03 KB b/‎src/assets/fonts/PassionOne-Bold.woff2‎
9.03 KB
diff --git a/‎src/assets/fonts/PassionOne-Regular.ttf‎
22.5 KB b/‎src/assets/fonts/PassionOne-Regular.ttf‎
22.5 KB
diff --git a/‎src/assets/fonts/PassionOne-Regular.woff2‎
9.17 KB b/‎src/assets/fonts/PassionOne-Regular.woff2‎
9.17 KB
@@ -15,9 +15,10 @@
   <!-- Favicon -->
   <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='0.9em' font-size='90'>🎸</text></svg>">
 
+  <!-- Preload fonts for better performance -->
+  <link rel="preload" href="/assets/fonts/PassionOne-Bold.woff2" as="font" type="font/woff2" crossorigin>
+
   <link rel="stylesheet" href="/assets/css/style.css">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 </head>
 <body>
   <a href="#main-content" class="skip-link">Skip to main content</a>
 
@@ -1,4 +1,30 @@
-@import url("https://fonts.googleapis.com/css2?family=Passion+One:wght@700&display=swap");
+/* Passion One Font - Self-hosted */
+@font-face {
+    font-family: "Passion One";
+    src: url("/assets/fonts/PassionOne-Regular.woff2") format("woff2"),
+         url("/assets/fonts/PassionOne-Regular.ttf") format("truetype");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Passion One";
+    src: url("/assets/fonts/PassionOne-Bold.woff2") format("woff2"),
+         url("/assets/fonts/PassionOne-Bold.ttf") format("truetype");
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Passion One";
+    src: url("/assets/fonts/PassionOne-Black.woff2") format("woff2"),
+         url("/assets/fonts/PassionOne-Black.ttf") format("truetype");
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
 
 :root {
     --yellow: #ffe838;