From 16fa8a3b5de7dd7c4fa763fecbba0063f6b4369b Mon Sep 17 00:00:00 2001
From: Valentin Popov <valentin@popov.link>
Date: Wed, 11 Jun 2025 17:49:14 +0000
Subject: feat: enhance accessibility and language support across components

- Updated various components to include `lang` attributes for improved accessibility and SEO.
- Introduced a new `env.d.ts` file to define environment variables for better type safety.
- Adjusted the print width in `.prettierrc.mjs` for improved code formatting.
- Streamlined the `Header`, `PostElement`, and `SocialLinks` components for better structure and clarity.
- Added language support to blog posts and updated the layout to reflect these changes.
---
 src/pages/blog/index.astro | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

(limited to 'src/pages/blog/index.astro')

diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index b240cfa..f800268 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -4,8 +4,9 @@ import { getCollection } from "astro:content";
 import Layout from "../../layouts/BaseLayout.astro";
 import PostElement from "../../components/PostElement.astro";
 
-const title = "Blog | Valentin Popov";
-const description = "A collection of articles on software development, tech leadership and open-source experiments.";
+const title = "Valentin Popov's Blog | Software Development, Leadership & Open-Source";
+const description = "Explore Valentin Popov's blog on software development, tech leadership, and open-source experiments. Stay updated with in-depth tutorials and expert insights.";
+const lang = "en";
 
 const posts = await getCollection("blog", ({ data }) => {
 	return data.draft !== true;
@@ -25,12 +26,16 @@ const postsByYear = posts.reduce<Record<string, CollectionEntry<"blog">[]>>((acc
 const years = Object.keys(postsByYear).sort((a, b) => Number(b) - Number(a));
 ---
 
-<Layout title={title} description={description}>
+<Layout title={title} description={description} lang={lang}>
+	<section>
+		<h1>Blog posts</h1>
+	</section>
+
 	<section style={{ "margin-top": "3rem" }}>
 		{
 			years.map((year) => (
 				<div>
-					<div style={{ "margin-bottom": "1rem" }}>{year}</div>
+					<h2>{year}</h2>
 					<ul>
 						{postsByYear[year].map((post) => (
 							<PostElement post={post} />
-- 
cgit v1.2.3