Correct Format and Theme Overview Page

content/theme_overview.md

@@ -0,0 +1,137 @@
++++
+title = 'Theme Overview'
+date = 2025-07-22T15:51:34+02:00
+draft = false
++++
+
+---
+
+## Headings
+
+# H1 – Main Heading  
+## H2 – Section Heading  
+### H3 – Subsection  
+#### H4 – Level 4  
+##### H5 – Level 5  
+###### H6 – Level 6
+
+---
+
+## Text Styles
+
+- **Bold text**  
+- *Italic text*  
+- ***Bold and italic***  
+- ~~Strikethrough~~  
+- `Inline code {}`  
+- > Blockquote with multiple  
+  > lines of text.
+
+---
+
+## Lists
+
+### Unordered
+
+- Item One  
+- Item Two  
+  - Subitem  
+    - Sub-subitem  
+- Item Three
+
+### Ordered
+
+1. First item  
+2. Second item  
+3. Third item
+
+---
+
+## Links and Images
+
+[External Link](https://example.com)
+
+![Sample Image](https://placehold.co/600x400)
+
+---
+
+## Code Blocks
+
+```html
+<!-- HTML example -->
+<div class="example">Hello world</div>
+```
+
+```js
+// JavaScript example
+function test() {
+  console.log("Hello");
+}
+```
+
+```css
+/* CSS example */
+body {
+  font-family: sans-serif;
+}
+```
+
+```python
+# Python example
+def greet():
+    print("Hello, World!")
+```
+
+---
+
+## Tables
+
+| Column 1 | Column 2 | Column 3 | asd |
+|----------|----------|----------| --- |
+| Row A    | Row A    | Row A    | asdasdasdasdasdasdasdasdaasdasdasdasdasdasdasdasdasdasdasdasd |
+| Row B    | Row B    | Row B    | asd |
+| Row C    | Row C    | Row C    | asd |
+
+---
+
+## Horizontal Rule
+
+---
+
+## Task List
+
+- [x] First item  
+- [ ] Second item  
+- [ ] Third item
+
+---
+
+## HTML Elements
+
+<div style="padding: 1em; border: 1px solid #ccc;">
+  This is a raw HTML block.
+</div>
+
+---
+
+## Footnotes
+
+This is a sentence with a footnote.[^1] This is a sentence with a second footnote.[^2]
+
+[^1]: This is the footnote text.
+[^2]: This too
+
+---
+
+## Math (if supported)
+
+```math
+a^2 + b^2 = c^2
+```
+
+---
+
+## Definition List (may require extended Markdown)
+
+Term  
+: Definition of the term.