Skip to content

Commit

Permalink
Revert "Update forum.html"
Browse files Browse the repository at this point in the history
  • Loading branch information
@aditya-bhaumik
aditya-bhaumik authored Oct 13, 2024
1 parent 70a1b6b commit ab3d44e
Showing 1 changed file with 30 additions and 101 deletions.
131 changes: 30 additions & 101 deletions pages/forum/forum.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -103,25 +16,32 @@
<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">
<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>

Expand All @@ -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">
Expand All @@ -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">
Expand All @@ -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');
Expand All @@ -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>

0 comments on commit ab3d44e

Please sign in to comment.