Add dynamic blog preview to homepage

- Create blog/posts.json for managing blog post metadata
- Add blog preview box (max 1/3 screen width) to homepage
- Fetch latest post dynamically with image and excerpt
- Updates automatically when new posts added to JSON
- Styled to fit no-scroll homepage layout
- Link to full blog page for each post
This commit is contained in:
dangrubbb
2026-02-28 16:30:19 -05:00
parent 7e8727d1b5
commit a965274a31
4 changed files with 122 additions and 1 deletions

10
blog/posts.json Normal file
View File

@ -0,0 +1,10 @@
[
{
"id": "01",
"title": "First Blog Post",
"date": "2026-02-28",
"excerpt": "This is the first blog post excerpt. Add your own blog entries by updating this JSON file with a title, date, image path, and excerpt.",
"image": "./src/img/CannotConnect.JPEG",
"slug": "first-blog-post"
}
]