Perfect! were now on the unanswered filter, perfect. Now, in the dashboard post section, I NEED to see a bunch of placeholder posts

script.js

@@ -71,15 +71,66 @@ document.addEventListener('DOMContentLoaded', function() {
         setActiveNav(unansweredLink);
         showUnansweredPanel();
         updateUnansweredCount();
-// Store sample posts for later use
-        window.placeholderPosts = samplePosts.map(post => ({
-            title: post.title,
-            body: post.body, 
-            tags: post.tags,
-            responses: post.responses,
-            time: "2 hours ago",
-            status: "unanswered"
-        }));
+        
+        // Store sample posts for later use
+        window.placeholderPosts = [
+            {
+                title: "Binary Search Tree Implementation",
+                body: "Need help implementing insert function for BST in Python.",
+                tags: ["BST", "Python", "Data Structures"],
+                responses: 0,
+                time: "30 minutes ago", 
+                status: "unanswered"
+            },
+            {
+                title: "Lecture 8 Slides Question",
+                body: "Confused about time complexity analysis on slide 25.",
+                tags: ["Lecture", "Time Complexity"],
+                responses: 0,
+                time: "1 hour ago",
+                status: "unanswered"
+            },
+            {
+                title: "HW3 Problem 5 Solution",
+                body: "Looking for optimal solution approach for problem 5 in homework 3.",
+                tags: ["Homework", "Algorithms"],
+                responses: 0,
+                time: "2 hours ago",
+                status: "unanswered"
+            },
+            {
+                title: "Recursion vs Iteration",
+                body: "When should I prefer recursion over iteration for tree traversal?",
+                tags: ["Recursion", "Trees"],
+                responses: 0,
+                time: "3 hours ago",
+                status: "unanswered"
+            },
+            {
+                title: "Debugging Segmentation Fault",
+                body: "Getting segmentation fault when running my linked list code.",
+                tags: ["Debugging", "C++"],
+                responses: 0,
+                time: "4 hours ago", 
+                status: "unanswered"
+            },
+            {
+                title: "Midterm Preparation",
+                body: "What topics should I focus on for the midterm exam?",
+                tags: ["Exam", "Study"],
+                responses: 0,
+                time: "5 hours ago",
+                status: "unanswered"
+            },
+            {
+                title: "Project Partner Needed",
+                body: "Looking for a partner for the final project. Strong in Python.",
+                tags: ["Project", "Partner"],
+                responses: 0,
+                time: "6 hours ago",
+                status: "unanswered"
+            }
+        ];
     });
 // Navigation
     allQuestionsLink.addEventListener('click', function(e) {
@@ -141,27 +192,26 @@ function showUnansweredPanel() {
             }));
             feedContainer.appendChild(postElement);
         });
+        // Add all placeholder posts  
+        window.placeholderPosts.forEach(post => {
+            const postElement = document.createElement('custom-post-card');
+            postElement.setAttribute('post', JSON.stringify({
+                title: post.title,
+                content: post.body,
+                tags: post.tags,
+                responses: post.responses,
+                time: post.time,
+                status: post.status,
+                confidence: Math.floor(Math.random() * 100),
+                upvotes: Math.floor(Math.random() * 10),
+                author: "Student " + Math.floor(Math.random() * 100)
+            }));
+            feedContainer.appendChild(postElement);
+        });
 
-        // Add placeholder posts if any
-        if (window.placeholderPosts && window.placeholderPosts.length > 0) {
-            window.placeholderPosts.forEach(post => {
-                const postElement = document.createElement('custom-post-card');
-                postElement.setAttribute('post', JSON.stringify({
-                    title: post.title,
-                    content: post.body,
-                    tags: post.tags,
-                    responses: post.responses,
-                    time: post.time,
-                    status: post.status,
-                    confidence: Math.floor(Math.random() * 100),
-                    upvotes: Math.floor(Math.random() * 10),
-                    author: "Student " + Math.floor(Math.random() * 100)
-                }));
-                feedContainer.appendChild(postElement);
-            });
-        }
-        
-        postsList.appendChild(feedContainer);
+        // Update unanswered count
+        unansweredCount.textContent = window.placeholderPosts.length;
+postsList.appendChild(feedContainer);
         feather.replace();
 // Highlight unanswered filter in sidebar
         const sidebar = document.querySelector('custom-sidebar');