Merge branch 'main' into fix/literary-realms

.github/Pull_Request_Template.md

@@ -22,13 +22,17 @@ Fixes:  #(issue no.)
 
 # Checklist:
 
-<!----Please delete options that are not relevant.And in order to tick the check box just but x inside them for example [x] like this----->
-- [ ] I have made this from my own
-- [ ] I have taken help from some online resourses 
-- [ ] My code follows the style guidelines of this project
-- [ ] I have performed a self-review of my own code
-- [ ] I have commented my code, particularly in hard-to-understand areas
-- [ ] I have made corresponding changes to the documentation
-- [ ] My changes generate no new warnings
+<!--
+----Please delete options that are not relevant. And in order to tick the check box just put x inside them for example [x] like
+-->
+
+- [ ] I have made this change from my own.
+- [ ] I have taken help from some online resources.
+- [ ] My code follows the style guidelines of this project.
+- [ ] I have performed a self-review of my own code.
+- [ ] I have commented my code, particularly in hard-to-understand areas.
+- [ ] I have made corresponding changes to the documentation.
+- [ ] My changes generate no new warnings.
 - [ ] I have tested the changes thoroughly before submitting this pull request.
-- [ ] I have provided relevant issue numbers, screenshots, and videos after making the changes.
+- [ ] I have provided relevant issue numbers and screenshots after making the changes.
+

.github/workflows/greetings.yaml

@@ -1,16 +0,0 @@
-name: Greetings
-
-on: [pull_request_target, issues]
-
-jobs:
-  greeting:
-    runs-on: ubuntu-latest
-    permissions:
-      issues: write
-      pull-requests: write
-    steps:
-    - uses: actions/first-interaction@v1
-      with:
-        repo-token: ${{ secrets.GITHUB_TOKEN }}
-        issue-message: "Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible. Please Star our github repository."
-        pr-message: "Welcome to Our repository.🎊 Thank you so much for taking the time to point this out."

assets/css/Available.css

@@ -0,0 +1,120 @@
+:root {
+    --btn-bg-color: hsl(357, 37%, 62%);
+    --btn-bg-hover-color: hsl(357, 37%, 52%);
+    --btn-text-color: white;
+    --background-color: hsl(20, 43%, 93%);
+    ;
+    --old-rose: hsl(357, 37%, 62%);
+}
+
+body {
+    background-color: var(--background-color);
+    font-family: 'Poppins', sans-serif;
+}
+
+.book-display .benefits-content {
+    text-align: center;
+    margin-bottom: 40px;
+    margin-top: 40px;
+}
+
+.book-display .book-list {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+    gap: 20px;
+    justify-content: center;
+    padding: 50px;
+}
+
+.book-item {
+    text-align: center;
+    max-width: 200px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    transition: transform 0.3s ease-in-out;
+    padding: 5px;
+    padding-bottom: 30px;
+
+}
+
+.book-cover {
+    width: 4.5cm;
+    height: 6.5cm;
+    border: 2px solid transparent;
+    padding: 6px;
+    transition: transform 0.3s ease-in-out, border-color 0.3s ease-in-out;
+}
+
+.book-title {
+    margin: 10px 0;
+    font-size: 18px;
+    color: #474747;
+}
+
+h2.section-title {
+    font-family: 'Philosopher', sans-serif;
+    color: hsl(203, 30%, 26%);
+    sss;
+    font-size: 3em;
+}
+
+.section-text {
+    font-family: "Poppins", sans-serif;
+    color: hsl(208, 7%, 46%);
+}
+
+.book-item:hover {
+    transform: translateY(-5px);
+}
+
+.book-cover:hover {
+    border-color: hsl(357, 37%, 62%);
+    transform: scale(1.05);
+}
+
+.btn-secondary {
+    background-color: var(--btn-bg-color);
+    color: var(--btn-text-color);
+    padding: 10px 20px;
+    border-radius: 4px;
+    cursor: pointer;
+    text-decoration: none;
+    display: inline-block;
+    margin-top: 10px;
+    position: relative;
+    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
+    width: fit-content;
+    margin-left: 40px;
+
+
+}
+
+.btn-secondary::after,
+.btn-secondary::before {
+    content: "";
+    position: absolute;
+    transition: background-color 0.3s ease-in-out;
+}
+
+.btn-secondary::after {
+    width: 100%;
+    height: 6px;
+    background-color: var(--border-color-bottom);
+    bottom: -6px;
+    left: 0;
+}
+
+.btn-secondary::before {
+    width: 6px;
+    height: 100%;
+    background-color: var(--border-color-right);
+    top: 0;
+    right: -6px;
+
+}
+
+.btn-secondary:hover {
+    background-color: var(--btn-bg-hover-color);
+
+}

assets/css/addremove.css

@@ -55,6 +55,8 @@ body {
   border-radius: 5px;
   box-shadow: 0 0 10px var(--chinese-violet_30);
   width: 300px;
+  padding-bottom: 30px;
+  margin-bottom: 20px;
   text-align: center;
 }
 
@@ -148,4 +150,16 @@ button:hover {
   cursor: pointer;
   height: 20px;
   width: 25px;
-}
+}
+@media only screen and (max-width: 786px) {
+  #container{
+    height:465px;
+  }
+}
+@media only screen and (max-width: 375px) {
+  #container{
+    width: 250px;
+    height:480px;
+    padding-bottom: 30px;
+  }
+}

assets/css/login.css

@@ -106,15 +106,6 @@ p {
 
 }
 
-.navbar-link {
-  position: relative;
-  color: var(--charcoal);
-  padding: 8px 12px; /* Adjust padding as needed */
-  line-height: 2;
-  text-decoration: none;
-
-  transition: var(--transition-1);
-}
 .nav-links {
   margin: 0;
   text-decoration: none;
@@ -438,6 +429,23 @@ a:active {color: var(--old-rose);}
 .message {
     color: red;
 } */
+
+
+.navbar-link {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  color: var(--charcoal);
+  padding: 8px 12px; /* Adjust padding as needed */
+  line-height: 2;
+  transition: var(--transition-1);
+}
+
+.navbar-link:is(:hover, :focus) {
+  color: var(--old-rose);
+}
+
 .dropdown-menu {
   /* display: none;
   position: absolute;
@@ -453,12 +461,8 @@ a:active {color: var(--old-rose);}
   z-index: 1;
   transition: all 0.3s ease;
   top: 100%;
+  text-align: center;
 }
-
-.dropdown-item {
-  margin-top: 5px;
-}
-
 .dropdown-menu-list {
   list-style: none;
   margin: 0;
@@ -484,43 +488,19 @@ a:active {color: var(--old-rose);}
 
 .navbar-item.dropdown {
   position: relative; /* Ensure the dropdown menu is positioned relative to the navbar item */
+} 
+.dropdown-menu-item .navbar-link {
+  display: inline-block; /* Ensure links are inline-block to center them */
 }
-
 .navbar-item.dropdown:hover .dropdown-menu {
   display: block;
-} */
-
-.dropdown-menu {
-  display: none;
-  position: absolute;
-  background-color: #fff;
-  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
-  z-index: 1;
-  transition: all 0.3s ease;
-  top: 100%;
-}
-
-.dropdown-menu-list {
-  list-style: none;
-  margin: 0;
-  padding: 0;
+} 
+.dropdown-arrow {
+  transition: transform 0.3s ease; /* Smooth transition for rotation */
 }
 
-.dropdown-menu-item {
-  padding: 12px 16px;
-}
-
-.dropdown-menu-item a {
-  text-decoration: none;
-  color: #000;
-}
-
-.dropdown-menu.active {
-  display: block;
-}
-
-.navbar-item.dropdown {
-  position: relative;
+.navbar-item.dropdown:hover .dropdown-arrow {
+  transform: rotate(180deg);
 }
 
 .form {