feat: add peaks of the balkan page

package.json

@@ -10,32 +10,32 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/check": "^0.5.10",
-    "@astrojs/mdx": "^2.2.4",
-    "@astrojs/svelte": "^5.3.0",
+    "@astrojs/check": "^0.7.0",
+    "@astrojs/mdx": "^3.1.1",
+    "@astrojs/svelte": "^5.6.0",
     "@astrojs/tailwind": "^5.1.0",
-    "astro": "^4.5.16",
+    "astro": "^4.11.0",
     "astro-i18n-aut": "^0.7.0",
-    "svelte": "^4.2.12",
-    "svelte-gestures": "^4.0.0",
-    "tailwindcss": "^3.4.3",
+    "svelte": "^4.2.18",
+    "svelte-gestures": "^5.0.1",
+    "tailwindcss": "^3.4.4",
     "thumbhash": "^0.1.1",
-    "typescript": "^5.4.4"
+    "typescript": "^5.5.2"
   },
   "devDependencies": {
-    "@astrojs/sitemap": "^3.1.2",
-    "@iconify-json/tabler": "^1.1.109",
-    "@types/markdown-it": "^14.0.0",
-    "@unocss/preset-icons": "^0.59.0",
-    "@unocss/reset": "^0.59.0",
-    "astro-font": "^0.0.80",
+    "@astrojs/sitemap": "^3.1.6",
+    "@iconify-json/tabler": "^1.1.114",
+    "@types/markdown-it": "^14.1.1",
+    "@unocss/preset-icons": "^0.61.0",
+    "@unocss/reset": "^0.61.0",
+    "astro-font": "^0.0.81",
     "markdown-it": "^14.1.0",
-    "ogl": "^1.0.6",
-    "prettier": "^3.2.5",
-    "prettier-plugin-astro": "^0.13.0",
-    "sharp": "^0.33.3",
-    "unocss": "^0.59.0",
-    "unplugin-icons": "^0.18.5",
+    "ogl": "^1.0.7",
+    "prettier": "^3.3.2",
+    "prettier-plugin-astro": "^0.14.0",
+    "sharp": "^0.33.4",
+    "unocss": "^0.61.0",
+    "unplugin-icons": "^0.19.0",
     "vite-plugin-glsl": "^1.3.0"
   }
 }

src/components/Picture.astro

@@ -0,0 +1,11 @@
+---
+import Image from "./Image.astro";
+const {src, alt, caption} = Astro.props;
+---
+
+<figure style="display: inline-block; text-align: center; margin-block: 1em;">
+  <Image src={src} alt={alt} style="max-width: 100%; height: auto;" />
+  <figcaption style="font-size: 0.9rem; text-align: center; color: #666; margin-top: 0.5rem;">
+    {caption}
+  </figcaption>
+</figure>

src/pages/blog/index.astro

@@ -16,7 +16,7 @@ const featuredPosts = posts.slice(0, 3);
 const otherPosts = posts.slice(3);
 ---
 
-<Layout title="Dude">
+<Layout title="Max Richter | Posts">
   {featuredPosts.map((post) => <HeroCard post={post} />)}
 
   <div class="grid grid-cols-2 gap-4 mt-4">

src/pages/photos/index.astro

@@ -10,6 +10,6 @@ const pages = await getCollection("photos");
 const posts = filterCollection(pages, locale);
 ---
 
-<Layout title="Dude">
+<Layout title="Max Richter | Photos">
   {posts.map((post) => <HeroCard post={post} />)}
 </Layout>

src/pages/projects/index.astro

@@ -12,6 +12,6 @@ const posts = filterCollection(pages, locale)
   .sort((a) => (a.data.featured ? -1 : 1));
 ---
 
-<Layout title="Dude">
+<Layout title="Max Richter">
   {posts.map((post) => <HeroCard post={post} />)}
 </Layout>