pphatdev · pphatdev · Mar 12, 2026 · Mar 11, 2026 · Mar 11, 2026 · Mar 11, 2026
diff --git a/content/posts/07-03-2026-kampot/index.mdx b/content/posts/07-03-2026-kampot/index.mdx
diff --git a/content/posts/08-03-2026-kep/index.mdx b/content/posts/08-03-2026-kep/index.mdx
diff --git a/content/posts/basic-html-tutorial/index.md → content/posts/basic-html-tutorial/index.mdx b/content/posts/basic-html-tutorial/index.md → content/posts/basic-html-tutorial/index.mdx
@@ -4,12 +4,12 @@ slug: "basic-html-tutorial"
 description: "Learn the fundamentals of HTML with this comprehensive beginner's guide. Covers document structure, common tags, links, images, and lists to get you started with web development."
 tags: ["css", "design"]
 authors:
-  - 
+  -
     name: "PPhat DEv"
     profile: "https://github.com/pphatdev.png"
     url: "https://pphat.top"
 thumbnail: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d"
-published: true
+published: false
 createdAt: "2025-04-03T16:45:00.000Z"
 updatedAt: "2025-05-26T18:42:43.907Z"
 ---
@@ -22,13 +22,13 @@ Welcome! This tutorial will introduce you to the basics of HTML (HyperText Marku
 
 ## **Table of Contents**
 
-1. [What is HTML?](https://github.com/copilot/c/c5f9b6c1-3bab-44bb-a40b-542ceb2d5e03#what-is-html)
-1. [HTML Document Structure](https://github.com/copilot/c/c5f9b6c1-3bab-44bb-a40b-542ceb2d5e03#html-document-structure)
-1. [Common HTML Tags](https://github.com/copilot/c/c5f9b6c1-3bab-44bb-a40b-542ceb2d5e03#common-html-tags)
-1. [Creating Links and Images](https://github.com/copilot/c/c5f9b6c1-3bab-44bb-a40b-542ceb2d5e03#creating-links-and-images)
-1. [Lists in HTML](https://github.com/copilot/c/c5f9b6c1-3bab-44bb-a40b-542ceb2d5e03#lists-in-html)
-1. [Adding Comments](https://github.com/copilot/c/c5f9b6c1-3bab-44bb-a40b-542ceb2d5e03#adding-comments)
-1. [Conclusion](https://github.com/copilot/c/c5f9b6c1-3bab-44bb-a40b-542ceb2d5e03#conclusion)
+1. [What is HTML?](#what-is-html)
+1. [HTML Document Structure](#html-document-structure)
+1. [Common HTML Tags](#common-html-tags)
+1. [Creating Links and Images](#creating-links-and-images)
+1. [Lists in HTML](#lists-in-html)
+1. [Adding Comments](#adding-comments)
+1. [Conclusion](#conclusion)
 
 ---
 
@@ -42,7 +42,7 @@ HTML stands for **HyperText Markup Language**. It is used to create the structur
 
 Every HTML document has a basic structure:
 
-```typescript
+```html
 <!DOCTYPE html>
 <html>
   <head>
@@ -78,15 +78,15 @@ Here are some essential HTML tags:
 
 To link to another page, use the `<a>` tag:
 
-```typescript
+```html
 <a href="https://www.example.com">Visit Example.com</a>
 ```
 
 ### **Images**
 
 To display an image, use the `<img>` tag:
 
-```typescript
+```html
 <img src="https://www.example.com/image.jpg" alt="Description">
 ```
 
@@ -99,7 +99,7 @@ To display an image, use the `<img>` tag:
 
 ### **Unordered List**
 
-```typescript
+```html
 <ul>
   <li>Item One</li>
   <li>Item Two</li>
@@ -108,7 +108,7 @@ To display an image, use the `<img>` tag:
 
 ### **Ordered List**
 
-```typescript
+```html
 <ol>
   <li>First</li>
   <li>Second</li>
@@ -121,7 +121,7 @@ To display an image, use the `<img>` tag:
 
 Comments are not displayed in the browser. They are useful for notes in your code:
 
-```typescript
+```html
 <!-- This is a comment -->
 ```
 

diff --git a/content/posts/building-rest-apis-nodejs/index.md b/content/posts/building-rest-apis-nodejs/index.md
diff --git a/content/posts/css-flexbox-complete-guide/index.md b/content/posts/css-flexbox-complete-guide/index.md
diff --git a/content/posts/example-heading-levels/cover.jpg b/content/posts/example-heading-levels/cover.jpg
diff --git a/content/posts/heading-levels-test/index.md → ...nt/posts/example-heading-levels/index.mdx b/content/posts/heading-levels-test/index.md → ...nt/posts/example-heading-levels/index.mdx
@@ -1,15 +1,15 @@
 ---
 title: "Heading Levels Test - H1 to H6"
-slug: "heading-levels-test"
+slug: "example-heading-levels"
 description: "A comprehensive test of all six heading levels in HTML, demonstrating proper typography hierarchy, spacing, and design principles for accessible and readable content structure."
 tags: ["typography", "headings", "testing"]
 authors:
   - 
     name: "PPhat DEv"
     profile: "https://github.com/pphatdev.png"
     url: "https://pphat.top"
-thumbnail: "https://images.unsplash.com/photo-1586953208448-b95a79798f07"
-published: true
+thumbnail: "/api/post?slug=example-heading-levels&asset=cover.jpg"
+published: false
 createdAt: "2025-05-26T12:30:00.000Z"
 ---
 

diff --git a/content/posts/git-workflow-best-practices/index.md b/content/posts/git-workflow-best-practices/index.md
diff --git a/content/posts/javascript-testing-with-jest/index.md b/content/posts/javascript-testing-with-jest/index.md
diff --git a/content/posts/modern-javascript-es6-features/index.md b/content/posts/modern-javascript-es6-features/index.md