site

commit 6c536fc7aec13f2491997b220d01de7cc523d43c
parent d2c2651df18844180924c7ba537404da883dc870
Author: Shivakumar <[email protected]>
Date:   Wed, 14 Oct 2026 19:19:36 +0530

update style.css

- use new font (Jetbrains Monospace and Iosevka Slab).
- add missing underline.
- change dotted lines to solid 1px lines.

Signed-off-by: Shivakumar <[email protected]>

Diffstat:
M
org/style.css
 | 
59
++++++++++++++++++++++++++++++++++++++++++-----------------

1 file changed, 42 insertions(+), 17 deletions(-)
diff --git a/org/style.css b/org/style.css
@@ -1,5 +1,29 @@
 /* -*- tab-width: 8; indent-tabs-mode: nil; -*- */
 
+@font-face {
+        font-family: "JetBrains Mono";
+        src: url("/fonts/jetbrains-mono.woff2") format("woff2");
+        font-style: normal;
+        font-weight: 100 800;
+        font-display: swap;
+}
+
+@font-face {
+        font-family: "Iosevka Slab";
+        src: url("/fonts/iosevka-slab-regular.woff2") format("woff2");
+        font-weight: 400;
+        font-style: normal;
+        font-display: swap;
+}
+
+@font-face {
+        font-family: "Iosevka Slab";
+        src: url("/fonts/iosevka-slab-bold.woff2") format("woff2");
+        font-weight: 700;
+        font-style: normal;
+        font-display: swap;
+}
+
 :root {
 	--bg:		#10100E;
 	--fg:		#FFFFE6;
@@ -23,8 +47,8 @@ body {
         flex-direction: column;
         min-height: 100vh;
         
-        font-family: monospace, "Iosevka";
-	font-size: 120%;
+        font-family: "Jetbrains Mono", monospace;
+	font-size: 135%;
 	max-width: 900px;
 	margin: 0 auto;
 	padding: 0 1em;
@@ -34,7 +58,7 @@ body {
 }
 
 .site-title {
-        font-family: "Iosevka";
+        font-family: "Iosevka Slab";
         font-size: clamp(1.25em, 5vw, 2em);
 	color: var(--fg);
 	border-bottom: 2px solid var(--fg);
@@ -65,15 +89,15 @@ body {
 	display: flex;
 	align-items: center;
 
-        font-family: monospace;
-        font-size: 140%;
+        font-family: "Iosevka Slab";
+        font-size: 110%;
         margin-top: 0.5rem;
         padding-bottom: 1rem;
 }
 
 @media (max-width: 600px) {
 	#site-nav {
-		font-size: 110%;
+		font-size: 90%;
 		flex-wrap: wrap;
 		gap: 0.25em 0.75em;
 	}
@@ -99,8 +123,6 @@ body {
 /* HOME blog index */
 .blog-compact li { font-size: 1.2em; display: flex; gap: 1ch; margin-bottom: 0; }
 .blog-compact .post-date { order: -1; font-size: 1em; }
-.blog-compact .post-date::before { content: "[ "; }
-.blog-compact .post-date::after  { content: " ]"; }
 
 /* BLOG index */
 .blog-full li { margin-bottom: 1.2em; }
@@ -184,7 +206,7 @@ body:has(.theme-toggle:checked) {
 }
 
 .title {
-        font-family: monospace;
+        font-family: "Iosevka Slab";
 	font-size: 2.8em;
 	margin-top: 0;
         color: var(--fg);
@@ -201,15 +223,13 @@ body:has(.theme-toggle:checked) {
 .content h4,
 .content h5,
 .content h6 {
-	border-bottom: dotted var(--fg);
+        font-family: "Iosevka Slab";
+	border-bottom: 1px solid var(--fg);
 	padding-bottom: 0.4ex;
 }
 
-/* "# posted on …": dimmed like a code comment. Derived from --fg,
-   so it flips with the theme toggle by itself. */
 .post-date {
-	font-family: "Iosevka", monospace;
-	/* font-style: italic; */
+	font-family: "Iosevka Slab";
 	font-size: 0.90em;
 	color: var(--fg);
 	opacity: 0.75;
@@ -257,7 +277,7 @@ td {
 }
 
 pre {
-	font-family: "Iosevka";
+	font-family: "Iosevka Slab";
 	overflow: auto;
 	scrollbar-color: var(--line) var(--bg);
 	scrollbar-width: thin;
@@ -266,7 +286,12 @@ pre {
 	padding: 1em;
 }
 
-.todo { font-family: "Iosevka"; color: var(--bright-red); }
-.done { font-family: "Iosevka"; color: var(--link); }
+pre,
+code { font-family: "Iosevka Slab"; }
+
+.todo { font-family: "Iosevka Slab"; color: var(--bright-red); }
+.done { font-family: "Iosevka Slab"; color: var(--link); }
+
+.underline { text-decoration: underline; }
 
 footer { margin-top: auto; }