From 6a7f2348b43e0f995c62376b4604db01369c5ca0 Mon Sep 17 00:00:00 2001 From: Eunice Shobowale Date: Wed, 13 Nov 2024 17:08:20 -0500 Subject: [PATCH 1/5] Create browse.css --- public/scripts/browse.css | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 public/scripts/browse.css diff --git a/public/scripts/browse.css b/public/scripts/browse.css new file mode 100644 index 0000000..6030a3a --- /dev/null +++ b/public/scripts/browse.css @@ -0,0 +1,39 @@ +/* Add this to your CSS file (dashboard.css or browse.css if separate) */ + +#all-books-container { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 20px; + padding: 20px; +} + +.book-card { + display: flex; + background-color: white; + padding: 1.5em; + border-radius: 12px; + width: 200px; /* Fixed width for larger size */ + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); + transition: transform 0.3s ease; + text-align: center; +} + +.book-card img { + max-width: 100%; + height: auto; + margin-bottom: 10px; + border-radius: 5px; +} + +.book-card:hover { + transform: scale(1.05); + box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); +} + + +#all-books-container { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); + gap: 20px; + padding: 20px; +} From f78e2d4f9cc88e4b304b675293e7cec012e31652 Mon Sep 17 00:00:00 2001 From: Eunice Shobowale Date: Wed, 13 Nov 2024 17:14:55 -0500 Subject: [PATCH 2/5] Creating browse.css --- public/webpages/css/browse.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) create mode 100644 public/webpages/css/browse.css diff --git a/public/webpages/css/browse.css b/public/webpages/css/browse.css new file mode 100644 index 0000000..d1013ab --- /dev/null +++ b/public/webpages/css/browse.css @@ -0,0 +1,32 @@ + + +.book-card { + display: flex; + background-color: white; + padding: 1.5em; + border-radius: 12px; + width: 200px; /* Fixed width for larger size */ + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); + transition: transform 0.3s ease; + text-align: center; +} + +.book-card img { + max-width: 100%; + height: auto; + margin-bottom: 10px; + border-radius: 5px; +} + +.book-card:hover { + transform: scale(1.05); + box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); +} + + +#all-books-container { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); + gap: 20px; + padding: 20px; +} From e5c8f3e5eb956008f0e9bf42f9997c7209f623f0 Mon Sep 17 00:00:00 2001 From: Eunice Shobowale Date: Wed, 13 Nov 2024 17:15:25 -0500 Subject: [PATCH 3/5] Creating browse.html --- public/webpages/html/browse.html | 63 ++++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) create mode 100644 public/webpages/html/browse.html diff --git a/public/webpages/html/browse.html b/public/webpages/html/browse.html new file mode 100644 index 0000000..53e2133 --- /dev/null +++ b/public/webpages/html/browse.html @@ -0,0 +1,63 @@ + + + + + + Browse All Books + + + + +
+

Browse All Books

+
+
+
+ +
+
+
+

© 2024 PageTurners. All Rights Reserved.

+
+ + + + From b1652e633a423b27f242111109a9346ac8e53363 Mon Sep 17 00:00:00 2001 From: Eunice Shobowale Date: Wed, 13 Nov 2024 17:17:43 -0500 Subject: [PATCH 4/5] Updating dashboard.html Including the browse.html for the browse all --- public/webpages/html/dashboard.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/public/webpages/html/dashboard.html b/public/webpages/html/dashboard.html index cdb7193..665bfce 100644 --- a/public/webpages/html/dashboard.html +++ b/public/webpages/html/dashboard.html @@ -133,6 +133,7 @@

Our Book Genres

+ Browse All
@@ -184,6 +185,7 @@

Crime

Featured Books

+ Browse All
From 0b9d0328cd2da52833055072d144e033bd9a7512 Mon Sep 17 00:00:00 2001 From: Eunice Shobowale Date: Wed, 13 Nov 2024 17:25:36 -0500 Subject: [PATCH 5/5] Delete public/scripts/browse.css this is not in the right path --- public/scripts/browse.css | 39 --------------------------------------- 1 file changed, 39 deletions(-) delete mode 100644 public/scripts/browse.css diff --git a/public/scripts/browse.css b/public/scripts/browse.css deleted file mode 100644 index 6030a3a..0000000 --- a/public/scripts/browse.css +++ /dev/null @@ -1,39 +0,0 @@ -/* Add this to your CSS file (dashboard.css or browse.css if separate) */ - -#all-books-container { - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: 20px; - padding: 20px; -} - -.book-card { - display: flex; - background-color: white; - padding: 1.5em; - border-radius: 12px; - width: 200px; /* Fixed width for larger size */ - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); - transition: transform 0.3s ease; - text-align: center; -} - -.book-card img { - max-width: 100%; - height: auto; - margin-bottom: 10px; - border-radius: 5px; -} - -.book-card:hover { - transform: scale(1.05); - box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); -} - - -#all-books-container { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); - gap: 20px; - padding: 20px; -}