feat: add some stuff

src/content/blog/colonial/images/Mask_01-ezgif.com-gif-to-webm-converter.webm:Zone.Identifier

@@ -0,0 +1,4 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=https://ezgif.com/gif-to-webm/ezgif-1-af9e72fcc6.gif
+HostUrl=https://ezgif.com/save/ezgif-1-78ce3365b7.webm

src/content/blog/colonial/images/Mask_02-ezgif.com-gif-to-webm-converter.webm:Zone.Identifier

@@ -0,0 +1,4 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=https://ezgif.com/gif-to-webm/ezgif-1-74cf771d87.gif
+HostUrl=https://ezgif.com/save/ezgif-1-93f790072e.webm

src/content/blog/colonial/images/Pebbles-ezgif.com-gif-to-webm-converter.webm:Zone.Identifier

@@ -0,0 +1,4 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=https://ezgif.com/gif-to-webm/ezgif-1-70f1c50104.gif
+HostUrl=https://ezgif.com/save/ezgif-1-28f4d917d4.webm

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

@@ -7,10 +7,6 @@ import Image from "@components/Image.astro";
 import YouTube from "@components/YouTube.astro";
 
 import T_MacroVariation from  "./images/T_MacroVariation.png";
-import Mask_01 from  "./images/Mask_01.gif";
-import Mask_02 from  "./images/Mask_02.gif";
-import Pebbles from  "./images/Pebbles.gif";
-import Butterflies from  "./images/Butterflies_1.gif";
 
 <YouTube id="s9Z9Yh6Yu0I" />
 
@@ -24,22 +20,21 @@ Gladly i still had a Landscape Material which i created a while ago, so i didnt
 
 I learned this technique from the materials that Unreal provides with the startup content, and it really adds to the realism of materials, i also used it in the roof material. With UnrealEngine it's also possible to create material instances to manipulate attributes of the material at runtime, i also included an option to preview the mmask live, green represents the near tiling and the pebbles, red represents the distant texture.
 
-<Image src={Mask_01} alt="Mask_01" />
+<video src="/blog/colonial/Mask_01.webm" mute controls/>
 
 The material also utilizes Unreal engines Foliage Type feature to distribute foliage like Grass, Rocks, Forest Plants and Flowthaton their according ground. The material also blends the material according to their heightmaps which produces a very natural gradient. Notice how the grass, expand to the cracks of the rock material first.
 
-<Image src={Mask_02} alt="Mask_02" />
-
+<video src="/blog/colonial/Mask_02.webm" mute controls/>
 
 The heightmap can be used to displace the physical vertices of the Landscape mesh  together with adaptive tesselation that will make the material look fucking amazing, but this feature takes a huge hit on the performance and is for live gameplay, atleast on my pc, not feasable.
 
-<Image src={Pebbles} alt="Pebbles"/>
+<video src="/blog/colonial/Pebbles.webm" mute controls/>
 
 Another material that im really proud of is the ocean material, there is no physical displacement happening, just a lot of normal map magic. Another difficulty that i faced was the animation of the butterflies, as i am more used to the particle systems in Blender, 3DSMax and C4D Unreals so called Cascade System was not very intuituve for me.
 
 After some time i found a solution which looks, atleast to me, natural. Now the Butterflies spawn in a small radius around a sphere which moves to a random position every two seconds, the sphere also poses as a force to the Butterflies, so they fly towards it.
 
-<Image src={Butterflies} alt="Butterflies"/>
+<video src="/blog/colonial/Butterflies_1.webm" mute controls/>
 
 
 

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

@@ -4,6 +4,7 @@ date: 2023-05-11
 headerImg: "images/render_05.png"
 comments: true
 ---
+
 import Image from "@components/Image.astro"
 import Palma from "./images/palma.png"
 import Render05 from "./images/render_05.png"

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

@@ -44,7 +44,7 @@ In meinem vorherigen Setup habe ich eine Mischung aus externen Diensten verwende
 
 ## My new Setup
 
-![New Setup](./images/new-server.svg)
+<img src="./images/new-server.svg"/>
 
 Eine Frage, die man sich jetzt stellen könnte wäre: „Warum benutzt du Cloud und lokale Server?“ Beide haben einige Nachteile und einige Vorteile. Cloud-Server bieten schnelle Netzwerkgeschwindigkeiten und statische öffentliche IPs, aber die Speicherung großer Datenmengen ist recht teuer. Der Festplattenspeicher ist bei lokalen Servern vergleichsweise günstig. Ich habe etwa 60 € für meine 1-TB-Festplatte bezahlt, die speziell für NAS-Situationen entwickelt wurde, bei denen die Laufwerke rund um die Uhr laufen. Außerdem gefällt mir die Idee sehr gut, physischen Zugriff auf meine eigenen Daten zu haben und diese nicht einem Dritten anvertrauen zu müssen. Ein weiterer Vorteil des physischen Zugriffs auf meinen eigenen Server besteht darin, dass ich an Hardwareaspekten wie Netzwerk, Laufwerken und Kühlung herumbasteln und physische Messungen wie Raumtemperatur und Luftfeuchtigkeit vornehmen kann.
 

src/content/blog/zentralwerk_2051/fishes/webgl-fishes.ts

@@ -90,7 +90,7 @@ export default (canvas: HTMLCanvasElement, { amount = 100, color = new Color(0xf
   mesh.setParent(scene);
 
   return {
-    update: (t, timeOffset) => {
+    update: (t: number, timeOffset: number) => {
       program.uniforms.uTime.value = t * 0.001 + timeOffset;
       fishMesh.program.uniforms.uTime.value = t * 0.001;
       renderer.render({ scene, camera });

src/content/blog/zentralwerk_2051/index.mdx

@@ -1,6 +1,7 @@
 ---
 title: "Zentralwerk_2051"
 date: 2021-01-07
+_layout: "transparent"
 links: [["PDF", "/Zentralwerk_2051.pdf"]]
 license: "CC-BY-SA:4.0"
 comments: true