Merge branch 'main' into diversee

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1,5 @@
+blank_issues_enabled: true
+contact_links:
+  - name: Questions or need suggestions?
+    url: https://github.com/anuragverma108/SwapReads/discussions/new?category=q-a
+    about: You can create a Q&A discussion and ask for clarifications 

.github/ISSUE_TEMPLATE/custom.yml

@@ -0,0 +1,70 @@
+name: "⚙️ Custom Issue"
+description: "Submit a custom issue or suggestion for SwapReads."
+title: "[Custom]: <Brief description of the issue>"
+labels: ["custom", "status: needs triage"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thank you for submitting a custom issue for **SwapReads**! This template is intended for any requests or suggestions that don't fit into the bug report, feature request, or documentation categories.
+
+  - type: input
+    id: issue_summary
+    attributes:
+      label: "Issue Summary"
+      description: "Provide a summary of the custom issue."
+      placeholder: "E.g., Enhancement suggestion for search functionality"
+    validations:
+      required: true
+
+  - type: textarea
+    id: issue_description
+    attributes:
+      label: "Issue Description"
+      description: "Describe the issue or suggestion in detail."
+      placeholder: "Provide a detailed description of the custom issue, including the context, use case, or scenario in which this issue occurs or would be relevant..."
+    validations:
+      required: true
+
+  - type: textarea
+    id: proposed_solution
+    attributes:
+      label: "Proposed Solution (Optional)"
+      description: "If you have any ideas or suggestions for how to address this issue, describe them here."
+      placeholder: "Describe your proposed solution or approach..."
+
+  - type: dropdown
+    id: priority
+    attributes:
+      label: "Priority"
+      description: "How important is this issue to you?"
+      options:
+        - "High - Requires urgent attention"
+        - "Medium - Should be addressed soon"
+        - "Low - Can be addressed later"
+    validations:
+      required: true
+
+  - type: checkboxes
+    id: category
+    attributes:
+      label: "Category"
+      description: "Select the category that best describes the issue."
+      options:
+        - label: "Enhancement"
+        - label: "Refactor"
+        - label: "Security"
+        - label: "Design"
+        - label: "Other"
+
+  - type: textarea
+    id: additional_context
+    attributes:
+      label: "Additional Context (Optional)"
+      description: "Add any other context or information that might be relevant to this issue."
+      placeholder: "Provide any extra details, screenshots, or references that could help with understanding the issue..."
+
+  - type: markdown
+    attributes:
+      value: |
+        **Thank you for your suggestion!** We appreciate your input and will review your custom issue promptly. 📝

README.md

@@ -178,6 +178,8 @@
 │   │   ├── boy.html
 │   │   ├── checkout.html
 │   │   ├── classic.html
+│   │   ├── classica.html
+│   │   ├── classicq.html
 │   │   ├── comedy.html
 │   │   ├── custom.html
 │   │   ├── cyberpunk.html
@@ -223,13 +225,17 @@
 │   │   ├── read.html
 │   │   ├── read_later.html
 │   │   ├── romance.html
+│   │   ├── romancea.html
+│   │   ├── romanceq.html
 │   │   ├── satire.html
 │   │   ├── school.html
 │   │   ├── science-fiction.html
 │   │   ├── self-help.html
 │   │   ├── settings.html
 │   │   ├── social.html
 │   │   ├── suspense-thriller.html
+│   │   ├── suspensea.html
+│   │   ├── suspenseq.html
 │   │   ├── tips.html
 │   │   ├── top10.html
 │   │   ├── true-crime.html

assets/html/classic.html

@@ -1257,7 +1257,242 @@ <h3>XYZ<br /><span>Book Lover</span></h3>
   </header>
 
 
+  <style>
+    .butt{
+      margin-top:150px;
+      width:400px;
+      justify-content: center;
+    }
+    .buttt{
+      margin-top:10px;
+      width:400px;
+      justify-content: center;
+    }
+    a {
+      text-decoration: none; /* Default state */
+  }
+
+  a:hover {
+      text-decoration: none; /* Remove underline on hover */
+  }
+     /* Added: Image for J.K. Rowling */
+     .pride {
+      background-image: url("../images/pride.jpg");
+      background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+      /* Prevents repeating */
+    }
+
+    .moby {
+        background-image: url("../images/moby.jpg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+    }
+
+    .war {
+        background-image: url("../images/war.jpeg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+    }
+
+    .orwell {
+        background-image: url("../images/1984.jpg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+    }
+
+    .dickens {
+        background-image: url("../images/great-expectations.jpeg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+    }
+
+    .mockingbird {
+        background-image: url("../images/to_kill_a_mockingbird.png");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+    }
+
+    /* Added: Image for Mark Twain */
+    .Twain {
+        background-image: url("../images/great_gatsby.jpg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+      /* Prevents repeating */
+    }
+
+    /* Added: Image for George Orwell */
+    .Orwell {
+        background-image: url("../images/crime_and_punishment.jpg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+      /* Prevents repeating */
+    }
+
+    /* Added: Image for Agatha Christie */
+    .Christie {
+        background-image: url("../images/catcher_in_the_rye.jpg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+      /* Prevents repeating */
+    }
+
+    /* Added: Image for Dr. Seuss */
+    .Seuss {
+        background-image: url("../images/jane_eyre.jpg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+      /* Prevents repeating */
+    }
+
+    /* Added: Image for Jane Austen */
+    .Austen {
+        background-image: url("../images/odyssey.jpg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+      /* Prevents repeating */
+    }
+
+    /* Added: Image for Charles Dickens */
+    .Dickens {
+        background-image: url("../images/brothers_karamazov.jpg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+      /* Prevents repeating */
+    }
+
+    /* Added: Image for William Shakespeare */
+    .Shakespeare {
+        background-image: url("../images/anna_karenina.jpg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+      /* Prevents repeating */
+    }
+
+    /* Added: Image for H.G. Wells */
+    .Wells {
+        background-image: url("../images/frankenstein.jpg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+      /* Prevents repeating */
+    }
+
+    /* Added: Image for Leo Tolstoy */
+    .Tolstoy {
+        background-image: url("../images/wuthering_heights.jpg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+      /* Prevents repeating */
+    }
+
+    /* Added: Image for Fyodor Dostoevsky */
+    .Dostoevsky {
+        background-image: url("../images/scarlet.jpg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+      /* Prevents repeating */
+    }
 
+    /* Added: Image for Virginia Woolf */
+    .Woolf {
+        background-image: url("../images/dracula.webp");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+      /* Prevents repeating */
+    }
+
+    /* Added: Image for James Joyce */
+    .Joyce {
+        background-image: url("../images/les.jpg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+      /* Prevents repeating */
+    }
+
+    /* Added: Image for Oscar Wilde */
+    .Wilde {
+        background-image: url("../images/Madame Bovary.webp");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+      /* Prevents repeating */
+    }
+
+    /* Added: Image for Ernest Hemingway */
+    .Hemingway {
+        background-image: url("../images/The Picture of Dorian Gray.jpg");
+        background-size: cover;
+      /* Ensures the image covers the div */
+      background-position: center;
+      /* Centers the image */
+      background-repeat: no-repeat;
+      /* Prevents repeating */
+    }
+
+
+  </style>
+  <a href="classicq.html" onclick="lenis.scrollTo('#classicq')" data-nav-link>
+    <button class="butt">Quiz</button>
+  </a>
+  <a href="classica.html" onclick="lenis.scrollTo('#classica')" data-nav-link>
+    <button class="buttt">Approach</button>
+  </a>
   <!-- Changes here -->
 
   <!-- Card Container -->