feat: some stuff

src/content/blog/alpine-valley/index.en.mdx

@@ -4,7 +4,19 @@ date: 2016-12-22
 cover: ./images/Render.png
 comments: true
 ---
+
+This piece was inspired by a picture I took in 2013 on the way to Italy
+
+<ImageGallery client:load/>
+
+<Image
+  loading="eager"
+  src={ValleyView}
+  alt="ValleyView"
+  />
+
 import Image from "@components/Image.astro";
+import ImageGallery from "@components/ImageGallery.svelte";
 import ValleyView from "./images/Render.png";
 import DSC_1601 from "./images/DSC_1601.jpg";
 import Unbenannt1 from "./images/Unbenannt-1.jpg";
@@ -12,13 +24,6 @@ import Render4 from "./images/Render4.png";
 import UntitledPng from "./images/untitled1-1.png"
 import Render6 from "./images/Render6.png";
 
-<Image
-  src={ValleyView}
-  alt="ValleyView"
-  />
-
-This piece was inspired by a picture I took in 2013 on the way to Italy
-
 <Image
   src={DSC_1601}
   alt="DSC_1601"

src/content/blog/random-renders-02/index.en.mdx

@@ -8,6 +8,7 @@ comments: true
 
 Last month I felt like creating some renderings again. I also found a few old renderings that haven't ended up on my blog yet.
 
+import ImageGallery from "@components/ImageGallery.svelte"
 import Image from "@components/Image.astro"
 import Palma from "./images/palma.png"
 import Render05 from "./images/render_05.png"
@@ -17,6 +18,7 @@ import Cabin_new from "./images/Cabin_new.png";
 import Home from "./images/Home.png";
 import Workroom from "./images/Workroom.png";
 
+<ImageGallery client:load/>
 
 ## Palma
 <Image src={Palma} alt="Duude" />

src/content/blog/random-renders-02/index.mdx

@@ -9,6 +9,7 @@ comments: true
 Im letzten Monat hatte ich wieder Lust, einige Renderings zu erstellen. Außerdem habe ich noch ein paar alte Renderings gefunden die noch nicht auf meinem Blog gelandet sind.
 
 import ImageGallery from "@components/ImageGallery.svelte"
+
 import Image from "@components/Image.astro"
 import Palma from "./images/palma.png"
 import Render05 from "./images/render_05.png"

src/content/blog/random-renders-no1/index.en.mdx

@@ -5,13 +5,16 @@ cover: ./images/myown.png
 comments: true
 ---
 
+A small collection of new and older renders:
+
 import Image from "@components/Image.astro"
 import SoupKitchen from "./images/render_11.png"
 import Guadelajara from "./images/Render_03.png"
 import Benzema from "./images/untitled2.png"
 import Wallpaper from "./images/myown.png"
+import ImageGallery from "@components/ImageGallery.svelte"
 
-A small collection of new and older renders:
+<ImageGallery client:load/>
 
 ## Ilse Crawfords Soup Kitchen
 

src/content/blog/random-renders-no1/index.mdx

@@ -5,13 +5,16 @@ cover: ./images/myown.png
 comments: true
 ---
 
+Einfach ne kleine Sammlung von aktuellen und nicht aktuellen Szenen:
+
 import Image from "@components/Image.astro"
 import SoupKitchen from "./images/render_11.png"
 import Guadelajara from "./images/Render_03.png"
 import Benzema from "./images/untitled2.png"
 import Wallpaper from "./images/myown.png"
+import ImageGallery from "@components/ImageGallery.svelte"
 
-Einfach ne kleine Sammlung von aktuellen und nicht aktuellen Szenen:
+<ImageGallery client:load/>
 
 ## Ilse Crawfords Soup Kitchen
 

src/content/blog/server-setup/index.en.mdx

@@ -4,12 +4,12 @@ date: 2020-06-09
 comments: true
 ---
 
-import Image from "@components/Image.astro"
-
 So, this topic has been on my mind for a long time. And in the past two weeks i have finally realized it. This blog post is not meant as a guide, but as a way for future me to understand my current me's decision processes.
 
+import Image from "@components/Image.astro"
+import ServerSetup from "./images/new-server.svg"
+
 > **My plan is to publish the guides as separate posts later:**
->
 > - [ ] _🔗 Proxying local servers with Tinc_
 > - [ ] _☕+🛸=♥ Setting up a Gitea server with drone.io CI/CD_
 > - [ ] _Setting up Nginx+SFTP+Traefik_
@@ -49,7 +49,7 @@ In my previous setup i used a mixture of external services. For **git hosting**
 
 ## My new Setup
 
-![New Setup](./images/new-server.svg)
+<Image src={ServerSetup} alt="Server Setup" />
 
 Now, the first question that may come to mind is, "Why do you use both cloud and local servers?". There are some drawbacks and some benefits to both. Cloud servers provide fast network speeds and static public IPs but storing large amount of data is kind of expensive. Disk space is comparably cheap with local servers I paid around 60€ for my 1tb harddrive which is made specifically for nas situations with drives running 24/7. Also i really like the idea of having physical access to my own data and not having to trust a third party with it. Another benefit to having physical access to my own server is that i can tinker with hardware aspects like networking, drives and cooling as well as taking physical measurements like room temperature and humidity.
 

src/content/blog/server-setup/index.mdx

@@ -4,12 +4,11 @@ date: 2020-06-09
 comments: true
 ---
 
-import Image from "@components/Image.astro"
-
-import ServerSetup from "./images/new-server.svg"
-
 Dieses Thema beschäftigt mich also schon seit längerem. Und in den letzten zwei Wochen ist es mir endlich klar geworden. Dieser Blogbeitrag ist nicht als Leitfaden gedacht, sondern als Möglichkeit für mein zukünftiges Ich, die Entscheidungsprozesse meines jetzigen Ichs zu verstehen.
 
+import Image from "@components/Image.astro"
+import ServerSetup from "./images/new-server.svg"
+
 > **Mein Plan ist es, die Leitfäden später als separate Beiträge zu veröffentlichen:** 
 > > - [ ] _🔗 Proxying lokaler Server mit Tinc_ 
 > > - [ ] _☕+🛸=♥ Einrichten eines Gitea-Servers mit Drone.io CI/ CD_ 

src/content/blog/speed_scene_03/index.en.mdx

@@ -8,6 +8,9 @@ comments: true
 import Image from "@components/Image.astro"
 import Render04 from "./images/Render_04.png";
 import Render05 from "./images/Render_05-2.png";
+import ImageGallery  from "@components/ImageGallery.svelte"
+
+<ImageGallery client:load/>
 
 <Image src={Render04} alt="Speed_Scene_03" />
 

src/content/blog/speed_scene_03/index.mdx

@@ -8,6 +8,9 @@ comments: true
 import Image from "@components/Image.astro"
 import Render04 from "./images/Render_04.png";
 import Render05 from "./images/Render_05-2.png";
+import ImageGallery  from "@components/ImageGallery.svelte"
+
+<ImageGallery client:load/>
 
 <Image src={Render04} alt="Speed_Scene_03" />
 

src/content/blog/speed_scene_0405/index.en.mdx

@@ -8,6 +8,9 @@ comments: true
 import Image from "@components/Image.astro";
 import Render01 from "./images/Render_01.jpg";
 import Untitled from "./images/untitled.png";
+import ImageGallery from "@components/ImageGallery.svelte";
+
+<ImageGallery client:load/>
 
 <Image alt="Render 01" src={Render01} />
 <Image alt="Untitled" src={Untitled} />

src/content/blog/speed_scene_0405/index.mdx

@@ -8,6 +8,9 @@ comments: true
 import Image from "@components/Image.astro";
 import Render01 from "./images/Render_01.jpg";
 import Untitled from "./images/untitled.png";
+import ImageGallery from "@components/ImageGallery.svelte";
+
+<ImageGallery client:load/>
 
 <Image alt="Render 01" src={Render01} />
 <Image alt="Untitled" src={Untitled} />

src/content/blog/station-b3-4-offline/index.en.mdx

@@ -11,7 +11,9 @@ import Snowy_Mountains from "./images/Snowy_Mountains.png"
 import Car from "./images/Car.png"
 import Station from "./images/Station.jpg"
 import Human from "./images/human.png"
+import ImageGallery from "@components/ImageGallery.svelte"
 
+<ImageGallery client:load/>
 
 Einheit B3-4 wurde entsandt um zu überprüfen, was den Ausfall verursacht hat, und um die Einheit wieder ins Netz zu bringen. Sein Fahrzeug bringt ihn so weit wie die letzten Straßen gehen.
 

src/content/blog/station-b3-4-offline/index.mdx

@@ -11,9 +11,11 @@ import Snowy_Mountains from "./images/Snowy_Mountains.png"
 import Car from "./images/Car.png"
 import Station from "./images/Station.jpg"
 import Human from "./images/human.png"
+import ImageGallery from "@components/ImageGallery.svelte"
+
+<ImageGallery client:load/>
 
 
-Unit
 Unit B54 was dispatched to check what caused the failure, and to get the unit back on the net. His vehicle brings him as far as the last roads go.
 
 From there on he has to use his climbing skills and his highly developed equipment to get to the station.

src/content/blog/surfirvorcamp-esmoriz/index.mdx

@@ -4,6 +4,12 @@ date: 2017-04-18
 cover: ./images/MAX_4978.jpg
 comments: true
 ---
+
+
+<YouTube id="xREriF-WuOA"/>
+
+Letzten Freitag habe ich sehr spontan eine Woche Surfkurs in Esmoriz gebucht zum einen weil ich nen bisschen irgendwo absacken wollte und zum anderen weil Pella auch da war. Ich hatte ne super Woche das Surfivorcamp kann ich nur jedem empfehlen tolle Leute super entspannte Atmosphäre.
+
 import YouTube from "@components/YouTube.astro";
 import Image from "@components/Image.astro";
 
@@ -18,9 +24,11 @@ import MAX_5075 from "./images/MAX_5075.jpg";
 import IMG_20170416_WA0001 from "./images/IMG-20170416-WA0001.jpg";
 import MAX_5112 from "./images/MAX_5112.jpg";
 
-<YouTube id="xREriF-WuOA"/>
 
-Letzten Freitag habe ich sehr spontan eine Woche Surfkurs in Esmoriz gebucht zum einen weil ich nen bisschen irgendwo absacken wollte und zum anderen weil Pella auch da war. Ich hatte ne super Woche das Surfivorcamp kann ich nur jedem empfehlen tolle Leute super entspannte Atmosphäre.
+import ImageGallery from "@components/ImageGallery.svelte"
+
+<ImageGallery client:load/>
+
 
 <Image src={MAX_4978} alt="Surfivorcamp"/>
 

src/content/blog/the-end/index.mdx

@@ -9,6 +9,9 @@ import Image from "@components/Image.astro";
 import YouTube from "@components/YouTube.astro";
 import Render01 from "./images/Render_01.jpg";
 import Render05 from "./images/Render_05.png";
+import ImageGallery from "@components/ImageGallery.svelte"
+
+<ImageGallery client:load/>
 
 <Image src={Render01} alt="Render 01" />
 

src/content/blog/timelapse-rig-pi-zero-project/index.mdx

@@ -8,6 +8,9 @@ import Image from "@components/Image.astro";
 import YouTube from "@components/YouTube.astro";
 import Untitled1_low from "./images/untitled1_low.png";
 import Untitled3 from "./images/untitled3.png";
+import ImageGallery from "@components/ImageGallery.svelte"
+
+<ImageGallery client:load/>
 
 Ich habe schon seid längerem den Plan, mit dem Pi-Zero eine Art Zeitraffer Rig zu bauen ungefähr so:
 

src/content/blog/webgl-showcase/index.mdx

@@ -13,6 +13,9 @@ import Screenshot2 from "./images/Bildschirmfoto-2018-01-03-um-13.18.27-2.png";
 import Screenshot3 from "./images/Bildschirmfoto-2018-01-03-um-13.17.57-2.png";
 import Screenshot4 from "./images/Bildschirmfoto-2018-01-03-um-13.09.42-2.png";
 import WHarG from "./images/wHarG.jpg";
+import ImageGallery from "@components/ImageGallery.svelte"
+
+<ImageGallery client:load/>
 
 Vorerst etwas Story:
 

src/content/blog/workroom-no2/index.en.mdx

@@ -10,7 +10,9 @@ import YouTube from "@components/YouTube.astro";
 import Untitled6 from "./images/untitled6.png";
 import Untitled7 from "./images/untitled7.png";
 import Untitled8 from "./images/untitled8.png";
+import ImageGallery from "@components/ImageGallery.svelte"
 
+<ImageGallery client:load/>
 
 This time i made a lot of changes to the wood material, i basically completely redid it. So this time the normal map looks a lot better. In the last material you could see the wooden fibers as structur in on the surface, which is highly unnatural for a polished surface.
 

src/content/blog/workroom/index.en.mdx

@@ -12,6 +12,9 @@ import Untitled1 from "./images/untitled1.png";
 import Untitled2 from "./images/untitled2.png";
 import Untitled from "./images/untitled.png";
 import Untitled5 from "./images/untitled5.png";
+import ImageGallery from "@components/ImageGallery.svelte"
+
+<ImageGallery client:load/>
 
 Okay, this time its another scene i did for the second time, but this one has a bit more story, a friend of mine smuggled me into his uni in a course were a professional showed us his photogrammetry workflow. And we got to try Reality Capture a 15.000€ piece of photogrammetry software. My friend scanned a small dragon statue he got as a present: