From 658f6ae69c8583845d0931ba07d10cab858e49dd Mon Sep 17 00:00:00 2001 From: Rakshita Date: Thu, 17 Oct 2024 15:58:42 +0530 Subject: [PATCH 01/17] I have improved the book exchange form --- assets/css/style.css | 147 +++++++++++++++++++++ index.html | 296 ++++++++++++++++++++++++------------------- 2 files changed, 315 insertions(+), 128 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index 0f88995cf..c3b0c7d90 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -4677,3 +4677,150 @@ body.dark-mode .h3 { position: relative; left: 10rem; } + + +body { + background-color: #ffb2a8; /* Background color for the whole page */ + color: black; + font-size: 1.55rem; + line-height: 1.8; +} + +.container1 { + + width: 100%; + max-width: 1200px; + height: auto; + max-height: 1600px; + padding: 20px; + box-sizing: border-box; + overflow-y: auto; + border: 1px solid #ccc; + border-radius: 8px; + background-color:var(--seashell); +} +* { + box-sizing: border-box; +} + + + + +.form-fields { + display: flex; + flex-direction: column; +} + +/* Label for each field */ +.form-label { + margin-bottom: 5px; /* Reduced margin */ + font-weight: bold; + margin-top:5px +} + +/* Input field styling */ +.input-field { + padding: 8px; /* Reduced padding */ + border: 1px solid #ccc; + border-radius: 4px; + margin-bottom: 10px; /* Adjusted margin */ + width: 100%; /* Full width */ + box-sizing: border-box; + margin-top: 5px;/* Include padding in width */ +} + +/* Currency container styling */ +.currency-container { + display: flex; + align-items: center; + margin-bottom: 10px; /* Adjusted margin */ +} + +/* Styling for currency label */ +.currency-label { + margin-right: 8px; /* Reduced margin */ +} + +/* Button styling */ +.btn { + background-color: #ff67a1; + color: white; + border: none; + padding: 10px; /* Reduced padding */ + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s; +} + + /* Style for Predict Price button */ +#predictPriceBtn { + background-color:#4CAF50; /* Change to your preferred background color */ + color: white; /* Text color */ + border: none; + padding: 10px 20px; + cursor: pointer; + font-size: 16px; + border-radius: 5px; + transition: background-color 0.3s ease; +} + +/* Hover effect */ +#predictPriceBtn:hover { + background-color:#ad5388; /* Darker shade for hover effect */ +} + +/* Active and focus states to prevent white background */ +#predictPriceBtn:active, +#predictPriceBtn:focus { + background-color: #ad5388; /* Keep the original background color */ + color: white; + outline: none; +} + +/* Remove any outline on focus */ +#predictPriceBtn:focus { + outline: none; +} + + + + + +/* Style for the Connect with a Reader button */ +#connectReaderBtn { + background-color: #4CAF50; /* Change this color to your preferred button color */ + color: white; /* Button text color */ + border: none; /* Remove border */ + padding: 10px 20px; /* Button padding */ + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin-top: 10px; + cursor: pointer; + border-radius: 4px; /* Rounded corners */ + transition: background-color 0.3s ease; +} + +#connectReaderBtn:hover { + background-color: #ad5388; /* Darker shade on hover */ +} + + +/* Button hover effect */ +.btn:hover { + background-color: #e25591; +} + +/* Error message styling */ +.error { + color: red; + font-size: 0.9rem; + margin-top: -8px; /* Reduced margin */ + margin-bottom: 10px; /* Adjusted margin */ +} + +/* New field for book name */ +.book-name-field { + margin-bottom: 10px; /* Space between fields */ +} diff --git a/index.html b/index.html index 7cad62e53..bd1a54e6a 100644 --- a/index.html +++ b/index.html @@ -4754,135 +4754,175 @@

Autobiography

- -
-
-

- Book Exchange Hub - -

-

- Connect with fellow readers in our Book Exchange Hub. Sell your old books at half price and give your - favorite reads a new home. Fill out the form below to get started! -

- -
-
- - - - - - - - - -
- - -
- - -
- - -
- - - + -
-
+ }); + }); + + // Function to reset form fields + function resetForm() { + document.getElementById("bookTitle").value = ""; + document.getElementById("bookAuthor").value = ""; + document.getElementById("genre").value = ""; + document.getElementById("condition").value = ""; + document.getElementById("actualPrice").value = ""; + document.getElementById("discountRate").value = ""; + document.getElementById("userName").value = ""; + document.getElementById("email").value = ""; + document.getElementById("additionalInfo").value = ""; + document.getElementById("bookImage").value = ""; + + document.getElementById("predictedPrice").textContent = "Predicted Price: "; // Reset predicted price display + } + }); + + + + +
@@ -4903,40 +4899,6 @@

Organizations

-
- Library Image -
-

Library

-

Donate your books to local libraries and help foster a love for reading in your community.

-
- -
-
-
-
- School Image -
-

Schools

-

Support children's education by donating books to nearby schools for students of all ages.

-
- -
-
-
-
- Organization Image -
-

Organizations

-

Donate books to support educational programs of NGOs and other organizations.

-
- -
-
-
- - main - - - - - -
From 6d12395229651bc31b1755ef0eaa26a86d3a8d97 Mon Sep 17 00:00:00 2001 From: Rakshita Date: Fri, 18 Oct 2024 16:04:06 +0530 Subject: [PATCH 12/17] aligned to left --- assets/css/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/css/style.css b/assets/css/style.css index c7886771c..97c3b227b 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1102,7 +1102,7 @@ play-btn ion-icon { flex-wrap: wrap; justify-content: center; align-items:left; - text-align: left; + margin-left: 120px; } From 008ce5897919817761df523255ab01a95f9c1534 Mon Sep 17 00:00:00 2001 From: Riya Chauhan <96919050+Riyachauhan11@users.noreply.github.com> Date: Fri, 18 Oct 2024 17:42:04 +0530 Subject: [PATCH 13/17] improved appearance of terms&cond page --- terms&cond.html | 396 ++++++++++++++++++++++++++++-------------------- 1 file changed, 232 insertions(+), 164 deletions(-) diff --git a/terms&cond.html b/terms&cond.html index b307a5c00..be1242a9c 100644 --- a/terms&cond.html +++ b/terms&cond.html @@ -1,103 +1,133 @@ - - - + + + Book Swap Terms and Conditions - - + +
@@ -120,94 +150,132 @@
-

Book Swap Terms and Conditions

+

Book Swap Terms and Conditions

-

1. Introduction

-

Welcome to our book swap community! By participating in book swaps on our platform, you agree to the following terms and conditions.

+

1. Introduction

+

+ Welcome to our book swap community! By participating in book swaps on + our platform, you agree to the following terms and conditions. +

-

2. Book Swapping Process

-
    -
  • Users can list books they want to swap.
    • -
  • Other users can express interest in swapping those books.
    • -
  • Once both parties agree, they arrange the swap.
    • -
+

2. Book Swapping Process

+
    +
  • Users can list books they want to swap.
    • +
  • Other users can express interest in swapping those books.
    • +
  • Once both parties agree, they arrange the swap.
    • +
-

3. Borrowing Period

-

Borrowers can keep the swapped book for a specified period (e.g., 2 weeks). Extensions may be allowed if both parties agree.

+

3. Borrowing Period

+

+ Borrowers can keep the swapped book for a specified period (e.g., 2 + weeks). Extensions may be allowed if both parties agree. +

-

4. Late Returns

-

If a borrower doesn't return the book on time, the following actions may be taken:

-
    -
  • First Reminder: A friendly reminder via email or notification.
    • -
  • Second Reminder: A stronger reminder with a potential warning.
    • -
  • Third Reminder: Suspension of book swap privileges.
    • -
  • Further Actions: Legal steps or penalties (if necessary).
    • -
+

4. Late Returns

+

+ If a borrower doesn't return the book on time, the following actions may + be taken: +

+
    +
  • First Reminder: A friendly reminder via email or notification.
    • +
  • Second Reminder: A stronger reminder with a potential warning.
    • +
  • Third Reminder: Suspension of book swap privileges.
    • +
  • Further Actions: Legal steps or penalties (if necessary).
    • +
-

5. Book Condition

-

Borrowers must return books in the same condition they received them. Minor wear and tear are acceptable, but significant damage may result in penalties.

+

5. Book Condition

+

+ Borrowers must return books in the same condition they received them. + Minor wear and tear are acceptable, but significant damage may result in + penalties. +

-

6. Privacy and Data

-

We respect your privacy. Read our privacy policy for details on data handling.

+

6. Privacy and Data

+

+ We respect your privacy. Read our privacy policy for details on data + handling. +

-

7. Disputes

-

In case of disputes, we encourage open communication between users. If unresolved, contact our support team for assistance.

+

7. Disputes

+

+ In case of disputes, we encourage open communication between users. If + unresolved, contact our support team for assistance. +

-

8. Changes to Terms

-

We may update these terms. Check back for any changes.

+

8. Changes to Terms

+

We may update these terms. Check back for any changes.

- + + From 8410b7486a98374b570ab12af3ae74d5878c7d58 Mon Sep 17 00:00:00 2001 From: saumya yadav Date: Fri, 18 Oct 2024 18:58:39 +0530 Subject: [PATCH 14/17] dark mode changes --- index.html | 29 +++++++++++++++++++---------- 1 file changed, 19 insertions(+), 10 deletions(-) diff --git a/index.html b/index.html index 36293f983..af8614bc9 100644 --- a/index.html +++ b/index.html @@ -210,6 +210,9 @@ margin: 0; /* Remove default margins from

*/ } +.dark-mode .description{ + color: #d5a1a4; +} .dark-mode .fas{ color:white; } @@ -1607,7 +1610,9 @@ #quicklinks .foot-quick a p { margin: 0; /* Remove default margins from

*/ } - +.dark-mode #quicklinks .foot-quick h4{ + color: #909dc2; +} .dark-mode .fas{ color:#8e6165; } @@ -1733,9 +1738,11 @@ .dark-mode .socialmediaicons .fa-linkedin:hover { color: #0e76a8; /* Dark mode hover color for LinkedIn */ } - +.dark-mode .socialmediaicons .fa-discord{ + color:white; +} .dark-mode .socialmediaicons .fa-discord:hover { - color: #a9a9a9; /* Dark mode hover color for Discord */ + color: #7289da; /* Dark mode hover color for Discord */ } .instagram, .facebook, .youtube, .github, .linkedin, .discord { @@ -4763,7 +4770,7 @@

font-family:Georgia, 'Times New Roman', Times, serif; text-align: center; font-size: 2.8rem; - color: #A30F17; + color: #461316; letter-spacing: 1px; text-transform: uppercase; } @@ -4828,7 +4835,9 @@

text-align: center; color: #555; } - +.dark-mode .card-text{ + color:rgb(245, 219, 219); +} .button-container { text-align: center; margin-top: 1rem; @@ -4868,7 +4877,7 @@

Donate Books

Library Image

Library

-

Donate your books to local libraries and help foster a love for reading in your community.

+

Donate your books to local libraries and help foster a love for reading in your community.

@@ -4881,7 +4890,7 @@

Library

School Image

Schools

-

Support children's education by donating books to nearby schools for students of all ages.

+

Support children's education by donating books to nearby schools for students of all ages.

@@ -4893,7 +4902,7 @@

Schools

Organization Image

Organizations

-

Help the organizations by donating books to support their educational programs.

+

Help the organizations by donating books to support their educational programs.

@@ -5073,8 +5082,8 @@

Contact Us!

-

Have a Question?

-

GET IN TOUCH

+

Have a Question?

+

GET IN TOUCH

From f11473c575a28c0590f050593f0d2cdd469e4925 Mon Sep 17 00:00:00 2001 From: Gauravtb2253 Date: Fri, 18 Oct 2024 21:10:57 +0530 Subject: [PATCH 15/17] removed main word above contact --- assets/JSON/package-lock.json | 5 +++++ assets/JSON/package.json | 1 + index.html | 1 - package-lock.json | 5 +++++ package.json | 1 + 5 files changed, 12 insertions(+), 1 deletion(-) diff --git a/assets/JSON/package-lock.json b/assets/JSON/package-lock.json index 49a23c75b..07445f192 100644 --- a/assets/JSON/package-lock.json +++ b/assets/JSON/package-lock.json @@ -14,6 +14,7 @@ "mongoose": "^8.3.4", "nodemailer": "^6.9.13", "nodemon": "^3.1.0", + "swapreads": "file:", "zod": "^3.23.8" } }, @@ -1150,6 +1151,10 @@ "node": ">=4" } }, + "node_modules/swapreads": { + "resolved": "", + "link": true + }, "node_modules/to-regex-range": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", diff --git a/assets/JSON/package.json b/assets/JSON/package.json index 1e25c6c9e..b459762ed 100644 --- a/assets/JSON/package.json +++ b/assets/JSON/package.json @@ -16,6 +16,7 @@ "mongoose": "^8.3.4", "nodemailer": "^6.9.13", "nodemon": "^3.1.0", + "swapreads": "file:", "zod": "^3.23.8" } } diff --git a/index.html b/index.html index 36293f983..8a917af90 100644 --- a/index.html +++ b/index.html @@ -4952,7 +4952,6 @@

Rate Us

- main @@ -621,15 +642,15 @@

"Enriching stories to warm your heart"

-
+