diff options
| author | Arslaan Pathan <[email protected]> | 2026-07-18 10:21:55 +1200 |
|---|---|---|
| committer | Arslaan Pathan <[email protected]> | 2026-07-18 10:21:55 +1200 |
| commit | 44406d91c823e3c049721baaad2dd6a4853a8ea5 (patch) | |
| tree | 7e08e5b78406bcae4a82a46ffb3785d3bad64347 /static/style.css | |
| parent | c38a7d82fd7d5d187bc12c74ba684110b0b10e78 (diff) | |
| download | arslaancodes-44406d91c823e3c049721baaad2dd6a4853a8ea5.tar.xz arslaancodes-44406d91c823e3c049721baaad2dd6a4853a8ea5.zip | |
Use nerd fonts and add the final touch to the blog page! :yayayayayay-ctp:
Diffstat (limited to 'static/style.css')
| -rw-r--r-- | static/style.css | 58 |
1 files changed, 53 insertions, 5 deletions
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; +} |