Design & Animation

While my friend Lars builds the actual machine that tracks the water temperature, I've been working on the front & back ends of the website. This was the first project where I used a dedicated animation framework (anime.js) in order to add unique effects to the design such as bubbles, a wave effect, and even some fish! This was also the first time I ever used Figma to properly plan out a website's design before starting to code. We are far from done, but we hope that by the end of 2026 we'll have a weatherbuoy floating in Schlachtensee.

Roadmap

My personal goal is to have the Weatherbuoy service & website fully running by early 2027, this means implementing a functioning email subscription service, an email alert system, and polishing the website.

Markdown Collections

AstroJS is built for blog-focused sites. I thought their built-in markdown support was really neat, and I wanted to utilize it for the blogs on my website. For example, I built my food blog by defining a markdown file for each food review, and put it under src/content/foodblog. I defined metada that is attached to each food review in my content config file, and then astro automatically provided the collection of markdown files as a variable I can use in my code. So I mapped each food review file to an actual site under the /food directory, therefore I never need to write any new HTML, JS, or CSS when adding a food review, just have to write the review and that's all!

Deploying on Railway

Getting my astro site production ready was surprisingly easy. All I had to do was add the AstroJS Node module which allowed me to build my website as a traditional client-server website with a Express.js backend. Then I created a Dockerfile that copies the important contents, builds the client-server site, and then runs the Express.js server.

The Concept

I always liked the idea of writing up a script for a youtube video, and playing some background gaming footage while I go over that script. On my old youtube channel (Pugcy) I simply uploaded gaming content that was mostly done on the spot. I wanted to take a stab at actually putting in some effort into the production of a youtube video.

going from highschool to university

This video details the turbulent transition from highschool to university, it covers topics ranging from a breakup to overconsumption, and of course impostor syndrome.

are we overestimating human value?

I recorded this video after returning from my first ever trip to Asia, where I visited 8 different cities in China. I wrestle with the differences between Western society and Asia, and pose a thoery as to why China in particular is in stark support of AI, whereas people in the West tend to dislike it.