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/content/photos/peaks-of-the-balkans/index.en.mdx

@@ -0,0 +1,7 @@
+---
+title: "Peaks of the Balkans"
+date: 2024-06-19
+cover: ./images/MAX_9861.jpg
+license: "CC-BY-SA:4.0"
+comments: true
+---

src/content/photos/peaks-of-the-balkans/index.mdx

@@ -0,0 +1,152 @@
+---
+title: "Peaks of the Balkans"
+date: 2024-06-19
+cover: ./images/MAX_9861.jpg
+license: "CC-BY-SA:4.0"
+comments: true
+---
+
+import Image from "@components/Image.astro";
+import Picture from "@components/Picture.astro";
+import ImageGallery from "@components/ImageGallery.svelte"
+
+import MAX9689 from "./images/MAX_9689.jpg";
+import MAX9708 from "./images/MAX_9708.jpg";
+import MAX9727 from "./images/MAX_9727.jpg";
+import MAX9747 from "./images/MAX_9747.jpg";
+import MAX9749 from "./images/MAX_9749.jpg";
+import MAX9775 from "./images/MAX_9775.jpg";
+import MAX9839 from "./images/MAX_9839-Panorama.jpg";
+import MAX9849 from "./images/MAX_9849.jpg";
+import MAX9851 from "./images/MAX_9851.jpg";
+import MAX9857 from "./images/MAX_9857.jpg";
+import MAX9861 from "./images/MAX_9861.jpg";
+import MAX9865 from "./images/MAX_9865.jpg";
+import MAX9873 from "./images/MAX_9873.jpg";
+import MAX9882 from "./images/MAX_9882.jpg";
+import MAX9892 from "./images/MAX_9892-Verbessert-NR.jpg";
+
+import PXL_20240527_063005374 from "./images/PXL_20240527_063005374.jpg"
+import PXL_20240526_180330542 from "./images/PXL_20240526_180330542.jpg"
+import PXL_20240601_123821026 from "./images/PXL_20240601_123821026.PORTRAIT.jpg"
+import PXL_20240521_081658742 from "./images/PXL_20240521_081658742.jpg";
+import PXL_20240522_153908533 from "./images/PXL_20240522_153908533.mp4";
+import PXL_20240529_060714783 from "./images/PXL_20240529_060714783.jpg";
+import PXL_20240530_114819240 from "./images/PXL_20240530_114819240.jpg";
+import PXL_20240531_115332318 from "./images/PXL_20240531_115332318.jpg";
+import PXL_20240601_105417352 from "./images/PXL_20240601_105417352.jpg";
+import PXL_20240603_092020564 from "./images/PXL_20240603_092020564.mp4";
+
+<ImageGallery client:load/>
+
+Dies sind die Bilder die bei einer kurzen Reise durch den Balkan und meiner Wanderung über den "Peaks of the Balkan" Trail entstanden sind.
+
+Eigentlich wollte ich nur den Trail wandern, aber ich habe mich dann doch entschieden noch ein paar Tage länger zu bleiben und ein paar Städte zu besuchen. Die Reise war sehr schön und ich habe viele interessante Menschen getroffen.
+
+Angefangen hat die Reise das mich Freunde bis nach Villach in Österreich gebracht haben, von dort aus bin ich mit dem Zug nach Zagreb gefahren wo ich drei Tage im günstigsten Hostel der Stadt verbracht habe.
+
+<Picture src={PXL_20240521_081658742} alt="" caption="Regnerisches Hotel in Villach"/>
+
+Die folgenden Bilder sind in der verlassenen Universitätsklinik in Zagreb entstanden. Die Klinik wurde 1991 während des Kroatienkrieges geschlossen und ist seitdem verlassen.
+
+<Image src={MAX9689} alt=""/>
+<Image src={MAX9708} alt=""/>
+<Image src={MAX9727} alt=""/>
+<Image src={MAX9747} alt=""/>
+<Image src={MAX9749} alt=""/>
+<video controls="" autoplay="" src={PXL_20240522_153908533}/>
+
+<Picture src={MAX9775} alt="" caption="Dieses Bild ist in einem verlassenen Sanatorium in den Bergen um Zagreb entstanden"/>
+
+Danach ging es mit dem Flugzeug nach Podgorica. Eigentlich wollte ich direkt von Podgorica nach Shkodër fahren, da aber der Flug 2,5 Stunden Verspätung hatte, habe ich den letzten Bus verpasst und musste eine Nacht in Podgorica verbringen.
+
+<Picture src={MAX9839} alt="" caption="Verlassenes Haus in Shkoder"/>
+
+Shkoder war ganz anders als die Städte die ich vorher besucht habe. Man merkt langsam das man sich von Zentraleuropa entfernt. Ich bin im Wanderers Hostel untergekommen, abends gab es in dem Hostel Cocktail Happy Hour und kostenlosen Rakia und dazu noch viele interessante Menschen.
+
+## Tag 1 Theth - Valbona
+
+Am nächsten Morgen brachte mich der erste Bus um 7:30 dann endlich nach Theth und so mit zum Anfang des Peaks of the Balkans Trails. Nach den paar Tagen in großen Städten war es sehr schön in der Natur zu sein.
+
+<Picture src={MAX9851} alt="" caption="Auf dem Pass zwischen Theth und Valbona"/>
+
+Der erste Aufstieg war echt steil, circa 1200 Höhenmeter in etwa 3 Stunden. Dieser Teil des Trails war mit Abstand der touristischste aber so kam es auch zu vielen netten Gesprächen.
+
+<Picture src={MAX9849} alt="" caption="Der Ausblick ins Valbona Tal"/>
+
+<Picture src={PXL_20240526_180330542} alt="" caption="Mein erster Schlafplatz im Tarp"/>
+
+Am Abend habe ich mich dazu entschieden im Tarp zu schlafen, weil das Wetter recht gut aussah. Nach etwa einer halben Stunde hatte ich ein schönes Plätzchen in einem Feld aus Bohnenkraut gefunden.
+
+## Tag 2 Valbone - Cerem
+
+<Picture src={PXL_20240527_063005374} alt="" caption="Am nächsten Morgen gab es Porridge mit gesammelten Walderdbeeren"/>
+
+Zum nächsten Ort (Cerem) gab es zwei Routen, einer durchs Tal entlang der Straße und einer über die Berge. Ich habe mich für die Route über die Berge entschieden.
+
+<Image src={MAX9857} alt=""/>
+
+Auf dem Weg über die Berge habe ich Sam und Juliette aus Quebec getroffen. Zusammen haben wir dann versucht über einen Bergsattel nach Cerem zu kommen. Leider haben wir uns vertan und es gab keinen Weg vom Bergsattel nach Cerem.
+
+import PXL_20240527_121312366_small from "./images/PXL_20240527_121312366_small.mp4"
+
+<video src={PXL_20240527_121312366_small} controls="" muted />
+
+<Picture src={MAX9865} alt="" caption="Ich auf dem Prevoj Kolata Bergsattel"/>
+<Picture src={MAX9861} alt="" caption="Der Dobra Kolata Gipfel auf 2550m"/>
+
+In Cerem habe ich mir ein Zimmer in einem Guesthouse genommen. 
+
+## Tag 3 Cerem - Cerem
+
+Leider habe ich am nächsten Morgen den Fehler gemacht meinen Trinkbeutel am Wasserhahn zu füllen. Ich schaffte es noch circa eine Stunde lang zu wandern, danach wurde mir erst übel und ich musste mich übergeben und hatte Durchfall.
+
+Ich schaffte es gerade noch so mein Tarp aufzubauen und mich hinzulegen. Erst dachte ich es läge an dem Käse den ich am Morgen gegessen hatte. Zum Glück kochte ich mir aus dem restlichen Wasser einen Tee.
+
+<Picture src={PXL_20240529_060714783} alt="" caption="Gar kein schlechter Ort für eine kleine Lebensmittelvergiftung"/> 
+
+## Tag 4 Cerem - Millishevc
+
+Am nächsten Morgen ging es mir schon wieder viel besser und so entschied ich mich dazu direkt zwei Tagesetappen zu laufen und so nach Millishevc zu kommen.
+
+<Picture src={MAX9873} alt="" caption="Der Ausblick ins Doberdol Tal"/>
+
+In Millishevc habe ich mein Tarp im Garten eines Guesthouses aufgeschlagen. Am nächsten Morgen ging es dann weiter nach Babino Polje.
+
+## Tag 5 Millishevc - Babino Polje
+
+<Picture src={PXL_20240530_114819240} alt="" caption="Auf dem Guri i Kuq Gipfel"/>
+
+
+Weil es auf dem Weg nach Babino Polje geregnet hatte und meine Schuhe nass waren habe ich mich dazu entschieden in einem Guesthouse zu übernachten.
+
+## Tag 6 Babino Polje - Plav
+
+import PXL_20240531_132410431 from "./images/PXL_20240531_132410431.jpg"
+
+<Image src={MAX9882} alt=""/>
+
+<Picture src={PXL_20240531_115332318} alt="" caption="Schöner Baum"/>
+
+<Picture src={PXL_20240531_132410431} alt="" caption="Das erste mal wieder Zivilisation (Plav)"/>
+
+## Tag 7 Plav - Vusanje
+
+Auf dem Weg nach Vusanje habe ich Sam und Juliette wieder getroffen und mit ihnen kamen 3 wilde Hunde. Die Hunde waren sehr nett und haben uns den ganzen Weg begleitet.
+
+<Image src={PXL_20240601_105417352} alt=""/>
+<Image src={PXL_20240601_123821026} alt=""/>
+<Image src={MAX9892} alt=""/>
+
+## Tag 8 Vusanje - Valley of Lakes
+
+import PXL_20240601_153636710 from "./images/PXL_20240602_153636710.jpg"
+import PXL_20240602_142615670 from "./images/PXL_20240602_142615670.mp4"
+
+<Picture src={PXL_20240601_153636710} alt="" caption="Der zweithöchste Berg Albaniens, Maja e Jezercës 2694m" />
+
+<video src={PXL_20240602_142615670} controls muted />
+
+## Tag 9 Valley of Lakes - Theth
+
+<video controls muted src={PXL_20240603_092020564} />

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>