Styled everything and build the skeleton

cyperpunk.de/src/content/posts/test.md

@@ -0,0 +1,107 @@
+---
+title: Markdown Test
+date: 2026-06-07
+published: true
+---
+
+# Heading 1
+
+## Heading 2
+
+### Heading 3
+
+#### Heading 4
+
+##### Heading 5
+
+###### Heading 6
+
+This is a normal paragraph with **bold text**, *italic text*, and `inline code`. You can also combine **_bold and italic_**.
+
+---
+
+> This is a blockquote. It can span multiple lines and is great for quoting someone or highlighting something important.
+
+---
+
+## Links and Images
+
+[Visit Gitea](https://git.cyperpunk.de)
+![Image](http://localhost:4321/avatar.jpg)
+
+---
+
+## Lists
+
+Unordered:
+
+- Item one
+- Item two
+  - Nested item
+  - Another nested item
+- Item three
+
+Ordered:
+
+1. First
+2. Second
+3. Third
+
+ToDo 
+- [ ] Task 1
+- [x] Task 2
+
+---
+
+## Code
+
+Inline: `pnpm dev`
+
+Block:
+
+```bash
+pnpm add @astrojs/rss
+pnpm dev
+pnpm build
+```
+
+```ts
+const posts = await getCollection('posts');
+posts.sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf());
+```
+
+---
+
+## Table
+
+| Name       | Role              | OS    |
+|------------|-------------------|-------|
+| DerGrumpf  | Media Scientist   | NixOS |
+| Phil       | Programmer        | Linux |
+
+---
+
+## Horizontal Rule
+
+Above this line is a horizontal rule.
+
+---
+
+~~Strikethrough text~~ is also supported.
+
+
+> [!NOTE]
+> This is a note.
+> >Test 
+
+> [!WARNING]
+> This is a warning.
+
+> [!TIP]
+> This is a tip.
+
+> [!IMPORTANT]
+> This is important.
+
+> [!CAUTION]
+> This is a caution.