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

blog/index.html

@@ -237,17 +237,13 @@
 <p>
   dangrubb.net/blog
 </p>
-<div></div>
-<h1 style="color:white;text-align:center;">Status</h1>
-<p>
-  dangrubb.net is fully functional and operating at 18% of potential. When Blog updates are posted, this score will increase to 19%.
-</p>
-  <div><p></p></div>
- <div class="img-container">
-        <img src="./src/img/CannotConnect.JPEG" alt="Cannot Connect" class="viewport-image">
-    </div>
+
+<div id="blogsContainer" class="blogs-container">
+  <p style="color: #9d9aa4;">Loading blog posts...</p>
+</div>
+
 <!-- partial -->
-  <script  src="./script.js"></script>
+  <script src="./script.js"></script>
 
 
 </body>