Skip to content

Commit

Permalink
Updated discussion, clubhomepage, clubsetting, and myclubs HTML files
Browse files Browse the repository at this point in the history
  • Loading branch information
@hk3351
hk3351 committed Nov 14, 2024
1 parent 9ee2462 commit 7436525
Show file tree
Hide file tree
Showing 9 changed files with 282 additions and 317 deletions.
Binary file modified .DS_Store
View file
Binary file not shown.
Binary file added public/.DS_Store
View file
Binary file not shown.
Binary file added public/webpages/.DS_Store
View file
Binary file not shown.
19 changes: 18 additions & 1 deletion public/webpages/css/loginreg.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -185,5 +185,22 @@ body {
button:hover {
background-color: #e03e00;
}
#loading {
text-align: center;
font-size: 1.2em;
color: #888;
}

button:hover {
background-color: #45a049;
transform: scale(1.05);
transition: transform 0.3s ease-in-out;
}


/* Make the text area resizeable */
textarea {
resize: vertical;
min-height: 80px;
}


149 changes: 77 additions & 72 deletions public/webpages/html/MyClubs.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,29 +7,40 @@
<link rel="stylesheet" href="../css/join.css">
<link rel="stylesheet" href="../css/dashboard.css">
<style>
/* Global styles to ensure layout consistency */
/* Global styles */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
background-color: #f4f4f9;
color: #333;
}

header {
background-color: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
background-color: #3E4E5E;
padding: 15px 20px;
color: #ffffff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.header-container {
display: flex;
justify-content: space-between;
padding: 20px;
align-items: center;
}

.logo-container img {
max-height: 40px;
}

.site-title a {
color: #ffffff;
text-decoration: none;
font-size: 1.5em;
margin-left: 10px;
font-weight: bold;
}

.nav-container {
display: flex;
align-items: center;
Expand All @@ -43,35 +54,35 @@
}

.nav-list li {
margin-right: 20px;
margin-right: 15px;
}

.nav-list li a {
text-decoration: none;
color: #333;
font-size: 16px;
color: #ffffff;
font-size: 1em;
font-weight: bold;
}

.search-form {
display: flex;
align-items: center;
margin-right: 20px;
}

.search-input {
padding: 8px;
margin-right: 10px;
border-radius: 4px;
border: 1px solid #ccc;
font-size: 14px;
outline: none;
}

.search-button {
background-color: transparent;
border: none;
cursor: pointer;
}

.search-button img {
width: 20px;
margin-left: 5px;
}

.user-dropdown {
Expand All @@ -83,102 +94,88 @@
position: absolute;
top: 100%;
right: 0;
background-color: white;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
list-style: none;
margin: 0;
padding: 0;
border-radius: 8px;
overflow: hidden;
}

.dropdown-menu li {
padding: 10px;
padding: 10px 15px;
}

.dropdown-menu li a {
text-decoration: none;
color: #333;
font-size: 14px;
display: block;
}

.user-dropdown:hover .dropdown-menu {
display: block;
}

/* Form Container */
.form-container {
background-color: #fff;
/* Book Clubs Section */
.book-clubs-container {
max-width: 900px;
margin: 30px auto;
padding: 20px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
width: 100%;
max-width: 400px;
margin: 50px auto; /* Center the form */
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.form-container h2 {
text-align: center;
.book-clubs-container h1 {
font-size: 1.8em;
color: #3E4E5E;
margin-bottom: 15px;
}

.form-container input {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
}

.form-container button {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}

.form-container button:hover {
background-color: #45a049;
}

/* Book Clubs List */
.book-clubs-container {
max-width: 900px;
margin: 50px auto;
padding: 20px;
text-align: center;
border-bottom: 2px solid #3E4E5E;
padding-bottom: 10px;
}

.book-club-item {
background-color: #fff;
background-color: #f9f9f9;
padding: 20px;
margin-bottom: 20px;
margin: 15px 0;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease;
}

.book-club-item:hover {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.book-club-item h3 {
margin-top: 0;
font-size: 1.5em;
color: #333;
margin-top: 0;
}

.book-club-item p {
font-size: 14px;
color: #555;
color: #666;
margin: 10px 0;
}

.book-club-item button {
background-color: #4CAF50;
color: white;
border: none;
background-color: #3E4E5E;
color: #ffffff;
padding: 10px 15px;
border: none;
border-radius: 4px;
font-size: 1em;
cursor: pointer;
transition: background-color 0.3s ease;
}

.book-club-item button:hover {
background-color: #45a049;
background-color: #2d3b4b;
}
</style>
</head>
Expand All @@ -187,13 +184,13 @@
<div class="header-container">
<div class="logo-container">
<img src="../../images/logo1.png" alt="PageTurners Logo" class="logo">
<span class="site-title"><a href="dashboard.html">PageTurners</a></span>
<span class="site-title"><a href="dashboard.html">PageTurners Book Club</a></span>
</div>
<nav class="nav-container">
<ul class="nav-list">
<li><a href="dashboard.html" class="loginbutton">Home</a></li>
<li class="user-dropdown">
<img src="https://img.icons8.com/ios-glyphs/30/000000/user.png" alt="User Icon" class="user-icon" onclick="toggleDropdown()">
<img src="https://img.icons8.com/ios-glyphs/30/000000/user.png" alt="User Icon" class="user-icon">
<ul class="dropdown-menu" id="user-dropdown-menu">
<li><a href="#">Discussions</a></li>
<li><a href="#">Account</a></li>
Expand All @@ -203,7 +200,7 @@
<li>
<form class="search-form" action="/search" method="GET">
<input type="text" name="query" placeholder="Search for books, clubs, or authors" class="search-input" id="search-input">
<button type="button" class="search-button" onclick="toggleSearch()">
<button type="button" class="search-button">
<img src="https://img.icons8.com/ios-glyphs/30/000000/search.png" alt="Search" class="search-icon">
</button>
</form>
Expand All @@ -216,18 +213,26 @@
<main>
<!-- Book Clubs List Section -->
<div class="book-clubs-container" id="list1">
<h1>Clubs Pending Acceptance</h1>


<h1>Clubs Pending Acceptance</h1>
<div class="book-club-item">
<h3>Sample Club 1</h3>
<p>Description of the club goes here.</p>
<button>Join</button>
</div>
</div>

<div class="book-clubs-container" id="list2">
<h1>Your Clubs</h1>


<h1>Your Clubs</h1>
<div class="book-club-item">
<h3>Sample Club 2</h3>
<p>Description of the club goes here.</p>
<button>Leave</button>
</div>
</div>
</main>

<div id="joinsection"></div>
</body>
<script type="module" src="../../scripts/clublist.js"></script>
</html>

1 change: 1 addition & 0 deletions public/webpages/html/club.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -173,3 +173,4 @@ <h1>Give Your Club a Name</h1>
</footer>
</body>
</html>

Loading

0 comments on commit 7436525

Please sign in to comment.