Merge branch 'main' into Update

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Anurag Verma
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -156,6 +156,12 @@ Join SwapReads.com today and embark on a literary journey like never before!
         <td><a href="https://discordapp.com/users/riti1641" target="_blank" class="discord">Discord</a></td>
         <td>ritichandak@gmail.com</td>
     </tr>
+    <tr>
+        <td>Mentor</td>
+        <td><a href="https://www.linkedin.com/in/rishabhdhawad/" target="_blank">LinkedIn</a></td>
+        <td><a href="https://discordapp.com/users/rishabhdhawad" target="_blank" class="discord">Discord</a></td>
+        <td>rishabhdhawad29@gmail.com</td>
+    </tr>
 </table>
 
 <hr>

assets/css/Available.css

@@ -21,7 +21,6 @@ body {
     margin-bottom: 40px;
     margin-top: 40px;
     padding-top: 8%;
-    padding-left: 22%;
     left: 50px;
 }
 
@@ -125,6 +124,26 @@ h2.section-title {
     background-color: var(--btn-bg-hover-color);
 
 }
+.read_later_button{
+    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:180px;
+    margin-left: 40px;
+}
+.read_later_button::after,
+.read_later_button::before {
+    content: "";
+    position: absolute;
+    transition: background-color 0.3s ease-in-out;
+}
 
 /* Span for underline effect */
 span {
@@ -134,9 +153,29 @@ span {
 /* Class for the underline effect */
 .has-underline {
     position: relative;
-    margin-block-end: 60px;
     text-align: center; /* Center align the heading */
 }
+.read_later_button::after {
+    width: 100%;
+    height: 6px;
+    background-color: var(--border-color-bottom);
+    bottom: -6px;
+    left: 0;
+}
+
+.read_later_button::before {
+    width: 6px;
+    height: 100%;
+    background-color: var(--border-color-right);
+    top: 0;
+    right: -6px;
+
+}
+
+.read_later_button:hover {
+    background-color: var(--btn-bg-hover-color);
+
+}
 
 /* Span within the underline class */
 .span {