Hello World

Welcome to my new personal digital garden! 🔮

For a long time, I wanted a place on the internet that I could truly call my own. A space that is not rented, but built with care, block by block.

Why a Digital Garden?

Unlike a traditional chronological blog, a Digital Garden is a collection of notes, blogs, projects, and logs that grow and change over time. It’s:

Minimalist & Geeky: Focused on code, readability, and logic.
Quiet & Inspired: Infused with cool, calm blue tones (inspired by a certain quiet traveling mage).
Performance First: Completely static, lightweight, and fast.

What is in this garden?

I’ve structured this space into several sections:

Blog: Polished articles, tutorials, and thought pieces.
Notes: Daily learning logs, raw code snippets, and quick thoughts.
Projects: Personal work, libraries, and open-source contributions.
Lab: Interactive CSS/SVG experiments and mini-apps.
Anime: Records of my favorite animations and hobby logs.

// A simple travelers greeting
const greet = (name) => {
  console.log(`Hello, ${name}! Welcome to the journey.`);
};
greet('Traveler');

Interactive Features Test

Here is a math formula rendered with KaTeX:

f(x) = \int_-\{\infty\}^\{\infty\} \hat\{f\}(\xi)\,e^\{2 \pi i x \xi\}\,d\xi

And here is a Callout component:

✅

funnyguyz Note

This is a custom success callout. You can use standard Markdown inside, like bold text or code.

And tabs system:

npm run build

pnpm build

Stay tuned for more updates! If you want to know more about the setup, check out the next post.