blog post editor

website/data/blog/markdown-test.md

@@ -1,11 +1,10 @@
 ---
 title: Markdown Formatting Test
-date: 2026-04-20
+date: 2026-09-11
 author: Test Author
 tags: test, formatting, markdown
 ---
-
-# Heading 1
+# Heading 1 test 123
 
 ## Heading 2
 
@@ -30,11 +29,15 @@ Here's a [regular link](https://example.com) and here's a [YouTube link](https:/
 ## Lists
 
 Unordered list:
-- First item
-- Second item
-- Third item
+
+* First item
+
+* Second item
+
+* Third item
 
 Ordered list:
+
 1. First step
 2. Second step
 3. Third step
@@ -42,6 +45,7 @@ Ordered list:
 ## Code Blocks
 
 Standard JavaScript:
+
 ```javascript
 const hello = "world";
 console.log(hello);
@@ -52,6 +56,7 @@ function test() {
 ```
 
 Python with syntax highlighting:
+
 ```python
 def hello_world():
     print("Hello, World!")
@@ -59,7 +64,8 @@ def hello_world():
 ```
 
 Code with max height (200px):
-```javascript {maxHeight: 200}
+
+```javascript
 // This is a long code block that will scroll
 const data = [1, 2, 3, 4, 5];
 
@@ -92,31 +98,36 @@ const obj = {
 
 ## Horizontal Rule
 
----
+***
 
 ## Images
 
-![Test Image](data/blog/media/test.png)
+![1.00](data/blog/media/test.gif)
 
 ## Mixed Content
 
-You can mix **bold**, *italic*, and `code` in the same paragraph. Here's a [link with **bold** text](https://example.com) too.
+You can mix **bold**, *italic*, and `code` in the same paragraph. Here's a [link with](https://example.com) **[bold](https://example.com)** [text](https://example.com) too.
 
 ### Nested Lists
 
-- Top level item
-- Another top level
-  - Nested item (if supported)
-  - Another nested
+* Top level itemsss
+
+* Another top level
+
+  * Nested item (if supported)
+
+  * Another nested
 
 1. Numbered item
 2. Another numbered
-   - Mixed with bullets
-   - More bullets
+
+   * Mixed with bullets
+
+   * More bullets
 
 ## Special Characters
 
-Testing special chars: < > & " ' 
+Testing special chars: < > & " '
 
 ## Long Paragraph
 

website/data/blog/testddd.md

@@ -0,0 +1,15 @@
+---
+title: test d d d d
+date: 2026-05-10
+author: it me
+---
+asdffdsaasdffdsa
+
+| <br /> | <br /> | <br /> | <br /> |
+| :----- | :----- | :----- | -----: |
+| <br /> | <br /> | <br /> | <br /> |
+| <br /> | <br /> | <br /> | <br /> |
+
+<br />
+
+this is a test post, should't publish i guess, but who's reading lmao

website/data/blog/welcome.md

@@ -1,10 +1,9 @@
 ---
 title: Welcome to My Blog
-date: 2026-04-19
+date: 2026-05-10
 author: Max Litruv Boonzaayer
 tags: welcome, meta, introduction
 ---
-
 # Welcome to My Blog
 
 This is my first blog post! I'm excited to share my thoughts and experiences with you.
@@ -15,15 +14,20 @@ This blog is built using a **custom node-based graph system** where each blog po
 
 ### Features
 
-- 📝 Markdown support with YAML front matter
-- 📅 Date-based organization
-- 🏷️ Tag system for categorization
-- 🎨 Interactive node-based visualization
-- 📁 Media support in `data/blog/media/`
+* 📝 Markdown support with YAML front matter
+
+* 📅 Date-based organization
+
+* 🏷️ Tag system for categorization
+
+* 🎨 Interactive node-based visualization
+
+* 📁 Media support in `data/blog/media/`
 
 ## Technical Details
 
 The build system automatically:
+
 1. Scans the `data/blog/` directory for `.md` files
 2. Parses YAML front matter for metadata
 3. Generates a `blogs.json` file

website/data/blogs.json

@@ -9,7 +9,7 @@
       "formatting",
       "markdown"
     ],
-    "content": "\r\n# Heading 1\r\n\r\n## Heading 2\r\n\r\n### Heading 3\r\n\r\n#### Heading 4\r\n\r\n##### Heading 5\r\n\r\n###### Heading 6\r\n\r\n## Text Formatting\r\n\r\nThis is **bold text** and this is *italic text* and this is ***bold italic text***.\r\n\r\nHere's some `inline code` in a sentence.\r\n\r\n## Links\r\n\r\nHere's a [regular link](https://example.com) and here's a [YouTube link](https://youtube.com/watch?v=test).\r\n\r\n## Lists\r\n\r\nUnordered list:\r\n- First item\r\n- Second item\r\n- Third item\r\n\r\nOrdered list:\r\n1. First step\r\n2. Second step\r\n3. Third step\r\n\r\n## Code Blocks\r\n\r\nStandard JavaScript:\r\n```javascript\r\nconst hello = \"world\";\r\nconsole.log(hello);\r\n\r\nfunction test() {\r\n    return true;\r\n}\r\n```\r\n\r\nPython with syntax highlighting:\r\n```python\r\ndef hello_world():\r\n    print(\"Hello, World!\")\r\n    return True\r\n```\r\n\r\nCode with max height (200px):\r\n```javascript {maxHeight: 200}\r\n// This is a long code block that will scroll\r\nconst data = [1, 2, 3, 4, 5];\r\n\r\nfunction processData(arr) {\r\n    return arr.map(x => x * 2);\r\n}\r\n\r\nconsole.log(processData(data));\r\n\r\n// Adding more lines to demonstrate scrolling\r\nfor (let i = 0; i < 10; i++) {\r\n    console.log(`Iteration ${i}`);\r\n}\r\n\r\n// Even more content\r\nconst obj = {\r\n    name: \"Test\",\r\n    value: 42,\r\n    nested: {\r\n        deep: true\r\n    }\r\n};\r\n```\r\n\r\n## Blockquotes\r\n\r\n> This is a blockquote.\r\n> It can span multiple lines.\r\n> And continues here.\r\n\r\n## Horizontal Rule\r\n\r\n---\r\n\r\n## Images\r\n\r\n![Test Image](data/blog/media/test.png)\r\n\r\n## Mixed Content\r\n\r\nYou can mix **bold**, *italic*, and `code` in the same paragraph. Here's a [link with **bold** text](https://example.com) too.\r\n\r\n### Nested Lists\r\n\r\n- Top level item\r\n- Another top level\r\n  - Nested item (if supported)\r\n  - Another nested\r\n\r\n1. Numbered item\r\n2. Another numbered\r\n   - Mixed with bullets\r\n   - More bullets\r\n\r\n## Special Characters\r\n\r\nTesting special chars: < > & \" ' \r\n\r\n## Long Paragraph\r\n\r\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\r\n\r\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\r\n"
+    "content": "\r\n# Heading 1\r\n\r\n## Heading 2\r\n\r\n### Heading 3\r\n\r\n#### Heading 4\r\n\r\n##### Heading 5\r\n\r\n###### Heading 6\r\n\r\n## Text Formatting\r\n\r\nThis is **bold text** and this is *italic text* and this is ***bold italic text***.\r\n\r\nHere's some `inline code` in a sentence.\r\n\r\n## Links\r\n\r\nHere's a [regular link](https://example.com) and here's a [YouTube link](https://youtube.com/watch?v=test).\r\n\r\n## Lists\r\n\r\nUnordered list:\r\n- First item\r\n- Second item\r\n- Third item\r\n\r\nOrdered list:\r\n1. First step\r\n2. Second step\r\n3. Third step\r\n\r\n## Code Blocks\r\n\r\nStandard JavaScript:\r\n```javascript\r\nconst hello = \"world\";\r\nconsole.log(hello);\r\n\r\nfunction test() {\r\n    return true;\r\n}\r\n```\r\n\r\nPython with syntax highlighting:\r\n```python\r\ndef hello_world():\r\n    print(\"Hello, World!\")\r\n    return True\r\n```\r\n\r\nCode with max height (200px):\r\n```javascript {maxHeight: 200}\r\n// This is a long code block that will scroll\r\nconst data = [1, 2, 3, 4, 5];\r\n\r\nfunction processData(arr) {\r\n    return arr.map(x => x * 2);\r\n}\r\n\r\nconsole.log(processData(data));\r\n\r\n// Adding more lines to demonstrate scrolling\r\nfor (let i = 0; i < 10; i++) {\r\n    console.log(`Iteration ${i}`);\r\n}\r\n\r\n// Even more content\r\nconst obj = {\r\n    name: \"Test\",\r\n    value: 42,\r\n    nested: {\r\n        deep: true\r\n    }\r\n};\r\n```\r\n\r\n## Blockquotes\r\n\r\n> This is a blockquote.\r\n> It can span multiple lines.\r\n> And continues here.\r\n\r\n## Horizontal Rule\r\n\r\n---\r\n\r\n## Images\r\n\r\n![Test Image](data/blog/media/test.gif)\r\n\r\n## Mixed Content\r\n\r\nYou can mix **bold**, *italic*, and `code` in the same paragraph. Here's a [link with **bold** text](https://example.com) too.\r\n\r\n### Nested Lists\r\n\r\n- Top level item\r\n- Another top level\r\n  - Nested item (if supported)\r\n  - Another nested\r\n\r\n1. Numbered item\r\n2. Another numbered\r\n   - Mixed with bullets\r\n   - More bullets\r\n\r\n## Special Characters\r\n\r\nTesting special chars: < > & \" ' \r\n\r\n## Long Paragraph\r\n\r\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\r\n\r\nDuis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\r\n"
   },
   {
     "slug": "welcome",