grammer

blog/README.md

@@ -38,6 +38,6 @@ All commands are run from the root of the project, from a terminal:
 | `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
 | `npm run astro -- --help` | Get help using the Astro CLI                     |
 
-## 👀 Want to learn more?
+## Bilder für Webuseage convertieren
 
-Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
+`magick mogrify -format webp -quality 80 *.jpg`

blog/src/layouts/BlogPostLayout.astro

@@ -48,6 +48,10 @@ const titleImg = findImageByPath(frontmatter.image.path);
     line-height: 1.6;
   }
 
+  .markdown-content img {
+    width: 100%;
+  }
+
   #titleImg {
     width: 100%;
     height: 200px;

blog/src/lib/findImage.ts

@@ -1,4 +1,4 @@
-const images = import.meta.glob("/src/assets/**/*.{jpg,png}", { eager: true }) as Record<string, { default: string }>;
+const images = import.meta.glob("/public/**/*.{jpg,png,webp}", { eager: true }) as Record<string, { default: string }>;
 
 export function findImageByPath(path: string, { fallback }: { fallback?: string } = {}): any {
   if (!path) return fallback ?? null;

blog/src/pages/posts/200826_Ostseeurlaub.md

@@ -4,7 +4,7 @@ title: Ostseeurlaub
 subtitle: Finden wir ein Boot? Suchen wir überhaupt oder faulenzen wir nur?
 description: Ostseeurlaub bedeutet für mich ganz viele Kindheitserinnerungen. Besonders diese Woche war vollgepackt davon. Hier meine Reiseempfehlung...
 image:
-    path: ostsee.jpg
+    path: ostsee.webp
     alt: Chiara und Tim vor einem Strand
 author: Tim
 date: '2026-08-20'
@@ -21,7 +21,7 @@ Das Leben als Privatière genießen! Und das sieht so aus...
 ## Ostseecamp Rerik
 Unser erstes light-Abenteuer führt uns an die Ostsee. Mit meiner Mutter und kleinem Bruder verbringen wir eine Woche im Ostseecamp Seeblick bei Rerik.
 
-Freitag morgen, 5 Uhr, geht's los. Chiara war da bereits in Kiel und beging den letzten Tag ihres Praktikums in einer Werft. (Vielleicht teilt sie diese Erfahrung auch noch in einem Post). 
+Freitag morgen, 5 Uhr geht's los. Chiara war da bereits in Kiel und beging den letzten Tag ihres Praktikums in einer Werft. (Vielleicht teilt sie diese Erfahrung auch noch in einem Post). 
 
 Das Ostseecamp kannte ich schon aus den letzten drei Urlauben (vor 2017). Unser Platz hat perfekten zweite Reihe Blick von den Klippen auf das Meer. Der Name ist nicht nur Marketing. Immer eine leichte Briese frische Meeresluft, so lassen sich die Temperaturen gut aushalten. Ab uns zu sehen wir Segelschiffe und sogar ein paar Traditionssegler auf dem Weg zur HanseSail. Dass das Animationsprogramm an diesem Tag bis 23 Uhr geht will mir, im Schlafsack liegend, aber nicht einleuchten. Ab 10 ist Nachtruhe!<br>
 Einschlafen klappt dann aber doch irgendwie. Wenn man hier eins lernt, dann auch bei einer Geräuschkulisse zu schlafen.
@@ -33,11 +33,11 @@ Einschlafen klappt dann aber doch irgendwie. Wenn man hier eins lernt, dann auch
 ## Tschu Tschuuuu
 
 <div style="display: flex; flex-direction: row; gap: 2%;">
-    <img src="/src/assets/blog_img/ostseeurlaub/molly_1.jpg" 
+    <img src="/blog_img/ostseeurlaub/molly_1.webp" 
         alt="Chiara und Tim stehen vor der Dampflok Molly." 
         style="max-width: 49%; height: auto;" 
         loading="lazy" />
-    <img src="/src/assets/blog_img/ostseeurlaub/molly_2.jpg" 
+    <img src="/blog_img/ostseeurlaub/molly_2.webp" 
         alt="Chiara und Tim stehen neben der Dampflok Molly." 
         style="max-width: 49%; height: auto;" 
         loading="lazy" />
@@ -58,7 +58,7 @@ Hier kommen wir schon zu einem meiner Highlights der Woche: Chiara, die das erst
 ---
 
 ## Toms Erlebnis-Dorf
- <img src="/src/assets/blog_img/ostseeurlaub/karls.jpg" 
+ <img src="/blog_img/ostseeurlaub/karls.webp" 
         alt="Chiara und Tim stehen vor dem Eingangsschild zum Karls Erlebnisdorf in Rövershagen." 
         style="max-width: 100%; height: auto;" 
         loading="lazy" />
@@ -71,7 +71,7 @@ Hier muss ich immer an Tom denken, einen lieben Kollegen. Er hat in seiner Jugen
 Dieses erdbeerige Vergnügungsparadies bietet eine Menge Attraktionen für Familien. Vom Erdbeer-Schnaps über das Stockbrot bis zur saucoolen Murmelbahn.
 Mit dem Tagesticket können wir jegliche Attraktion fahren. Das machen wir auch! Alle Achterbahnen und Fahrgeschäfte nehmen wir mit. Auch das kleine Karoussel mit dem man einen riesen Lärm machen kann, Oink! Määähhh!, und die Treggerbahn kriegen uns begeistert. Hier wird Kapitalismus in besonders schöne Bänder gehüllt!
 
-<img src="/src/assets/blog_img/ostseeurlaub/karls_mais.jpg" 
+<img src="/blog_img/ostseeurlaub/karls_mais.webp" 
     alt="Chiara sizt in einem riesigen Maisbad." 
     style="max-width: 100%; height: auto;" 
     loading="lazy" />
@@ -80,11 +80,11 @@ Chiara wird im Mais verbuddelt.
 Besonders freue ich mich auf die Eiswelt. In einer großen Halle stellen Bildhauis ihre Kunst aus und zeigen sogar live wie es geht. Das Thema in diesem Jahr ist Märchen (Und irgendwie ist auch die AIDA dabei...).
 
 <div style="display: flex; flex-direction: row; gap: 2%;">
-    <img src="/src/assets/blog_img/ostseeurlaub/karls_eis_thron.jpg" 
+    <img src="/blog_img/ostseeurlaub/karls_eis_thron.webp" 
         alt="Chiara und Tim auf einem Thron aus Eis." 
         style="max-width: 49%; height: auto;" 
         loading="lazy" />
-    <img src="/src/assets/blog_img/ostseeurlaub/karls_eis_aida.jpg" 
+    <img src="/blog_img/ostseeurlaub/karls_eis_aida.webp" 
         alt="Chiara und Tim stehen auf einem kleinen AIDA Bug aus Eis und spielen diese eine Szene aus Titanic nach." 
         style="max-width: 49%; height: auto;" 
         loading="lazy" />
@@ -114,7 +114,7 @@ Aber nun ab zu den <a href="https://www.stoertebeker.de/de/" target="_blank">St
 Wem dieses Erlebnis bisher noch nicht zuteil wurde: Absolute Empfehlung! In den letzten 4 Jahren haben wir es immer geschafft und sind weiterhin große Fans. Dafür lohnt sich auch mal ein verpennter nächster Tag.
 Spoilern werde ich natürlich nicht. Nur soviel: **So'n großer Feuerball, Junge!**
 
-<img src="/src/assets/blog_img/ostseeurlaub/stoertebeker.jpg" 
+<img src="/blog_img/ostseeurlaub/stoertebeker.webp" 
     alt="Chiara sizt in einem riesigen Maisbad." 
     style="max-width: 100%; height: auto;" 
     loading="lazy" />