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:
@ -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"
|
||||
}
|
||||
]
|
||||
|
||||
Reference in New Issue
Block a user