There seems to be a bunch of placeholder posts in script.js, but none being displayed in the UI

script.js

@@ -71,36 +71,15 @@ document.addEventListener('DOMContentLoaded', function() {
         setActiveNav(unansweredLink);
         showUnansweredPanel();
         
-        // Add placeholder posts
-        const placeholderPosts = [
-            {
-                title: "How to implement binary search tree?",
-                body: "I'm struggling with implementing the insert function for a BST. Can someone explain the recursive approach?",
-                tags: ["BST", "Data Structures", "Recursion"],
-                responses: 0,
-                time: "30 minutes ago",
-                status: "unanswered"
-            },
-            {
-                title: "Question about HW3 problem 5",
-                body: "The problem asks for O(n) solution but I can only think of O(n^2). Any hints?",
-                tags: ["Homework", "Algorithms"],
-                responses: 0,
-                time: "1 hour ago",
-                status: "unanswered"
-            },
-            {
-                title: "Lecture 8 slides clarification",
-                body: "On slide 25, the time complexity analysis isn't clear to me. Can someone explain?",
-                tags: ["Lecture", "Time Complexity"],
-                responses: 0,
-                time: "2 hours ago",
-                status: "unanswered"
-            }
-        ];
-        
-        // Store for later use
-        window.placeholderPosts = placeholderPosts;
+        // 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"
+        }));
     });
 // Navigation
     allQuestionsLink.addEventListener('click', function(e) {
@@ -133,7 +112,7 @@ function setActiveNav(activeElement) {
         panel2.classList.add('hidden');
         panel3.classList.add('hidden');
     }
-    function showUnansweredPanel() {
+function showUnansweredPanel() {
         panel1.classList.add('hidden');
         panel2.classList.remove('hidden');
         panel3.classList.add('hidden');
@@ -146,26 +125,45 @@ function setActiveNav(activeElement) {
         feedContainer.className = 'space-y-4';
         feedContainer.id = 'questions-feed';
         
-        // Add placeholder posts
-        window.placeholderPosts.forEach(post => {
+        // Add sample posts as unanswered questions
+        samplePosts.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,
+                time: `${Math.floor(Math.random() * 6) + 1} hours ago`,
+                status: post.responses > 0 ? "answered" : "unanswered",
                 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);
         feather.replace();
-        
-        // Highlight unanswered filter in sidebar
+// Highlight unanswered filter in sidebar
         const sidebar = document.querySelector('custom-sidebar');
         if (sidebar) {
             const shadow = sidebar.shadowRoot;