Make blog page dynamic using JSON data

- Blog posts now load from blog/posts.json
- Create blog/script.js to dynamically render posts
- Each post displays: title, date, content, image
- Support hash-based navigation to specific posts
- Updated blog/index.html to load posts dynamically
- Added styling for blog posts and containers
- First post is 'Status' matching the original content
This commit is contained in:
dangrubbb
2026-02-28 16:38:42 -05:00
parent a965274a31
commit 73f6c462f8
4 changed files with 127 additions and 13 deletions

View File

@ -1,10 +1,11 @@
[
{
"id": "01",
"title": "First Blog Post",
"title": "Status",
"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.",
"excerpt": "dangrubb.net is fully functional and operating at 18% of potential. When Blog updates are posted, this score will increase to 19%.",
"content": "<p>dangrubb.net is fully functional and operating at 18% of potential. When Blog updates are posted, this score will increase to 19%.</p>",
"image": "./src/img/CannotConnect.JPEG",
"slug": "first-blog-post"
"slug": "status"
}
]