diff --git a/public/app.css b/public/app.css index 7924b11..f2d5e65 100644 --- a/public/app.css +++ b/public/app.css @@ -55,3 +55,12 @@ video { justify-content: center; align-items: center; } + +.astro-code { + padding: 20px; + border-radius: 10px; +} + +article iframe { + border-radius: 10px; +} diff --git a/src/components/SmallCard.astro b/src/components/SmallCard.astro index 5f69a13..a147fef 100644 --- a/src/components/SmallCard.astro +++ b/src/components/SmallCard.astro @@ -1,5 +1,8 @@ --- import markdownToText from "@helpers/markdownToText"; +import { useTranslatedPath } from "@i18n/utils"; + +const tp = useTranslatedPath(Astro.url); interface Props { post: { @@ -19,7 +22,7 @@ const { post } = Astro.props; ---

+ +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"; -ValleyView - -This piece was inspired by a picture I took in 2013 on the way to Italy - DSC_1601 ## Palma Duude diff --git a/src/content/blog/random-renders-02/index.mdx b/src/content/blog/random-renders-02/index.mdx index 775cff8..aa5249d 100644 --- a/src/content/blog/random-renders-02/index.mdx +++ b/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" diff --git a/src/content/blog/random-renders-no1/index.en.mdx b/src/content/blog/random-renders-no1/index.en.mdx index ed01f7b..4d34b7e 100644 --- a/src/content/blog/random-renders-no1/index.en.mdx +++ b/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: + ## Ilse Crawfords Soup Kitchen diff --git a/src/content/blog/random-renders-no1/index.mdx b/src/content/blog/random-renders-no1/index.mdx index 88cbc40..705e2ef 100644 --- a/src/content/blog/random-renders-no1/index.mdx +++ b/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: + ## Ilse Crawfords Soup Kitchen diff --git a/src/content/blog/server-setup/index.en.mdx b/src/content/blog/server-setup/index.en.mdx index c32edc7..1bf66e3 100644 --- a/src/content/blog/server-setup/index.en.mdx +++ b/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) +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. diff --git a/src/content/blog/server-setup/index.mdx b/src/content/blog/server-setup/index.mdx index 5f8a285..f4a1dc5 100644 --- a/src/content/blog/server-setup/index.mdx +++ b/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_ diff --git a/src/content/blog/speed_scene_03/index.en.mdx b/src/content/blog/speed_scene_03/index.en.mdx index 0d7bec6..6ca3320 100644 --- a/src/content/blog/speed_scene_03/index.en.mdx +++ b/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" + + Speed_Scene_03 diff --git a/src/content/blog/speed_scene_03/index.mdx b/src/content/blog/speed_scene_03/index.mdx index cc41c7d..5ba0020 100644 --- a/src/content/blog/speed_scene_03/index.mdx +++ b/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" + + Speed_Scene_03 diff --git a/src/content/blog/speed_scene_0405/index.en.mdx b/src/content/blog/speed_scene_0405/index.en.mdx index 9436120..b1c98b9 100644 --- a/src/content/blog/speed_scene_0405/index.en.mdx +++ b/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"; + + Render 01 Untitled diff --git a/src/content/blog/speed_scene_0405/index.mdx b/src/content/blog/speed_scene_0405/index.mdx index 419d45e..3ef44b3 100644 --- a/src/content/blog/speed_scene_0405/index.mdx +++ b/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"; + + Render 01 Untitled diff --git a/src/content/blog/station-b3-4-offline/index.en.mdx b/src/content/blog/station-b3-4-offline/index.en.mdx index 3fe8c5e..4571c79 100644 --- a/src/content/blog/station-b3-4-offline/index.en.mdx +++ b/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" + 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. diff --git a/src/content/blog/station-b3-4-offline/index.mdx b/src/content/blog/station-b3-4-offline/index.mdx index 6f32b12..3bec18b 100644 --- a/src/content/blog/station-b3-4-offline/index.mdx +++ b/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" + + -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. diff --git a/src/content/blog/surfirvorcamp-esmoriz/index.mdx b/src/content/blog/surfirvorcamp-esmoriz/index.mdx index 1a05f7d..0074a8a 100644 --- a/src/content/blog/surfirvorcamp-esmoriz/index.mdx +++ b/src/content/blog/surfirvorcamp-esmoriz/index.mdx @@ -4,6 +4,12 @@ date: 2017-04-18 cover: ./images/MAX_4978.jpg comments: true --- + + + + +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"; - -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" + + + Surfivorcamp diff --git a/src/content/blog/the-end/index.mdx b/src/content/blog/the-end/index.mdx index 4fae076..b7c0677 100644 --- a/src/content/blog/the-end/index.mdx +++ b/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" + + Render 01 diff --git a/src/content/blog/timelapse-rig-pi-zero-project/index.mdx b/src/content/blog/timelapse-rig-pi-zero-project/index.mdx index d6b3b7e..57bc5d4 100644 --- a/src/content/blog/timelapse-rig-pi-zero-project/index.mdx +++ b/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" + + Ich habe schon seid längerem den Plan, mit dem Pi-Zero eine Art Zeitraffer Rig zu bauen ungefähr so: diff --git a/src/content/blog/webgl-showcase/index.mdx b/src/content/blog/webgl-showcase/index.mdx index fe5da48..944c651 100644 --- a/src/content/blog/webgl-showcase/index.mdx +++ b/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" + + Vorerst etwas Story: diff --git a/src/content/blog/workroom-no2/index.en.mdx b/src/content/blog/workroom-no2/index.en.mdx index 22b2923..c758922 100644 --- a/src/content/blog/workroom-no2/index.en.mdx +++ b/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" + 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. diff --git a/src/content/blog/workroom/index.en.mdx b/src/content/blog/workroom/index.en.mdx index c0818f6..21c8aaf 100644 --- a/src/content/blog/workroom/index.en.mdx +++ b/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" + + 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: diff --git a/src/content/photos/bigge-changes/index.mdx b/src/content/photos/bigge-changes/index.mdx index e6256b3..46b5295 100644 --- a/src/content/photos/bigge-changes/index.mdx +++ b/src/content/photos/bigge-changes/index.mdx @@ -15,6 +15,9 @@ import Image35 from "./images/35_1.jpg" import Image39 from "./images/39_1.jpg" import MAX_0511 from "./images/MAX_0511_1.jpg" import MAX_0513 from "./images/MAX_0513_1.jpg" +import ImageGallery from "@components/ImageGallery.svelte" + + Der Sommer '18 war einer der trockensten der letzten Jahre _(irgendwie scheint das bei jedem neuen Sommer der Fall zu sein)_. Zu der Zeit habe ich bei "Des Wahnsinns Fette Beute" in Attendorn meine Ausbildung als Mediengestalter gemacht. Attendorn liegt tief im Sauerland an einem See namens Bigge. Jeden morgen um 8:30 bin ich an diesem See vorbeigefahren. diff --git a/src/content/photos/bilder-caen-ogrove/index.mdx b/src/content/photos/bilder-caen-ogrove/index.mdx index ef0c73f..2b7219e 100644 --- a/src/content/photos/bilder-caen-ogrove/index.mdx +++ b/src/content/photos/bilder-caen-ogrove/index.mdx @@ -5,8 +5,6 @@ cover: ./images/HameuxDeLaMer_03.jpg --- import Image from "@components/Image.astro" - - import Zumaia_01 from "./images/Zumaia_01.jpg"; import HameuxDeLaMer_04 from "./images/HameuxDeLaMer_04.jpg"; import Barqueiro_01 from "./images/Barqueiro_01.jpg"; @@ -21,6 +19,9 @@ import RandomHotel from "./images/RandomHotel.jpg"; import SoulacSurMer01 from "./images/SoulacSurMer_01.jpg" import UntitledChairs1 from "./images/Untitled_Chairs1.jpg" import Untitled_Panorama10 from "./images/Untitled_Panorama10.jpg" +import ImageGallery from "@components/ImageGallery.svelte" + + diff --git a/src/content/photos/bilder-duenkirchen-bolougne-sur-mer/index.mdx b/src/content/photos/bilder-duenkirchen-bolougne-sur-mer/index.mdx index 4956f01..cab5b42 100644 --- a/src/content/photos/bilder-duenkirchen-bolougne-sur-mer/index.mdx +++ b/src/content/photos/bilder-duenkirchen-bolougne-sur-mer/index.mdx @@ -11,6 +11,9 @@ import Gris_Nez_Klippen_02 from "./images/Gris-Nez_Klippen_02.jpg" import Audresselles_01 from "./images/audresselles_01.jpg" import Audresselles_03 from "./images/Audresselles_03.jpg"; import Wimereux from "./images/Wimereux.jpg"; +import ImageGallery from "@components/ImageGallery.svelte" + + So, es gibt jetzt erst mal nen klassischen Blogbeitrag, da mein Laptop nicht mit AfterEffects klarkommt (Ich weiß das Effects in AE steht dafür dass das Programm für Effekte gedacht ist und nicht zum Video schneiden, schon klar). Die erste Nacht habe ich in Dünkirchen gepennt, ich würde sagen für die erste Nacht wars ganz okay. Nach Dünkirchen bin ich die Küste runter Richtung Süden gefahren. Über Calais bis nach Wimereux, Calais ist keine klassische schöne Stadt, aber ich mag den industriellen Hafenflair. Sobald man aus Calais raus ist wird die Landschaft viel schöner. Vor allem Gris-Nez ist ein superschöner Ort, direkt an der Küste in einem Tal, und auf dem Hügel darüber thront ein 10 Meter großer Obelisk, der an die größte Artillerie der Nazis erinnert. diff --git a/src/content/photos/cologne-spring/index.mdx b/src/content/photos/cologne-spring/index.mdx index 32b33a4..1393959 100644 --- a/src/content/photos/cologne-spring/index.mdx +++ b/src/content/photos/cologne-spring/index.mdx @@ -10,12 +10,16 @@ import Unbenanntes_Panorama2 from "./images/Unbenanntes_Panorama2.jpg"; import Unbenanntes_Panorama3 from "./images/Unbenanntes_Panorama3.jpg"; import Unbenanntes_Panorama4 from "./images/Unbenanntes_Panorama4.jpg"; import Unbenanntes_Panorama6 from "./images/Unbenanntes_Panorama6.jpg"; +import ImageGallery from "@components/ImageGallery.svelte" + + + Some pictures in the first spring i had in cologne. - - - - - + + + + + diff --git a/src/content/photos/erasmus-valencia/index.en.mdx b/src/content/photos/erasmus-valencia/index.en.mdx index 048e036..eec816d 100644 --- a/src/content/photos/erasmus-valencia/index.en.mdx +++ b/src/content/photos/erasmus-valencia/index.en.mdx @@ -36,6 +36,9 @@ import MAX_8794 from "./images/MAX_8794.jpg"; import MAX_8887 from "./images/MAX_8887.jpg"; import Panorama_01 from "./images/Panorama_01.jpg"; import Panorama_02 from "./images/Panorama_02.jpg"; +import ImageGallery from "@components/ImageGallery.svelte" + + In 2022 I had the privilege of studying in Valencia for 5 months with the support of Erasmus, here are the pictures that were taken. diff --git a/src/content/photos/erasmus-valencia/index.mdx b/src/content/photos/erasmus-valencia/index.mdx index 42e307c..8e98228 100644 --- a/src/content/photos/erasmus-valencia/index.mdx +++ b/src/content/photos/erasmus-valencia/index.mdx @@ -36,6 +36,9 @@ import MAX_8794 from "./images/MAX_8794.jpg"; import MAX_8887 from "./images/MAX_8887.jpg"; import Panorama_01 from "./images/Panorama_01.jpg"; import Panorama_02 from "./images/Panorama_02.jpg"; +import ImageGallery from "@components/ImageGallery.svelte" + + 2022 hatte ich das Privileg mit der Unterstützung von Erasmus 5 Monate in Valencia zu studieren, dass hier sind die Bilder, die dabei entstanden sind. diff --git a/src/content/photos/sestri-levante/index.mdx b/src/content/photos/sestri-levante/index.mdx index 395cff0..c3d70da 100644 --- a/src/content/photos/sestri-levante/index.mdx +++ b/src/content/photos/sestri-levante/index.mdx @@ -11,6 +11,9 @@ import MAX_7053 from "./images/MAX_7053.jpg"; import MAX_7054 from "./images/MAX_7054.jpg"; import MAX_7055_Panorama from "./images/MAX_7055-Panorama.jpg"; import MAX_7076_Panorama from "./images/MAX_7076-Panorama.jpg"; +import ImageGallery from "@components/ImageGallery.svelte" + + Best images from a short trip to liguria in italy diff --git a/src/content/projects/_gamez/index.md b/src/content/projects/_gamez/index.md deleted file mode 100644 index e69de29..0000000 diff --git a/src/content/projects/argenti/index.md b/src/content/projects/argenti/index.mdx similarity index 100% rename from src/content/projects/argenti/index.md rename to src/content/projects/argenti/index.mdx diff --git a/src/content/projects/gamez/index.mdx b/src/content/projects/gamez/index.mdx new file mode 100644 index 0000000..a93a0f3 --- /dev/null +++ b/src/content/projects/gamez/index.mdx @@ -0,0 +1,5 @@ +--- +title: "Gamez" +date: 2020-07-01 +draft: true +--- diff --git a/src/content/projects/invoice/index.md b/src/content/projects/invoice/index.mdx similarity index 100% rename from src/content/projects/invoice/index.md rename to src/content/projects/invoice/index.mdx diff --git a/src/content/projects/isyncrasy/images/mail.png b/src/content/projects/isyncrasy/images/mail.png new file mode 100644 index 0000000..5d29111 --- /dev/null +++ b/src/content/projects/isyncrasy/images/mail.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:0c9e934642e52030802c33cf4598b8b70a16f1ac55ba7dfee18c6ee62f2cb534 +size 46715 diff --git a/src/content/projects/isyncrasy/images/main.png b/src/content/projects/isyncrasy/images/main.png new file mode 100644 index 0000000..ea59378 --- /dev/null +++ b/src/content/projects/isyncrasy/images/main.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c3c42fa4589bb30e1794e991ff126d646ef737e0d5b619e829148c93be196bf1 +size 589166 diff --git a/src/content/projects/isyncrasy/images/terminal.png b/src/content/projects/isyncrasy/images/terminal.png new file mode 100644 index 0000000..58e5644 --- /dev/null +++ b/src/content/projects/isyncrasy/images/terminal.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:a135019f0f748c69b2bfbff8024b568d4ac67abc65c0b4a3b5bbc4a3adb586b7 +size 50513 diff --git a/src/content/projects/isyncrasy/index.en.mdx b/src/content/projects/isyncrasy/index.en.mdx new file mode 100644 index 0000000..ac22b08 --- /dev/null +++ b/src/content/projects/isyncrasy/index.en.mdx @@ -0,0 +1,25 @@ +--- +date: 2019-06-10 +title: "Isyncrasy" +draft: false +cover: ./images/main.png +icon: "/projects/isyncrasy/favicon.ico" +description: "A small fun virtual OS build with svelte" +tags: ["svelte", "web", "os"] +--- + +# Isyncrasy + + +import Image from "@components/Image.astro" +import Main from "./images/main.png" +import Mail from "./images/mail.png" +import Terminal from "./images/terminal.png" +import ImageGallery from "@components/ImageGallery.svelte" + + + +Isyncrasy +Isyncrasy +Isyncrasy + diff --git a/src/content/projects/isyncrasy/index.mdx b/src/content/projects/isyncrasy/index.mdx index f0fcdec..e7ac32e 100644 --- a/src/content/projects/isyncrasy/index.mdx +++ b/src/content/projects/isyncrasy/index.mdx @@ -2,9 +2,23 @@ date: 2019-06-10 title: "Isyncrasy" draft: false +cover: ./images/main.png icon: "/projects/isyncrasy/favicon.ico" description: "A small fun virtual OS build with svelte" tags: ["svelte", "web", "os"] --- # Isyncrasy + +import Image from "@components/Image.astro" +import Main from "./images/main.png" +import Mail from "./images/mail.png" +import Terminal from "./images/terminal.png" +import ImageGallery from "@components/ImageGallery.svelte" + + + +Isyncrasy +Isyncrasy +Isyncrasy + diff --git a/src/content/projects/karl/index.md b/src/content/projects/karl/index.mdx similarity index 88% rename from src/content/projects/karl/index.md rename to src/content/projects/karl/index.mdx index ef1e603..9add401 100644 --- a/src/content/projects/karl/index.md +++ b/src/content/projects/karl/index.mdx @@ -4,6 +4,7 @@ date: 2021-04-01 cover: ./images/Indicatrices_of_Distortion.png license: "CC-BY-SA:4.0" comments: true +featured: true links: [ ["live", "https://max-richter.dev/karl"], @@ -11,30 +12,34 @@ links: ] --- +import Crosswalk from "./images/crosswalk.jpg" +import CrosswalkMask from "./images/crosswalk_mask.png" +import Image from "@components/Image.astro" +import Distorion from "./images/Indicatrices_of_Distortion.png" +import ImageGallery from "@components/ImageGallery.svelte" + + + *[Header by Justin Kunimune - Own work, CC BY-SA 4.0](https://commons.wikimedia.org/w/index.php?curid=66467577*)* -{{}} - -``` -K.A.R.L ist eine WebApp die einem dabei hilft 360Grad Panoramas in Sektionen einzuteilen, (Himmel, Boden, Bäume usw...) und dann den Anteil der einzelnen Sektionen am Gesamtbild festzustellen. -``` +> K.A.R.L ist eine WebApp die einem dabei hilft 360Grad Panoramas in Sektionen einzuteilen, (Himmel, Boden, Bäume usw...) und dann den Anteil der einzelnen Sektionen am Gesamtbild festzustellen. ## Einleitung Das Projekt ist aus der Zusammenarbeit mit zwei Freunden entstanden. Der eine steckt gerade mitten in der Konzeptionsphase seiner Bachelorarbeit (Geographie), die sich mit der Auswirkung von Vegetation auf das Stadtklima beschäftigt. Dazu hat er an verschiedenen Orten in Köln Albedo Messungen vorgenommen, also quasi "wieviel Licht kommt vom Himmel, und wieviel davon wird vom Boden reflektiert". Um diese Messungen in den richtigen Kontext zu setzen hat er von jedem Messort 360 Panoramas angelegt, diese sehen ungefähr so aus: -{{
}} +Image of a crosswalk Dazu brauchte er jetzt Angaben wieviel Prozent der Sicht zum Beispiel Vegetation, Himmel und Boden sind. Um das zu messen hat er in Gimp per Hand eine Segmentationsmap erstellt, eine Segmentationsmap sieht etwas so aus: -{{
}} +Segmentationsmap ## Problemstellung Wenn wir jetzt einfach naiv hingehen und die Pixel der einzelnen Farben zählen und daraus eine prozentuale Verteilung machen kriegen wir das klassische Problem mit der Verzerrung das die Menschheit schon seit Jahrhunderten mit Karten hat. Undzwar lassen sich Kugeln nur sehr ungern zwei dimensional darstellen, dabei kommt es immer zu Verzerrungen, wie folgendes Bild visualisiert. -{{
}} +Indicatrices of Distortion Zum Glück passiert diese Verzerrung nur in der Breite, wir brauchen also eine Formel die uns für die Höhe eines Pixels eine Gewichtung gibt um diese Verzerrung auszugleichen. Nach vielen Versuchen sind wir bei dieser Formel gelandet: @@ -55,7 +60,7 @@ Diese Formel ist eigentlich dafür gedacht für einen bestimmten Breitengrad den Hier noch einiger der ersten Versuch in Desmos (fantastisches Tool btw): -{{