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/assets/css/style.css b/assets/css/style.css index 1ed108062..d230e515f 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1101,7 +1101,8 @@ play-btn ion-icon { display: flex; flex-wrap: wrap; justify-content: center; - align-items: center; + align-items:left; + margin-left: 120px; } @@ -2756,12 +2757,15 @@ footer { padding-block-start: calc(var(--section-padding) + 100px); text-align: left; } - + .hero .container { - grid-template-columns: 1fr 0.8fr; - align-items: center; - } + grid-template-columns: 1fr 0.8fr; + align-items: center; + margin-left: 30px; + + } + /** * BENEFITS */ @@ -4688,3 +4692,156 @@ 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; + text-align: start; +} + +.container1 { + margin: 0 auto; + width: 100%; + text-align: left !important; + 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; +} + +body, .container1, .form-fields { + text-align: left !important; +} + + + +.form-fields { + display: flex; + flex-direction: column; + align-items: flex-start; +} + +/* 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/assets/html/about.html b/assets/html/about.html index 6f675f1a4..29bf568e9 100644 --- a/assets/html/about.html +++ b/assets/html/about.html @@ -1436,10 +1436,27 @@
*/ } +.dark-mode .description{ + color: #d5a1a4; +} .dark-mode .fas{ color:white; } @@ -809,6 +815,7 @@ .donate-books-section p{ padding: 1rem; text-align: justify; + margin-bottom: 1rem; } .donate-books-section img { border-top-left-radius: 2.5rem; @@ -1104,7 +1111,7 @@ /* Fixed translate button */ *{ transition: all 0.3s ease-in-out; - text-align: center; + text-align: left; } #translateButton { position: fixed; @@ -1572,7 +1579,8 @@ margin-top: 12rem;; width: 4rem; height: 15rem; - + top: 0; + left: 2rem; } #quicklinks { display: flex; @@ -1607,7 +1615,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 +1743,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 { @@ -2184,7 +2196,6 @@ } .button-container { text-align: center; - margin-top: 1rem; } @@ -3021,7 +3032,7 @@
01
02
-02
+03
-- 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! -
- -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.
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.
Help the organizations by donating books to support their educational programs.
+Help the organizations by donating books to support their educational programs.
+