Skip to content

Commit

Permalink
Merge branch 'main' into main
Browse files Browse the repository at this point in the history
  • Loading branch information
@TBorundia
TBorundia authored Jun 8, 2024
2 parents 1589204 + d703675 commit c7c2bfd
Show file tree
Hide file tree
Showing 15 changed files with 1,240 additions and 379 deletions.
400 changes: 400 additions & 0 deletions assets/css/BookRecommend.css
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions assets/css/forgot-pass.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,14 +46,14 @@ body {
/* intro to page */

.bookworms{
margin-top:200px;
margin-bottom: 50px;
display: flex;
margin-top:120px;
margin-left: 50px;
margin-bottom: 40px;
align-items: center;
}


@media (max-width: 600px) {
.bookworms {
display: flex;
Expand Down
4 changes: 0 additions & 4 deletions assets/css/login.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -606,10 +606,6 @@ body.dark-mode {
.dark-mode.navbar{
background-color: #1e1c1c;
}
.dark-mode.main{
box-shadow: 0 0 20px rgba(230, 230, 230, 0.2);
background-color: hsl(0, 0%, 16%);
}
.dark-mode#login label {
color:#e6e6e6;
}
Expand Down
110 changes: 5 additions & 105 deletions assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -450,7 +450,7 @@ body {

.btn-primary {
background-color: var(--old-rose);
color: var(--white);
color: white;
border-radius: var(--radius-5);
margin-left: 0px;
text-align: center;
Expand Down Expand Up @@ -598,7 +598,7 @@ body {
}

.navbar-item {
margin: 0 10px;
margin: 0 5px;
/* Adjust the horizontal margin to increase spacing */
padding: 0;
/* Remove default padding */
Expand Down Expand Up @@ -760,7 +760,7 @@ body {
}

.navbar-item {
margin: 0 10px;
margin: 0 5px;
padding: 0;
}

Expand Down Expand Up @@ -2589,6 +2589,7 @@ input[type="submit"]:hover {

.answers {
color: var(--sonic-silver);
line-height: 28px;
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-in-out;
Expand Down Expand Up @@ -2877,7 +2878,7 @@ footer {

#back-to-top-container {
position: fixed;
top: 82%;
top: 84.1%;
right: 8%;
/* Changed left to right */
}
Expand Down Expand Up @@ -2993,109 +2994,8 @@ footer {
right: 4.95%;
/* Changed left to right */
}

}

/* recommendation system */
.container00 {
max-width: 900px;
max-height: 800px;
margin: 20px auto;
padding: 80px;
border: 1px solid #ccc;
/* border-radius: 5px; */
background-color: var(--seashell);
border-radius: var(--radius-5);
margin-bottom: 50px;
}

.container01 {
background-color: var(--seashell);
border-radius: var(--radius-5);
margin-bottom: 50px;
margin-left: 310px;
margin-right: 310px;
padding: 80px;
border: 2px solid #b49393;
color: black;
}

.preference-bar {
display: flex;
justify-content: center;
/* Center items horizontally */
align-items: center;
flex-wrap: wrap;
/* Allow items to wrap if they exceed container width */
}

.preference-bar>* {
margin: 0 10px;
/* Add spacing between items */
}

.preference-bar label {
font-weight: bold;
font-size: 20px;
color: #474646;
}

select {
/* Remove default blue background color */
background-color: transparent;
/* Optional: Remove default blue text color */
color: black;
/* or whatever color you want */
}

.preference-bar button {
padding: 10px 16px;
font-size: 16px;
border-radius: 5px;
/* background-color: #007bff; */
/* color: #fff; */
border: none;
cursor: pointer;
}

/* .preference-bar button:hover { */
/* background-color: #0056b3; */
/* } */

.preference-bar select {
padding: 8px;
font-size: 20px;
border-radius: 5px;
border: 2px solid #444242;
outline: none;
background-color: rgb(234, 224, 221);
color: #333;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.preference-bar select option {
background-color: rgb(242, 227, 227);
color: #333;
padding: 8px;
}

.container00 h2 {
color: rgb(62, 60, 60);
margin-bottom: 50px;
margin-left: 230px;
font-size: 30px;
}

.preference-bar select:hover {
background-color: var(--old-rose_30);
}

.preference-bar select:focus {
border-color: #1e1e1f;
/* Border color when the select element is focused */
box-shadow: 0 0 5px rgb(232, 167, 137);
/* Adding a shadow for better focus indication */
}

.dark-mode .preference-bar label,
.dark-mode .preference-bar select:hover,
Expand Down
29 changes: 20 additions & 9 deletions assets/html/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,8 @@

<link rel="stylesheet" href="assets/css/test-style.css">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

<!-- <link rel="stylesheet" href="../css/login.css" /> -->
<link rel="stylesheet" href="../css/style.css">

Expand Down Expand Up @@ -535,17 +537,17 @@ <h2>Quick Links</h2>
/* Scale the icon on hover */
}

.icons .icon:hover .fab.fa-facebook-square {
.icons .icon:hover .fab.fa-facebook {
color: #3B5998;
/* Change to Facebook color on hover */
}

.icons .icon:hover .fa-brands.fa-square-x-twitter {
.icons .icon:hover .fab.fa-twitter {
color: #090e11;
/* Change to Twitter color on hover */
}

.icons .icon:hover .fab.fa-instagram-square {
.icons .icon:hover .fab.fa-instagram {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
background-clip: text;
border-radius: 20%;
Expand All @@ -554,34 +556,43 @@ <h2>Quick Links</h2>
/* Change to Instagram color on hover */
}

.icons .icon:hover .fab.fa-youtube-square {
.icons .icon:hover .fab.fa-youtube {
color: #C31A1E;
/* Change to YouTube color on hover */
}

.icons .icon:hover .fab.fa-github {
color: #333;
}
</style>

<div class="icons">
<a href="#">
<div class="icon">
<i class="fab fa-facebook-square" title="Facebook" style="cursor: pointer;"></i>
<i class="fab fa-facebook" title="Facebook" style="cursor: pointer;"></i>
</div>
</a>

<a href="#">
<div class="icon">
<i class="fa-brands fa-square-x-twitter" title="X" style="cursor: pointer;"></i>
<i class="fab fa-twitter" title="X" style="cursor: pointer;"></i>
</div>
</a>

<a href="#">
<div class="icon">
<i class="fab fa-instagram-square" title="Instagram" style="cursor: pointer;"></i>
<i class="fab fa-instagram" title="Instagram" style="cursor: pointer;"></i>
</div>
</a>

<a href="https://www.youtube.com/@anuragbytes" title="YouTube">
<div class="icon">
<i class="fab fa-youtube-square" style="cursor: pointer;"></i>
<i class="fab fa-youtube" style="cursor: pointer;"></i>
</div>
</a>
<a href="https://github.com/anuragverma108">
<div class="icon">
<i class="fab fa-github" style="cursor: pointer;"></i>
</div>
</a>
</div>
Expand Down Expand Up @@ -862,4 +873,4 @@ <h2>Quick Links</h2>

</body>

</html>
</html>
4 changes: 3 additions & 1 deletion assets/html/book_recommend.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,8 @@
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../css/style.css">
<link rel="stylesheet" href="../css/BookRecommend.css">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
integrity="sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
Expand Down Expand Up @@ -274,7 +276,7 @@ <h1 class="rating_heading">Rate Us</h1>
<article>

<div id="recommend">
<p class="section-subtitle" id="heading">Book Recommendation</p>
<p class="section-subtitle" id="heading" >Book Recommendation</p>
<h2 class="h2 section-title has-underline">
Discover Your Next Read
</h2>
Expand Down
Loading

0 comments on commit c7c2bfd

Please sign in to comment.