From 44406d91c823e3c049721baaad2dd6a4853a8ea5 Mon Sep 17 00:00:00 2001 From: Arslaan Pathan 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/fonts/FantasqueSansMNerdFontMono-Bold.ttf | Bin 0 -> 2505068 bytes .../FantasqueSansMNerdFontMono-BoldItalic.ttf | Bin 0 -> 2520116 bytes static/fonts/FantasqueSansMNerdFontMono-Italic.ttf | Bin 0 -> 2514428 bytes .../fonts/FantasqueSansMNerdFontMono-Regular.ttf | Bin 0 -> 2508888 bytes static/style.css | 58 +++++++++++++++++++-- 5 files changed, 53 insertions(+), 5 deletions(-) create mode 100644 static/fonts/FantasqueSansMNerdFontMono-Bold.ttf create mode 100644 static/fonts/FantasqueSansMNerdFontMono-BoldItalic.ttf create mode 100644 static/fonts/FantasqueSansMNerdFontMono-Italic.ttf create mode 100644 static/fonts/FantasqueSansMNerdFontMono-Regular.ttf (limited to 'static') diff --git a/static/fonts/FantasqueSansMNerdFontMono-Bold.ttf b/static/fonts/FantasqueSansMNerdFontMono-Bold.ttf new file mode 100644 index 0000000..65607bb Binary files /dev/null and b/static/fonts/FantasqueSansMNerdFontMono-Bold.ttf differ diff --git a/static/fonts/FantasqueSansMNerdFontMono-BoldItalic.ttf b/static/fonts/FantasqueSansMNerdFontMono-BoldItalic.ttf new file mode 100644 index 0000000..e16b2e0 Binary files /dev/null and b/static/fonts/FantasqueSansMNerdFontMono-BoldItalic.ttf differ diff --git a/static/fonts/FantasqueSansMNerdFontMono-Italic.ttf b/static/fonts/FantasqueSansMNerdFontMono-Italic.ttf new file mode 100644 index 0000000..94bf599 Binary files /dev/null and b/static/fonts/FantasqueSansMNerdFontMono-Italic.ttf differ diff --git a/static/fonts/FantasqueSansMNerdFontMono-Regular.ttf b/static/fonts/FantasqueSansMNerdFontMono-Regular.ttf new file mode 100644 index 0000000..ba35fed Binary files /dev/null and b/static/fonts/FantasqueSansMNerdFontMono-Regular.ttf differ 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