From 44406d91c823e3c049721baaad2dd6a4853a8ea5 Mon Sep 17 00:00:00 2001
From: Arslaan Pathan <arslaan@arslaancodes.com>
Date: Sat, 18 Jul 2026 10:21:55 +1200
Subject: Use nerd fonts and add the final touch to the blog page!
 :yayayayayay-ctp:

---
 static/style.css | 58 +++++++++++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 53 insertions(+), 5 deletions(-)

(limited to 'static/style.css')

diff --git a/static/style.css b/static/style.css
index e6d610a..26da776 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,11 +1,41 @@
+@font-face {
+	font-family: 'FantasqueSansMono Nerd Font';
+	src: url('/fonts/FantasqueSansMNerdFontMono-Regular.ttf') format('truetype');
+	font-weight: normal;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'FantasqueSansMono Nerd Font';
+	src: url('/fonts/FantasqueSansMNerdFontMono-Bold.ttf') format('truetype');
+	font-weight: bold;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'FantasqueSansMono Nerd Font';
+	src: url('/fonts/FantasqueSansMNerdFontMono-Italic.ttf') format('truetype');
+	font-weight: normal;
+	font-style: italic;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'FantasqueSansMono Nerd Font';
+	src: url('/fonts/FantasqueSansMNerdFontMono-BoldItalic.ttf') format('truetype');
+	font-weight: bold;
+	font-style: italic;
+	font-display: swap;
+}
+
 body {
 	background: #1e1e2f;
 	color: #cdd6f4;
-	font-family: 'TypoPRO Fantasque Sans Mono', 'Fantasque Sans Mono', 'Arial', 'Helvetica', sans-serif;
+	font-family: 'FantasqueSansMono Nerd Font', 'TypoPRO Fantasque Sans Mono', 'Fantasque Sans Mono', 'Arial', 'Helvetica', sans-serif;
 	font-style: normal;
-	font-size: 1.1rem;
-}
-
+	font-size: 1.1rem; }
 .container {
 	display: flex;
 	flex-direction: column;
@@ -118,7 +148,7 @@ nav a.active {
 }
 
 pre, code {
-	font-family: 'TypoPRO Fantasque Sans Mono', 'Fantasque Sans Mono', monospace;
+	font-family: 'FantasqueSansMono Nerd Font', 'TypoPRO Fantasque Sans Mono', 'Fantasque Sans Mono', monospace;
 	background: #181825; 
 	color: #cdd6f4;
 	padding: 0.1rem 0.3rem;
@@ -247,3 +277,21 @@ a {
 	text-align: left;
 	margin: 0;
 }
+
+.blog-list {
+	display: flex;
+	flex-direction: column;
+	gap: 0.8rem;
+	margin-top: 0.5rem;
+}
+
+.blog-date {
+	text-decoration: none;
+	font-size: 1.1rem;
+	opacity: 0.8;
+	transition: opacity 0.2s;
+}
+
+.blog-date:hover {
+	opacity: 1;
+}
-- 
cgit v1.2.3