-
-
-
-
-
-
+ class="image relative h-[130%] self-end items-end flex overflow-hidden order-last xs:order-first">
+
@@ -81,11 +81,11 @@ const t = useTranslations(Astro.url);
position: absolute;
}
.eye.left {
- top: 29%;
- right: 28%;
+ top: 24%;
+ right: 27%;
}
.eye.right {
- top: 31%;
- right: 12%;
+ top: 26%;
+ right: 13%;
}
diff --git a/src/components/ThemeToggle.svelte b/src/components/ThemeToggle.svelte
index bf62490..571f326 100644
--- a/src/components/ThemeToggle.svelte
+++ b/src/components/ThemeToggle.svelte
@@ -10,6 +10,8 @@
document.documentElement.classList.remove("light", "dark");
document.documentElement.classList.add($theme);
localStorage.setItem("theme", $theme);
+ // @ts-ignore
+ window["updateBackgroundColor"]?.();
}
function toggleTheme() {
diff --git a/src/content/blog/zentralwerk_2051/Fishes.svelte b/src/content/blog/zentralwerk_2051/Fishes.svelte
index 89d7970..e082f28 100644
--- a/src/content/blog/zentralwerk_2051/Fishes.svelte
+++ b/src/content/blog/zentralwerk_2051/Fishes.svelte
@@ -45,18 +45,17 @@
render && fishCanvasBack.update(t, timeOffset);
}
loaded = true;
+ // @ts-ignore
+ window["updateBackgroundColor"] = updateBackgroundColor;
});
-
-
{
speed = Math.min(speed + 0.001, 0.15);
timeOffset += speed;
- }}
-/>
+ }} />
diff --git a/src/content/projects/plantarium/_components/Leaves.svelte b/src/content/projects/plantarium/_components/Leaves.svelte
index d85ee62..9e86395 100644
--- a/src/content/projects/plantarium/_components/Leaves.svelte
+++ b/src/content/projects/plantarium/_components/Leaves.svelte
@@ -23,6 +23,8 @@
onMount(() => {
updateBackgroundColor();
createLeaves({ canvas, num: 20, minZ: 0, maxZ: 1, color });
+ // @ts-ignore
+ window["updateBackgroundColor"] = updateBackgroundColor;
setTimeout(() => {
loaded = true;
}, 100);
@@ -30,7 +32,6 @@
-
diff --git a/src/content/projects/plantarium/index.mdx b/src/content/projects/plantarium/index.mdx
index d2ebb6b..8ba8a65 100644
--- a/src/content/projects/plantarium/index.mdx
+++ b/src/content/projects/plantarium/index.mdx
@@ -5,13 +5,20 @@ cover: ./images/plantarium.png
featured: true
links: [["website", "https://plant.max-richter.dev"], ["git", "https://github.com/jim-fx/plantarium"]]
tags: ["Web", "3D", "Svelte", "Node-Systeme"]
+icon: /projects/plantarium/favicon.svg
draft: false
toc: true
---
# Einführung
-Plantarium ist eine WebApp mit der Nutzer 3D Model von Pflanzen generieren können. Der erste Prototyp war innerhalb von zwei Wochen intensiver Arbeit fertig und sah ungefähr so aus:
+Plantarium ist die Schnittmenge zwischen zwei Dingen die ich sehr faszinierend finde, Pflanzen und 3D Modellierung.
+Es ist eine WebApp die es Nutzern ermöglicht Pflanzen zu erstellen und zu exportieren.
+Die User legen dabei über ein Node-System fest wie die Pflanze aussieht und Plantarium generiert daraus ein 3D Modell.
+
+# Die Anfänge und Herausforderungen
+
+Der erste Prototyp war innerhalb von zwei Wochen intensiver Arbeit fertig und sah ungefähr so aus:
import ImageSlider from "@components/ImageSlider.svelte"
import Leaves from "./_components/Leaves.svelte"
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 015d488..c4abe79 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -72,19 +72,28 @@ import "./global.css";
-
+
-