Skip to content

Commit f6e666c

Browse files
pphatdevpphatdev
committed
Add new image assets for various projects and blog sections
- Added multiple .webp images for the Kampot blog section (sections 4-21 to 4-25, 4-3 to 4-9). - Introduced cover images for stats-card-usage and various projects including blog-leatsophat, cdn.api.pphat, ebook.sophat, elibrary-of-nintrea, king-mart.shop, maskify.pphat, nintrea, pphat.netlify.app, pphat.vercel.app, pxp-cli, red-ant-express.com.kh, stats.pphat.top, and studio.pphat.top. - Included dark and light theme images for several projects to enhance visual representation.
1 parent c3c583b commit f6e666c

180 files changed

Lines changed: 175 additions & 175 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎content/posts/07-03-2026-kampot/index.mdx‎

Lines changed: 52 additions & 52 deletions
Large diffs are not rendered by default.

‎content/projects/blog-leatsophat-vercel-app/index.mdx‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: "blog-leatsophat.vercel.app"
33
slug: "blog-leatsophat-vercel-app"
44
description: "A personal blogging platform featuring tutorials, articles, and media-rich posts, built as a modern web publishing experience."
5-
image: "/assets/projects/blog-leatsophat.vercel.app/dark-1.webp"
5+
image: "/projects/blog-leatsophat.vercel.app/dark-1.webp"
66
tags: ["Blog", "Tutorial", "Portfolio"]
77
languages: ["Laravel", "React", "TailwindCSS"]
88
source:
@@ -28,18 +28,18 @@ createdAt: "2026-03-16T10:12:15.648Z"
2828
---
2929

3030
<div class="blog-gallery" data-layout="snap" data-captions="true">
31-
<img src="/assets/projects/blog-leatsophat.vercel.app/dark-1.webp" alt="Home page dark mode" className=""/>
32-
<img src="/assets/projects/blog-leatsophat.vercel.app/light-1.webp" alt="Home page light mode" className=""/>
33-
<img src="/assets/projects/blog-leatsophat.vercel.app/dark-2.webp" alt="Tutorial listing dark mode" className=""/>
34-
<img src="/assets/projects/blog-leatsophat.vercel.app/light-2.webp" alt="Tutorial listing light mode" className=""/>
35-
<img src="/assets/projects/blog-leatsophat.vercel.app/dark-3.webp" alt="Blog listing dark mode" className=""/>
36-
<img src="/assets/projects/blog-leatsophat.vercel.app/light-3.webp" alt="Blog listing light mode" className=""/>
37-
<img src="/assets/projects/blog-leatsophat.vercel.app/dark-4.webp" alt="Post details dark mode" className=""/>
38-
<img src="/assets/projects/blog-leatsophat.vercel.app/light-4.webp" alt="Post details light mode" className=""/>
39-
<img src="/assets/projects/blog-leatsophat.vercel.app/dark-5.webp" alt="Tag page dark mode" className=""/>
40-
<img src="/assets/projects/blog-leatsophat.vercel.app/light-5.webp" alt="Tag page light mode" className=""/>
41-
<img src="/assets/projects/blog-leatsophat.vercel.app/dark-6.webp" alt="Content section dark mode" className=""/>
42-
<img src="/assets/projects/blog-leatsophat.vercel.app/light-6.webp" alt="Content section light mode" className=""/>
31+
<img src="/projects/blog-leatsophat.vercel.app/dark-1.webp" alt="Home page dark mode" className=""/>
32+
<img src="/projects/blog-leatsophat.vercel.app/light-1.webp" alt="Home page light mode" className=""/>
33+
<img src="/projects/blog-leatsophat.vercel.app/dark-2.webp" alt="Tutorial listing dark mode" className=""/>
34+
<img src="/projects/blog-leatsophat.vercel.app/light-2.webp" alt="Tutorial listing light mode" className=""/>
35+
<img src="/projects/blog-leatsophat.vercel.app/dark-3.webp" alt="Blog listing dark mode" className=""/>
36+
<img src="/projects/blog-leatsophat.vercel.app/light-3.webp" alt="Blog listing light mode" className=""/>
37+
<img src="/projects/blog-leatsophat.vercel.app/dark-4.webp" alt="Post details dark mode" className=""/>
38+
<img src="/projects/blog-leatsophat.vercel.app/light-4.webp" alt="Post details light mode" className=""/>
39+
<img src="/projects/blog-leatsophat.vercel.app/dark-5.webp" alt="Tag page dark mode" className=""/>
40+
<img src="/projects/blog-leatsophat.vercel.app/light-5.webp" alt="Tag page light mode" className=""/>
41+
<img src="/projects/blog-leatsophat.vercel.app/dark-6.webp" alt="Content section dark mode" className=""/>
42+
<img src="/projects/blog-leatsophat.vercel.app/light-6.webp" alt="Content section light mode" className=""/>
4343
</div>
4444

4545
<br/>
@@ -80,5 +80,5 @@ It is designed for simple reading workflows, fast navigation between tags and po
8080

8181
Here is the screenshot preview 📸:
8282

83-
![blog-leatsophat](/assets/projects/blog-leatsophat.vercel.app/dark-full.webp)
84-
![blog-leatsophat](/assets/projects/blog-leatsophat.vercel.app/light-full.webp)
83+
![blog-leatsophat](/projects/blog-leatsophat.vercel.app/dark-full.webp)
84+
![blog-leatsophat](/projects/blog-leatsophat.vercel.app/light-full.webp)

‎content/projects/cdn-api-stackdev/index.mdx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: "CDN API - StackDev"
33
slug: "cdn-api-stackdev"
44
description: "A high-performance CDN API service for image optimization, file management, and asset delivery with JWT authentication, database migrations, and a modern web dashboard."
5-
image: "https://pphat.me/assets/projects/cdn.api.pphat.stackdev.cloud/cover.webp"
5+
image: "https://pphat.me/projects/cdn.api.pphat.stackdev.cloud/cover.webp"
66
tags: ["File Management"]
77
languages: ["Express.js", "TypeScript", "SQLite", "Tailwind CSS"]
88
source:
@@ -27,14 +27,14 @@ createdAt: "2026-03-15T10:00:00.000Z"
2727

2828

2929
<div class="blog-gallery" data-layout="snap" data-captions="true">
30-
<img src="https://pphat.me/assets/projects/cdn.api.pphat.stackdev.cloud/demo-1.webp" alt="1. Demo Image Project" className=""/>
31-
<img src="https://pphat.me/assets/projects/cdn.api.pphat.stackdev.cloud/demo-2.webp" alt="2. Demo Image Project" className=""/>
32-
<img src="https://pphat.me/assets/projects/cdn.api.pphat.stackdev.cloud/demo-3.webp" alt="3. Demo Image Project" className=""/>
33-
<img src="https://pphat.me/assets/projects/cdn.api.pphat.stackdev.cloud/demo-4.webp" alt="4. Demo Image Project" className=""/>
34-
<img src="https://pphat.me/assets/projects/cdn.api.pphat.stackdev.cloud/demo-5.webp" alt="5. Demo Image Project" className=""/>
35-
<img src="https://pphat.me/assets/projects/cdn.api.pphat.stackdev.cloud/demo-6.webp" alt="6. Demo Image Project" className=""/>
36-
<img src="https://pphat.me/assets/projects/cdn.api.pphat.stackdev.cloud/demo-7.webp" alt="7. Demo Image Project" className=""/>
37-
<img src="https://pphat.me/assets/projects/cdn.api.pphat.stackdev.cloud/demo-8.webp" alt="8. Demo Image Project" className=""/>
30+
<img src="https://pphat.me/projects/cdn.api.pphat.stackdev.cloud/demo-1.webp" alt="1. Demo Image Project" className=""/>
31+
<img src="https://pphat.me/projects/cdn.api.pphat.stackdev.cloud/demo-2.webp" alt="2. Demo Image Project" className=""/>
32+
<img src="https://pphat.me/projects/cdn.api.pphat.stackdev.cloud/demo-3.webp" alt="3. Demo Image Project" className=""/>
33+
<img src="https://pphat.me/projects/cdn.api.pphat.stackdev.cloud/demo-4.webp" alt="4. Demo Image Project" className=""/>
34+
<img src="https://pphat.me/projects/cdn.api.pphat.stackdev.cloud/demo-5.webp" alt="5. Demo Image Project" className=""/>
35+
<img src="https://pphat.me/projects/cdn.api.pphat.stackdev.cloud/demo-6.webp" alt="6. Demo Image Project" className=""/>
36+
<img src="https://pphat.me/projects/cdn.api.pphat.stackdev.cloud/demo-7.webp" alt="7. Demo Image Project" className=""/>
37+
<img src="https://pphat.me/projects/cdn.api.pphat.stackdev.cloud/demo-8.webp" alt="8. Demo Image Project" className=""/>
3838
</div>
3939

4040
<br/>

‎content/projects/ebook-nintrea-top/index.mdx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: "eLibrary (Nintrea)"
33
slug: "ebook-nintrea-top"
44
description: "A Khmer-focused digital eLibrary web app for browsing categories, viewing book details, and reading content with a responsive Next.js interface."
5-
image: "/assets/projects/ebooks.nintrea.top/light-1.webp"
5+
image: "/projects/ebooks.nintrea.top/light-1.webp"
66
tags: ["eLibrary", "Website"]
77
languages: ["Next.js", "TypeScript", "TailwindCSS", "Supabase"]
88
source:
@@ -30,8 +30,8 @@ createdAt: "2026-03-16T10:12:15.648Z"
3030
---
3131

3232
<div class="blog-gallery" data-layout="snap" data-captions="true">
33-
<img src="/assets/projects/ebooks.nintrea.top/light-1.webp" alt="eLibrary home page" className=""/>
34-
<img src="/assets/projects/ebooks.nintrea.top/light-2.webp" alt="eLibrary content page" className=""/>
33+
<img src="/projects/ebooks.nintrea.top/light-1.webp" alt="eLibrary home page" className=""/>
34+
<img src="/projects/ebooks.nintrea.top/light-2.webp" alt="eLibrary content page" className=""/>
3535
</div>
3636

3737
<br/>
@@ -80,5 +80,5 @@ The project is built with Next.js and modern component patterns to support respo
8080

8181
Here is the screenshot preview:
8282

83-
![elibrary-nintrea](/assets/projects/ebooks.nintrea.top/light-1.webp)
84-
![elibrary-nintrea](/assets/projects/ebooks.nintrea.top/light-2.webp)
83+
![elibrary-nintrea](/projects/ebooks.nintrea.top/light-1.webp)
84+
![elibrary-nintrea](/projects/ebooks.nintrea.top/light-2.webp)

‎content/projects/ebook-sophat/index.mdx‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: "eBook of Sophat (Assignment Y1)"
33
slug: "ebook-sophat"
44
description: "A modern multi-page eLibrary web application with book catalog browsing, author profiles, advanced search, and responsive dark/light themed UI."
5-
image: "/assets/projects/ebook.sophat.top/light-1.webp"
5+
image: "/projects/ebook.sophat.top/light-1.webp"
66
tags: ["Library", "Education"]
77
languages: ["JavaScript", "Webpack", "TailwindCSS"]
88
source:
@@ -28,18 +28,18 @@ createdAt: "2026-03-16T10:12:15.648Z"
2828
---
2929

3030
<div class="blog-gallery" data-layout="snap" data-captions="true">
31-
<img src="/assets/projects/ebook.sophat.top/dark-1.webp" alt="Home page dark mode" className=""/>
32-
<img src="/assets/projects/ebook.sophat.top/light-1.webp" alt="Home page light mode" className=""/>
33-
<img src="/assets/projects/ebook.sophat.top/dark-2.webp" alt="Collection page dark mode" className=""/>
34-
<img src="/assets/projects/ebook.sophat.top/light-2.webp" alt="Collection page light mode" className=""/>
35-
<img src="/assets/projects/ebook.sophat.top/dark-3.webp" alt="Author profile page dark mode" className=""/>
36-
<img src="/assets/projects/ebook.sophat.top/light-3.webp" alt="Author profile page light mode" className=""/>
37-
<img src="/assets/projects/ebook.sophat.top/dark-4.webp" alt="Authors page dark mode" className=""/>
38-
<img src="/assets/projects/ebook.sophat.top/light-4.webp" alt="Authors page light mode" className=""/>
39-
<img src="/assets/projects/ebook.sophat.top/dark-5.webp" alt="Book details page dark mode" className=""/>
40-
<img src="/assets/projects/ebook.sophat.top/light-5.webp" alt="Book details page light mode" className=""/>
41-
<img src="/assets/projects/ebook.sophat.top/dark-6.webp" alt="About page dark mode" className=""/>
42-
<img src="/assets/projects/ebook.sophat.top/light-6.webp" alt="About page light mode" className=""/>
31+
<img src="/projects/ebook.sophat.top/dark-1.webp" alt="Home page dark mode" className=""/>
32+
<img src="/projects/ebook.sophat.top/light-1.webp" alt="Home page light mode" className=""/>
33+
<img src="/projects/ebook.sophat.top/dark-2.webp" alt="Collection page dark mode" className=""/>
34+
<img src="/projects/ebook.sophat.top/light-2.webp" alt="Collection page light mode" className=""/>
35+
<img src="/projects/ebook.sophat.top/dark-3.webp" alt="Author profile page dark mode" className=""/>
36+
<img src="/projects/ebook.sophat.top/light-3.webp" alt="Author profile page light mode" className=""/>
37+
<img src="/projects/ebook.sophat.top/dark-4.webp" alt="Authors page dark mode" className=""/>
38+
<img src="/projects/ebook.sophat.top/light-4.webp" alt="Authors page light mode" className=""/>
39+
<img src="/projects/ebook.sophat.top/dark-5.webp" alt="Book details page dark mode" className=""/>
40+
<img src="/projects/ebook.sophat.top/light-5.webp" alt="Book details page light mode" className=""/>
41+
<img src="/projects/ebook.sophat.top/dark-6.webp" alt="About page dark mode" className=""/>
42+
<img src="/projects/ebook.sophat.top/light-6.webp" alt="About page light mode" className=""/>
4343
</div>
4444

4545
<br/>
@@ -100,5 +100,5 @@ With responsive layouts and dark/light theme persistence, it demonstrates produc
100100

101101
Here is the screenshot preview:
102102

103-
![elibrary-app](/assets/projects/ebook.sophat.top/dark-1.webp)
104-
![elibrary-app](/assets/projects/ebook.sophat.top/light-1.webp)
103+
![elibrary-app](/projects/ebook.sophat.top/dark-1.webp)
104+
![elibrary-app](/projects/ebook.sophat.top/light-1.webp)

‎content/projects/elibrary-of-nintrea/index.mdx‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: "eLibrary of Nintrea"
33
slug: "elibrary-of-nintrea"
44
description: "A Khmer digital library website that curates educational articles, grammar references, literature, technology lessons, and multimedia content in a responsive Blogger experience."
5-
image: "/assets/projects/elibrary-of-nintrea.blogspot.com/cover.webp"
5+
image: "/projects/elibrary-of-nintrea.blogspot.com/cover.webp"
66
tags: ["Blog", "Library"]
77
languages: ["XML", "JavaScript", "CSS"]
88
source:
@@ -28,10 +28,10 @@ createdAt: "2026-03-16T10:12:15.648Z"
2828
---
2929

3030
<div class="blog-gallery" data-layout="snap" data-captions="true">
31-
<img src="/assets/projects/elibrary-of-nintrea.blogspot.com/dark-1.webp" alt="Home page dark mode" className=""/>
32-
<img src="/assets/projects/elibrary-of-nintrea.blogspot.com/light-1.webp" alt="Home page light mode" className=""/>
33-
<img src="/assets/projects/elibrary-of-nintrea.blogspot.com/dark-2.webp" alt="Article page dark mode" className=""/>
34-
<img src="/assets/projects/elibrary-of-nintrea.blogspot.com/light-2.webp" alt="Article page light mode" className=""/>
31+
<img src="/projects/elibrary-of-nintrea.blogspot.com/dark-1.webp" alt="Home page dark mode" className=""/>
32+
<img src="/projects/elibrary-of-nintrea.blogspot.com/light-1.webp" alt="Home page light mode" className=""/>
33+
<img src="/projects/elibrary-of-nintrea.blogspot.com/dark-2.webp" alt="Article page dark mode" className=""/>
34+
<img src="/projects/elibrary-of-nintrea.blogspot.com/light-2.webp" alt="Article page light mode" className=""/>
3535
</div>
3636

3737
<br/>
@@ -90,5 +90,5 @@ As a Blogger-based content platform, it focuses on accessible publishing and lon
9090

9191
Here is the screenshot preview:
9292

93-
![elibrary-of-nintrea](/assets/projects/elibrary-of-nintrea.blogspot.com/dark-full.webp)
94-
![elibrary-of-nintrea](/assets/projects/elibrary-of-nintrea.blogspot.com/light-full.webp)
93+
![elibrary-of-nintrea](/projects/elibrary-of-nintrea.blogspot.com/dark-full.webp)
94+
![elibrary-of-nintrea](/projects/elibrary-of-nintrea.blogspot.com/light-full.webp)

‎content/projects/github-stats/index.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: "GitHub Stats API"
33
slug: "github-stats"
44
description: "Fast GitHub Stats Graph - Generate beautiful, real-time GitHub stats cards, badges, and contribution graphs for your README files."
5-
image: "https://pphat.me/assets/projects/stats.pphat.top/cover.webp"
5+
image: "https://pphat.me/projects/stats.pphat.top/cover.webp"
66
tags: ["GitHub Stats", "SVG"]
77
languages: ["TypeScript", "Express.js", "Node.js"]
88
source:

‎content/projects/king-mart-shop/index.mdx‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: "King Mart Shop"
33
slug: "king-mart-shop"
44
description: "An online shopping platform for King Mart Cambodia, featuring product discovery, category browsing, promotions, account tools, and mobile app access for everyday retail customers."
5-
image: "/assets/projects/king-mart.shop/light-1.webp"
5+
image: "/projects/king-mart.shop/light-1.webp"
66
tags: ["E-commerce", "Website"]
77
languages: ["Laravel", "JavaScript", "TailwindCSS"]
88
source:
@@ -26,12 +26,12 @@ createdAt: "2026-03-16T10:12:15.648Z"
2626
---
2727

2828
<div class="blog-gallery" data-layout="snap" data-captions="true">
29-
<img src="/assets/projects/king-mart.shop/light-1.webp" alt="Home page hero and product slider" className=""/>
30-
<img src="/assets/projects/king-mart.shop/light-2.webp" alt="Featured products section" className=""/>
31-
<img src="/assets/projects/king-mart.shop/light-3.webp" alt="Category and product listing section" className=""/>
32-
<img src="/assets/projects/king-mart.shop/light-4.webp" alt="Retail product cards and promotions" className=""/>
33-
<img src="/assets/projects/king-mart.shop/light-5.webp" alt="Information and policy links section" className=""/>
34-
<img src="/assets/projects/king-mart.shop/light-6.webp" alt="Footer and mobile app promotion section" className=""/>
29+
<img src="/projects/king-mart.shop/light-1.webp" alt="Home page hero and product slider" className=""/>
30+
<img src="/projects/king-mart.shop/light-2.webp" alt="Featured products section" className=""/>
31+
<img src="/projects/king-mart.shop/light-3.webp" alt="Category and product listing section" className=""/>
32+
<img src="/projects/king-mart.shop/light-4.webp" alt="Retail product cards and promotions" className=""/>
33+
<img src="/projects/king-mart.shop/light-5.webp" alt="Information and policy links section" className=""/>
34+
<img src="/projects/king-mart.shop/light-6.webp" alt="Footer and mobile app promotion section" className=""/>
3535
</div>
3636

3737
<br/>
@@ -80,5 +80,5 @@ It is designed to help customers browse items quickly, explore deals, and move f
8080

8181
Here is the screenshot preview:
8282

83-
![king-mart-home](/assets/projects/king-mart.shop/home-full.webp)
84-
![king-mart-detail](/assets/projects/king-mart.shop/detail-full.webp)
83+
![king-mart-home](/projects/king-mart.shop/home-full.webp)
84+
![king-mart-detail](/projects/king-mart.shop/detail-full.webp)

‎content/projects/maskify/index.mdx‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: "Maskify"
33
slug: "maskify"
44
description: "A browser-based image masking tool for uploading masks and images, previewing results instantly on canvas, and exporting the final composition."
5-
image: "/assets/projects/maskify.pphat.top/dark-1.webp"
5+
image: "/projects/maskify.pphat.top/dark-1.webp"
66
tags: ["Image Tool", "Photo Editing", "Web App"]
77
languages: ["Next.js", "TypeScript", "TailwindCSS", "React"]
88
source:
@@ -30,13 +30,13 @@ createdAt: "2026-03-16T10:12:15.648Z"
3030
---
3131

3232
<div class="blog-gallery" data-layout="snap" data-captions="true">
33-
<img src="/assets/projects/maskify.pphat.top/dark-1.webp" alt="Maskify home screen dark mode" className=""/>
34-
<img src="/assets/projects/maskify.pphat.top/light-1.webp" alt="Maskify home screen light mode" className=""/>
35-
<img src="/assets/projects/maskify.pphat.top/dark-2.webp" alt="Mask gallery dark mode" className=""/>
36-
<img src="/assets/projects/maskify.pphat.top/light-2.webp" alt="Mask gallery light mode" className=""/>
37-
<img src="/assets/projects/maskify.pphat.top/dark-3.webp" alt="Image gallery dark mode" className=""/>
38-
<img src="/assets/projects/maskify.pphat.top/light-3.webp" alt="Image gallery light mode" className=""/>
39-
<img src="/assets/projects/maskify.pphat.top/dark-4.webp" alt="Canvas export workflow dark mode" className=""/>
33+
<img src="/projects/maskify.pphat.top/dark-1.webp" alt="Maskify home screen dark mode" className=""/>
34+
<img src="/projects/maskify.pphat.top/light-1.webp" alt="Maskify home screen light mode" className=""/>
35+
<img src="/projects/maskify.pphat.top/dark-2.webp" alt="Mask gallery dark mode" className=""/>
36+
<img src="/projects/maskify.pphat.top/light-2.webp" alt="Mask gallery light mode" className=""/>
37+
<img src="/projects/maskify.pphat.top/dark-3.webp" alt="Image gallery dark mode" className=""/>
38+
<img src="/projects/maskify.pphat.top/light-3.webp" alt="Image gallery light mode" className=""/>
39+
<img src="/projects/maskify.pphat.top/dark-4.webp" alt="Canvas export workflow dark mode" className=""/>
4040
</div>
4141

4242
<br/>
@@ -90,5 +90,5 @@ It also keeps uploaded mask and image items in browser session storage so the wo
9090

9191
Here is the screenshot preview:
9292

93-
![maskify-dark](/assets/projects/maskify.pphat.top/dark-1.webp)
94-
![maskify-light](/assets/projects/maskify.pphat.top/light-1.webp)
93+
![maskify-dark](/projects/maskify.pphat.top/dark-1.webp)
94+
![maskify-light](/projects/maskify.pphat.top/light-1.webp)

0 commit comments

Comments
 (0)