From ab3d44e1b78c9872103bcc197d0b7bbb8f0d9c27 Mon Sep 17 00:00:00 2001
From: Aditya Bhaumik <92214013+aditya-bhaumik@users.noreply.github.com>
Date: Sun, 13 Oct 2024 18:46:22 +0530
Subject: [PATCH] Revert "Update forum.html"

---
 pages/forum/forum.html | 131 ++++++++++-------------------------------
 1 file changed, 30 insertions(+), 101 deletions(-)
diff --git a/pages/forum/forum.html b/pages/forum/forum.html
index 0155bb7e..0316ac01 100644
--- a/pages/forum/forum.html
+++ b/pages/forum/forum.html
@@ -8,93 +8,6 @@
     <title>Forum</title>
     <!-- Added a favicon -->
     <link rel="icon" type="image/x-icon" href="/images/pathsphere.png">
-    <style>
-      /* Ensure background fits into all window sizes */
-      body {
-        margin: 0;
-        padding: 0;
-        box-sizing: border-box;
-        font-family: Arial, sans-serif;
-        background-image: url('https://themilwaukeechapterofthelinksinc.com/wp-content/uploads/2024/05/the-worlds-most-well-known-scholarship-opportunities-platforms.webp?w=1000');
-        background-size: cover;
-        background-position: center;
-        background-repeat: no-repeat;
-        min-height: 100vh;
-      }
-
-      /* Container styling for readability */
-      .container {
-        background-color: rgba(255, 255, 255, 0.9); /* Slightly transparent background */
-        padding: 20px;
-        margin: 20px auto;
-        width: 90%;
-        max-width: 1200px;
-        border-radius: 8px;
-      }
-
-      /* Hero section styling */
-      .hero {
-        text-align: center;
-        padding: 20px;
-        background-color: rgba(0, 150, 136, 0.8); /* Transparent hero section */
-        color: white;
-      }
-
-      h1, h2 {
-        color: rgb(151, 13, 110);
-      }
-
-      .forum-post {
-        padding: 10px;
-        border-bottom: 1px solid #ccc;
-      }
-
-      .post-title {
-        font-weight: bold;
-      }
-
-      /* Button styling */
-      .new-post-button {
-        display: inline-block;
-        background-color: #ff9800;
-        color: white;
-        padding: 10px 15px;
-        border-radius: 5px;
-        text-decoration: none;
-        font-weight: bold;
-        transition: background-color 0.3s, transform 0.3s;
-      }
-
-      .new-post-button:hover {
-        background-color: #ffb74d;
-        transform: translateY(-3px);
-      }
-
-      /* Scroll to top button styling */
-      .scroll-top {
-        position: fixed;
-        bottom: 12px;
-        right: 80px;
-        background-color: #00ff40;
-        color: #fff;
-        border: none;
-        padding: 20px;
-        font-size: 16px;
-        cursor: pointer;
-        border-radius: 50%;
-        z-index: 10000;
-        width: 60px;
-        height: 60px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        text-decoration: none;
-      }
-
-      .scroll-top:hover {
-        background-color: #34947c;
-      }
-    </style>
   </head>
 
   <body>
@@ -103,9 +16,10 @@
         <h1>Forum</h1>
         <p>Join discussions, ask questions, and connect with others.</p>
       </section>
+      <!-- Add discussion forum elements here -->
 
       <div class="container">
-        <h1>Community Discussions</h1>
+        <h1 style="color: rgb(151, 13, 110)">Community Discussions</h1>
 
         <!-- Section 1: Scholarships Discussion -->
         <div class="forum-section">
@@ -113,15 +27,21 @@ <h2>Scholarships</h2>
           <p>Find and share scholarship opportunities worldwide.</p>
 
           <div class="forum-post">
-            <div class="post-title">Best scholarships for undergraduates in 2024</div>
+            <div class="post-title">
+              Best scholarships for undergraduates in 2024
+            </div>
             <div class="post-details">Posted by Alex | 5 replies</div>
           </div>
           <div class="forum-post">
-            <div class="post-title">How to write a strong scholarship essay?</div>
+            <div class="post-title">
+              How to write a strong scholarship essay?
+            </div>
             <div class="post-details">Posted by Sarah | 12 replies</div>
           </div>
           <div class="forum-post">
-            <div class="post-title">Scholarships for international students</div>
+            <div class="post-title">
+              Scholarships for international students
+            </div>
             <div class="post-details">Posted by Emily | 8 replies</div>
           </div>
 
@@ -134,7 +54,9 @@ <h2>Job Opportunities</h2>
           <p>Explore job opportunities, internships, and career advice.</p>
 
           <div class="forum-post">
-            <div class="post-title">Top companies hiring software engineers in 2024</div>
+            <div class="post-title">
+              Top companies hiring software engineers in 2024
+            </div>
             <div class="post-details">Posted by John | 10 replies</div>
           </div>
           <div class="forum-post">
@@ -152,14 +74,19 @@ <h2>Job Opportunities</h2>
         <!-- Section 3: General Discussions -->
         <div class="forum-section">
           <h2>General Discussions</h2>
-          <p>Ask questions, share advice, or discuss any educational or career-related topics.</p>
+          <p>
+            Ask questions, share advice, or discuss any educational or
+            career-related topics.
+          </p>
 
           <div class="forum-post">
             <div class="post-title">How to maintain a work-study balance?</div>
             <div class="post-details">Posted by Natalie | 9 replies</div>
           </div>
           <div class="forum-post">
-            <div class="post-title">Best resources for learning data science</div>
+            <div class="post-title">
+              Best resources for learning data science
+            </div>
             <div class="post-details">Posted by Chris | 18 replies</div>
           </div>
           <div class="forum-post">
@@ -170,11 +97,8 @@ <h2>General Discussions</h2>
           <a href="#" class="new-post-button">New Post</a>
         </div>
       </div>
-      
       <a class="scroll-top" href="#"> <i class="fa-solid fa-arrow-up"></i> </a>
     </main>
-
-    <!-- Scripts -->
     <script src="/scripts/componentLoader.js"></script>
     <script>
       prependComponent('Navbar');
@@ -183,10 +107,15 @@ <h2>General Discussions</h2>
     </script>
     <script>
       window.embeddedChatbotConfig = {
-        chatbotId: "7akUzokCgwR0gNp0m-qQF",
-        domain: "www.chatbase.co"
+      chatbotId: "7akUzokCgwR0gNp0m-qQF",
+      domain: "www.chatbase.co"
       }
-    </script>
-    <script src="https://www.chatbase.co/embed.min.js" chatbotId="7akUzokCgwR0gNp0m-qQF" domain="www.chatbase.co" defer></script>
+      </script>
+      <script
+      src="https://www.chatbase.co/embed.min.js"
+      chatbotId="7akUzokCgwR0gNp0m-qQF"
+      domain="www.chatbase.co"
+      defer>
+      </script>
   </body>
 </html>
