From 47a0acab13e2c7f55d4a600256c29ecca54fa3f3 Mon Sep 17 00:00:00 2001
From: Valentin Popov <valentin@popov.link>
Date: Tue, 10 Jun 2025 18:36:35 +0000
Subject: style: enhance Header component and update SCSS imports

- Improved the Header component by adding a site title with styling.
- Wrapped navigation links in a div for better structure.
- Updated SCSS imports across multiple components for consistency.
---
 src/components/Header.astro | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

(limited to 'src/components/Header.astro')

diff --git a/src/components/Header.astro b/src/components/Header.astro
index c2edf19..52c0ca8 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,14 +1,27 @@
 <style lang="scss">
-        @use "../scss/variables" as *;
+	@use "../scss/variables" as *;
 
 	header {
 		padding-bottom: 1rem;
+		position: relative;
+	}
+
+	.site-title {
+		color: $colorText;
+		font-weight: bold;
+		left: 0;
+		position: absolute;
+		text-decoration: none;
+		top: 0;
+	}
+
+	.nav-links {
 		text-align: right;
 	}
 
 	a {
-		text-decoration: none;
 		margin-right: 1.5rem;
+		text-decoration: none;
 
 		&:last-child {
 			margin-right: 0;
@@ -17,6 +30,9 @@
 </style>
 
 <header>
-	<a href="/">Home</a>
-	<a href="/blog/">Blog</a>
+	<a class="site-title" href="/">{import.meta.env.DEFAULT_TITLE}</a>
+	<div class="nav-links">
+		<a href="/">Home</a>
+		<a href="/blog/">Blog</a>
+	</div>
 </header>
-- 
cgit v1.2.3