Skip to content

Commit

Permalink
improved org
Browse files Browse the repository at this point in the history
  • Loading branch information
Ben Sanderson committed Oct 23, 2024
1 parent 63571ee commit ca33906
Show file tree
Hide file tree
Showing 22 changed files with 113 additions and 113 deletions.
0 public/club.css → public/webpages/css/club.css
View file
File renamed without changes.
0 public/created.css → public/webpages/css/created.css
View file
File renamed without changes.
0 public/dashboard.css → public/webpages/css/dashboard.css
View file
File renamed without changes.
0 public/join.css → public/webpages/css/join.css
View file
File renamed without changes.
0 public/loginreg.css → public/webpages/css/loginreg.css
View file
File renamed without changes.
0 public/logout.css → public/webpages/css/logout.css
View file
File renamed without changes.
86 changes: 43 additions & 43 deletions public/bdashboard.html → public/webpages/html/bdashboard.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,13 +4,13 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dashboard</title>
<link rel="stylesheet" href="dashboard.css" />
<link rel="stylesheet" href="../css/dashboard.css" />
</head>
<body>
<header>
<div class="header-container">
<div class="logo-container">
<img src="images/logo.png" alt="PageTurners Logo" class="logo" />
<img src="../../images/logo.png" alt="PageTurners Logo" class="logo" />
<span class="site-title">PageTurners</span>
</div>
<nav class="nav-container">
Expand Down Expand Up @@ -56,7 +56,7 @@
<!-- Edge-to-edge Image Carousel Section -->
<section class="image-carousel">
<div class="carousel">
<img id="carousel-image" src="images/first1.png" alt="First Picture" />
<img id="carousel-image" src="../../images/first1.png" alt="First Picture" />
</div>
<div class="carousel-controls">
<span class="dot" onclick="changeImage(1)"></span>
Expand All @@ -81,39 +81,39 @@ <h3>Our Book Genres</h3>

<div class="genres-grid">
<div class="genre-card">
<img src="images/fiction.jpeg" alt="Fiction" />
<img src="../../images/fiction.jpeg" alt="Fiction" />
<h4>Fiction</h4>
</div>
<div class="genre-card">
<img src="images/non-fiction.jpg" alt="Non-fiction" />
<img src="../../images/non-fiction.jpg" alt="Non-fiction" />
<h4>Non-fiction</h4>
</div>
<div class="genre-card">
<img src="images/fantasy.jpg" alt="Fantasy" />
<img src="../../images/fantasy.jpg" alt="Fantasy" />
<h4>Fantasy</h4>
</div>
<div class="genre-card">
<img src="images/action.jpeg" alt="Action" />
<img src="../../images/action.jpeg" alt="Action" />
<h4>Action</h4>
</div>
<div class="genre-card">
<img src="images/adventure.jpeg" alt="Adventure" />
<img src="../../images/adventure.jpeg" alt="Adventure" />
<h4>Adventure</h4>
</div>
<div class="genre-card">
<img src="images/drama.jpeg" alt="Drama" />
<img src="../../images/drama.jpeg" alt="Drama" />
<h4>Drama</h4>
</div>
<div class="genre-card">
<img src="images/romance.jpeg" alt="Romance" />
<img src="../../images/romance.jpeg" alt="Romance" />
<h4>Romance</h4>
</div>
<div class="genre-card">
<img src="images/historical.jpg" alt="Historical" />
<img src="../../images/historical.jpg" alt="Historical" />
<h4>Historical</h4>
</div>
<div class="genre-card">
<img src="images/crime.jpeg" alt="Crime" />
<img src="../../images/crime.jpeg" alt="Crime" />
<h4>Crime</h4>
</div>
</div>
Expand All @@ -126,36 +126,36 @@ <h3>Featured Books</h3>
</div>
<div class="books-grid">
<div class="book-card">
<img src="images/featuredbook1.jpg" alt="Featured Book 1" />
<img src="../../images/featuredbook1.jpg" alt="Featured Book 1" />
</div>
<div class="book-card">
<img src="images/featuredbook2.jpg" alt="Featured Book 2" />
<img src="../../images/featuredbook2.jpg" alt="Featured Book 2" />
</div>
<div class="book-card">
<img src="images/featuredbook3.jpg" alt="Featured Book 3" />
<img src="../../images/featuredbook3.jpg" alt="Featured Book 3" />
</div>
<div class="book-card">
<img src="images/featuredbook4.jpg" alt="Featured Book 4" />
<img src="../../images/featuredbook4.jpg" alt="Featured Book 4" />
<!-- <h4>Don't forget to write</h4> -->
<!-- <p>Sara Goodman Confino</p> -->
</div>
<div class="book-card">
<img src="images/featuredbook5.jpg" alt="Featured Book 5" />
<img src="../../images/featuredbook5.jpg" alt="Featured Book 5" />
</div>
<div class="book-card">
<img src="images/featuredbook6.jpg" alt="Featured Book 6" />
<img src="../../images/featuredbook6.jpg" alt="Featured Book 6" />
</div>
<div class="book-card">
<img src="images/featuredbook7.jpg" alt="Featured Book 7" />
<img src="../../images/featuredbook7.jpg" alt="Featured Book 7" />
</div>
<div class="book-card">
<img src="images/featuredbook8.jpg" alt="Featured Book 8" />
<img src="../../images/featuredbook8.jpg" alt="Featured Book 8" />
</div>
<div class="book-card">
<img src="images/featuredbook9.jpg" alt="Featured Book 9" />
<img src="../../images/featuredbook9.jpg" alt="Featured Book 9" />
</div>
<div class="book-card">
<img src="images/featuredbook10.jpg" alt="Featured Book 10" />
<img src="../../images/featuredbook10.jpg" alt="Featured Book 10" />
</div>
</div>
</section>
Expand All @@ -167,17 +167,17 @@ <h3>Trending Book Clubs</h3>
</div>
<div class="clubs-grid">
<div class="club-card">
<img src="images/bookclub1.jpeg" alt="Book Club 1" />
<img src="../../images/bookclub1.jpeg" alt="Book Club 1" />
<h4>Lily's Book Club</h4>
<p>5 members</p>
</div>
<div class="club-card">
<img src="images/bookclub2.jpeg" alt="Book Club 2" />
<img src="../../images/bookclub2.jpeg" alt="Book Club 2" />
<h4>The Authors Club</h4>
<p>3 members</p>
</div>
<div class="club-card">
<img src="images/bookclub3.jpeg" alt="Book Club 3" />
<img src="../../images/bookclub3.jpeg" alt="Book Club 3" />
<h4>We love books</h4>
<p>10 members</p>
</div>
Expand All @@ -193,7 +193,7 @@ <h3>Trending Group Discussions</h3>
<div class="trending-scroll">
<div class="trending-card">
<img
src="images/trendinggroupdiscussion1.jpeg"
src="../../images/trendinggroupdiscussion1.jpeg"
alt="Trending Group Discussion 1"
/>
<div class="trending-content">
Expand All @@ -204,7 +204,7 @@ <h4>Why do we read books?</h4>
</div>
<div class="trending-card">
<img
src="images/trendinggroupdiscussion2.jpeg"
src="../../images/trendinggroupdiscussion2.jpeg"
alt="Trending Group Discussion 2"
/>
<div class="trending-content">
Expand All @@ -215,7 +215,7 @@ <h4>We are all different</h4>
</div>
<div class="trending-card">
<img
src="images/trendinggroupdiscussion3.webp"
src="../../images/trendinggroupdiscussion3.webp"
alt="Trending Group Discussion 3"
/>
<div class="trending-content">
Expand All @@ -226,7 +226,7 @@ <h4>What did you learn from this book?</h4>
</div>
<div class="trending-card">
<img
src="images/trendinggroupdiscussion4.jpeg"
src="../../images/trendinggroupdiscussion4.jpeg"
alt="Trending Group Discussion 4"
/>
<div class="trending-content">
Expand All @@ -237,7 +237,7 @@ <h4>Was Frankenstein book satisfying to read?</h4>
</div>
<div class="trending-card">
<img
src="images/trendinggroupdiscussion5.jpeg"
src="../../images/trendinggroupdiscussion5.jpeg"
alt="Trending Group Discussion 5"
/>
<div class="trending-content">
Expand All @@ -258,30 +258,30 @@ <h3>Top 3 Recommendations for You</h3>
<div class="recommendations-grid">
<div class="recommendation-item">
<span class="number">1</span>
<img src="images/bookrecommendations1.jpg" alt="Book Recommendation 1" />
<img src="../../images/bookrecommendations1.jpg" alt="Book Recommendation 1" />
</div>
<div class="recommendation-item">
<span class="number">2</span>
<img src="images/bookrecommendations2.jpg" alt="Book Recommendation 2" />
<img src="../../images/bookrecommendations2.jpg" alt="Book Recommendation 2" />
</div>
<div class="recommendation-item">
<span class="number">3</span>
<img src="images/bookrecommendations3.jpg" alt="Book Recommendation 3" />
<img src="../../images/bookrecommendations3.jpg" alt="Book Recommendation 3" />
</div>
</div>
</section>
<script>
const images = [
"images/first1.png",
"images/second2.jpg",
"images/third3.jpg",
"images/fourth4.webp",
"images/fifth5.jpg",
"images/sixth6.jpg",
"images/seventh7.jpeg",
"images/eigth8.jpg",
"images/ninth9.jpg",
"images/tenth10.jpg",
"../../images/first1.png",
"../../images/second2.jpg",
"../../images/third3.jpg",
"../../images/fourth4.webp",
"../../images/fifth5.jpg",
"../../images/sixth6.jpg",
"../../images/seventh7.jpeg",
"../../images/eigth8.jpg",
"../../images/ninth9.jpg",
"../../images/tenth10.jpg",
];

function changeImage(index) {
Expand Down
10 changes: 5 additions & 5 deletions public/club.html → public/webpages/html/club.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,14 +4,14 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Book Club Creation</title>
<link rel="stylesheet" href="club.css" />
<link rel="stylesheet" href="dashboard.css" />
<link rel="stylesheet" href="../css/club.css" />
<link rel="stylesheet" href="../css/dashboard.css" />
</head>
<body>
<header>
<div class="header-container">
<div class="logo-container">
<img src="images/logo1.png" alt="PageTurners Logo" class="logo" />
<img src="../../images/logo1.png" alt="PageTurners Logo" class="logo" />
<span class="site-title"
><a href="dashboard.html">PageTurners</a></span
>
Expand Down Expand Up @@ -122,7 +122,7 @@ <h1>Give Your Club a Name</h1>
<section class="club-creation-container">
<!-- Left side with form -->
<div class="club-form-section">
<img src="images/club-icon.jpg" alt="Club Icon" class="club-icon" />
<img src="../../images/club-icon.jpg" alt="Club Icon" class="club-icon" />
<form action="#" method="POST" class="club-creation-form">
<label for="club-name" class="club-label">Club Name</label>
<input
Expand All @@ -144,7 +144,7 @@ <h1>Give Your Club a Name</h1>
<!-- Right side preview section -->
<div class="preview-section">
<img
src="images/choose2.jpg.avif"
src="../../images/choose2.jpg.avif"
alt="Club Preview on Mobile"
class="preview-img"
/>
Expand Down
Loading

0 comments on commit ca33906

Please sign in to comment.