Skip to content

Commit

Permalink
Update
Browse files Browse the repository at this point in the history
  • Loading branch information
@mdfaizaanalam
mdfaizaanalam committed Oct 19, 2024
2 parents 8fc37c5 + 8dccbe1 commit f85c1b0
Show file tree
Hide file tree
Showing 13 changed files with 906 additions and 438 deletions.
5 changes: 5 additions & 0 deletions assets/JSON/package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions assets/JSON/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@
"mongoose": "^8.3.4",
"nodemailer": "^6.9.13",
"nodemon": "^3.1.0",
"swapreads": "file:",
"zod": "^3.23.8"
}
}
167 changes: 162 additions & 5 deletions assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;

}
Expand Down Expand Up @@ -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
*/
Expand Down Expand Up @@ -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 */
}
21 changes: 19 additions & 2 deletions assets/html/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1436,10 +1436,27 @@ <h2>Quick Links</h2>


<a href="/copyrightpolicy.html" id="copyrightPolicyLink">Copyright Policy</a> |
<a href="/privacynotice.html" id="privacyNoticeLink">Privacy Notice</a>
<a href="/our-vision.html">Our Vision</a></li>
<a href="/privacynotice.html" id="privacyNoticeLink">Privacy Notice</a> |
<a href="/our-vision.html" id="ourvisionLink">Our Vision</a></li>
</div>
</div>
<style>
#copyrightPolicyLink:hover{
color: rgb(126, 0, 21);
transition: 0.5s ease;
text-decoration: none;
}
#privacyNoticeLink:hover{
color: rgb(126, 0, 21);
transition: 0.5s ease;
text-decoration: none;
}
#ourvisionLink:hover{
color: rgb(126, 0, 21);
transition: 0.5s ease;
text-decoration: none;
}
</style>

<!-- Copyright Policy Modal -->
<div id="copyrightPolicyModal" class="modal">
Expand Down
35 changes: 28 additions & 7 deletions books.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,13 @@

<body>
<style>

.error-message{
font-size: 20px;
text-align: center;
margin-top: 10%;
width: 100%;
height: 300px;
}
.action {
position: fixed;
top: 20px;
Expand Down Expand Up @@ -543,19 +549,34 @@ <h3>XYZ<br /><span>Book Lover</span></h3>
document.addEventListener('DOMContentLoaded', function() {
const searchInput = document.getElementById('book-search');
const allBooks = document.querySelectorAll('.flex.flex-col');

const parentElement = document.getElementById('books-container');
let noBooksMessage;
searchInput.addEventListener('input', function() {
const searchTerm = searchInput.value.toLowerCase();

var count = 0;
allBooks.forEach(book => {
const title = book.querySelector('p').textContent.toLowerCase();

if (title.includes(searchTerm)) {
count++;
book.style.display = 'block'; // Show matching book
} else {
book.style.display = 'none'; // Hide non-matching book
}
});
// Showing No books found if none of the books match
if(count == 0){
if(!noBooksMessage){
noBooksMessage = document.createElement("p");
noBooksMessage.classList.add("error-message")
noBooksMessage.textContent = "No books Found ";
parentElement.appendChild(noBooksMessage);
}
}
else if(noBooksMessage){
noBooksMessage.remove();
noBooksMessage = null;
}
});
});
</script>
Expand Down Expand Up @@ -621,15 +642,15 @@ <h3 class="h3 card-title">"Enriching stories to warm your heart"</h3>

<!--THE BOOKS-->

<div class="container mx-auto flex items-center flex-wrap pt-4 pb-12">
<div class="container mx-auto flex items-center flex-wrap pt-4 pb-12" id="books-container">


<nav id="store" class="w-full z-30 top-0 px-6 py-1">
<input type="text" id="book-search" placeholder="Search books..." class="p-2 border border-gray-300 rounded-md mb-4 outline-none mt-[20px] border-b-gray-400 border-b-[1px] ">
<input type="text" id="book-search" placeholder="Search books..." class="px-20 py-2 border border-gray-300 rounded-md mb-4 outline-none mt-[20px] border-b-gray-400 border-b-[1px] ">

<div class="w-full container mx-auto flex flex-wrap items-center justify-between mt-0 px-2 py-3" style="width:24px; height: 24px; position: absolute; right: 560px;">
<div class="w-full container mx-auto flex flex-wrap items-center justify-between mt-0 px-2 py-3" style="width:24px; height: 24px;">

<div class="flex items-center" id="store-nav-content" style="width:24px; height: 24px; bottom: 10px">
<div class="flex items-center justify-end" id="store-nav-content" style="position: absolute; right: 20%">

<a class="pl-3 inline-block no-underline hover:text-black" href="#">
<svg class="fill-current hover:text-black" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24">
Expand Down
Loading

0 comments on commit f85c1b0

Please sign in to comment.