Hawkathon2025

<title>UniVerse Dashboard</title>

UniVerse

• Dashboard
• Marketplace
• Study Groups
• Events
• Messages 2
• AI Recommendations
• Profile

Sujit Bhattarai
University of Louisiana at Monroe, LA

Post

    <!-- Dynamic + Static Feed Area -->
    <div id="feed">
      <div class="feed-post">
        <strong>Alex Johnson</strong><br />
        <small>Stanford University • Computer Science • 2 hours ago</small>
        <p>
          Just finished my research paper on quantum computing! Anyone
          interested in discussing the implications for cryptography?
        </p>
        <div class="tags">
          <span>Research</span>
          <span>Quantum Computing</span>
          <span>Cryptography</span>
        </div>
        <div class="post-actions">
          ❤️ 24 &nbsp; 💬 8 &nbsp; 🔁 3 &nbsp; 🔖
        </div>
        <div class="comment-section">
          <input type="text" class="comment-input" placeholder="Add a comment..." onkeydown="handleComment(event, this)" />
          <div class="comments"></div>
        </div>
      </div>

      <div class="feed-post">
        <strong>Maria Gonzalez</strong><br />
        <small>Harvard University • Sociology • 1 hour ago</small>
        <p>
          Hosting a study group this weekend to prep for the final exams! Let me know if you’re interested in joining.
        </p>
        <div class="tags">
          <span>Study Group</span>
          <span>Finals</span>
          <span>Sociology</span>
        </div>
        <div class="post-actions">
          ❤️ 15 &nbsp; 💬 5 &nbsp; 🔁 1 &nbsp; 🔖
        </div>
        <div class="comment-section">
          <input type="text" class="comment-input" placeholder="Add a comment..." onkeydown="handleComment(event, this)" />
          <div class="comments"></div>
        </div>
      </div>

      <div class="feed-post">
        <strong>David Lee</strong><br />
        <small>MIT • Electrical Engineering • 3 hours ago</small>
        <p>
          Anyone else going to the campus concert tonight? Let’s meet up and enjoy some good music 🎶
        </p>
        <div class="tags">
          <span>Campus Life</span>
          <span>Events</span>
          <span>Music</span>
        </div>
        <div class="post-actions">
          ❤️ 32 &nbsp; 💬 10 &nbsp; 🔁 6 &nbsp; 🔖
        </div>
        <div class="comment-section">
          <input type="text" class="comment-input" placeholder="Add a comment..." onkeydown="handleComment(event, this)" />
          <div class="comments"></div>
        </div>
      </div>

      <div class="feed-post">
        <strong>Emma Patel</strong><br />
        <small>University of Michigan • Environmental Science • 30 minutes ago</small>
        <p>
          Just launched a petition to protect the Greenbelt near campus. Looking for supporters and awareness!
        </p>
        <div class="tags">
          <span>Environment</span>
          <span>Activism</span>
          <span>Community</span>
        </div>
        <div class="post-actions">
          ❤️ 45 &nbsp; 💬 12 &nbsp; 🔁 8 &nbsp; 🔖
        </div>
        <div class="comment-section">
          <input type="text" class="comment-input" placeholder="Add a comment..." onkeydown="handleComment(event, this)" />
          <div class="comments"></div>
        </div>
      </div>
    </div>
  </div>

  <!-- Right Sidebar with Enhanced Visuals -->

🔥 Trending Topics

• #Final Exams – 245 posts
• #Campus Concert – 189 posts
• #Internship Opportunities – 156 posts
• #Housing – 132 posts
• #Research Positions – 98 posts

🔗 See all trending topics

📅 Upcoming Events

🎓 Career Fair

Time: Tomorrow, 10:00 AM
Location: Student Union Building
Attending: 156 students

✅ RSVP

<script> // Live update trending post counts setInterval(() => { const counts = document.querySelectorAll(".count"); counts.forEach(count => { const match = count.textContent.match(/– (\d+)/); if (match) { const newCount = parseInt(match[1]) + Math.floor(Math.random() * 3); count.textContent = `– ${newCount} posts`; } }); }, 5000); // Clickable hashtags to filter posts document.querySelectorAll(".hashtag").forEach(tag => { tag.style.cursor = "pointer"; tag.addEventListener("click", () => { const selected = tag.textContent.toLowerCase(); document.querySelectorAll(".feed-post").forEach(post => { const tags = Array.from(post.querySelectorAll(".tags span")).map(t => t.textContent.toLowerCase()); post.style.display = tags.includes(selected) ? "block" : "none"; }); }); }); // Reset filter function showAllPosts() { document.querySelectorAll(".feed-post").forEach(post => post.style.display = "block"); } // RSVP button logic function rsvpEvent(button) { const attendingSpan = button.previousElementSibling.querySelector(".attending"); let count = parseInt(attendingSpan.textContent); attendingSpan.textContent = count + 1; button.disabled = true; button.textContent = "🎉 You're in!"; } </script> <script src="script.js"></script>