Update stay connect page successfully

.vscode/settings.json

@@ -1,3 +1,3 @@
 {
-    "liveServer.settings.port": 5503
+  "liveServer.settings.port": 5504
 }

CONTRIBUTING.md

@@ -101,36 +101,36 @@ Your involvement helps to improve the project and make it better for everyone. T
 <hr>
 
 1. **Open GitHub Desktop:**
-   Launch GitHub Desktop and log in to your GitHub account if you haven't already.
+   - Launch GitHub Desktop and log in to your GitHub account if needed.
 
 2. **Clone the Repository:**
-   - If you haven't cloned the SwapReads repository yet, you can do so by clicking on the "File" menu and selecting "Clone Repository."
-   - Choose the SwapReads repository from the list of repositories on GitHub and clone it to your local machine.
+   - If you haven't cloned the SwapReads repository yet, click on the "File" menu and select "Clone Repository."
+   - Choose the SwapReads repository from the list and clone it to your local machine.
 
 3. **Switch to the Correct Branch:**
-   - Ensure you are on the branch that you want to submit a pull request for.
-   - If you need to switch branches, you can do so by clicking on the "Current Branch" dropdown menu and selecting the desired branch.
+   - Ensure you're on the branch you want to submit a pull request for.
+   - If needed, switch branches by clicking on the "Current Branch" dropdown and selecting the appropriate branch.
 
 4. **Make Changes:**
-   Make your changes to the code or files in the repository using your preferred code editor.
+   - Edit the code or files in the repository using your preferred code editor.
 
 5. **Commit Changes:**
-   - In GitHub Desktop, you'll see a list of the files you've changed. Check the box next to each file you want to include in the commit.
-   - Enter a summary and description for your changes in the "Summary" and "Description" fields, respectively. Click the "Commit to <branch-name>" button to commit your changes to the local branch.
+   - In GitHub Desktop, you'll see a list of changed files. Check the box next to the files you want to commit.
+   - Enter a summary and description for your changes, then click "Commit to [branch name]" to commit to your local branch.
 
 6. **Push Changes to GitHub:**
-   After committing your changes, click the "Push origin" button in the top right corner of GitHub Desktop to push your changes to your forked repository on GitHub.
+   - After committing, click "Push origin" in the top right corner of GitHub Desktop to push your changes to your forked repository on GitHub.
 
 7. **Create a Pull Request:**
-  - Go to the GitHub website and navigate to your fork of the SwapReads repository.
-  - You should see a button to "Compare & pull request" between your fork and the original repository. Click on it.
+   - Go to GitHub, navigate to your fork of the SwapReads repository, and click "Compare & pull request."
 
 8. **Review and Submit:**
-   - On the pull request page, review your changes and add any additional information, such as a title and description, that you want to include with your pull request.
-   - Once you're satisfied, click the "Create pull request" button to submit your pull request.
+   - On the pull request page, review your changes and add any necessary information (title, description, etc.).
+   - When ready, click "Create pull request" to submit.
 
 9. **Wait for Review:**
-    Your pull request will now be available for review by the project maintainers. They may provide feedback or ask for changes before merging your pull request into the main branch of the SwapReads repository.
+   - The project maintainers will review your pull request. They may provide feedback or request changes before merging it into the main SwapReads repository.
+
 
 ## **Issue Report Process 📌**
 

Information/CODE_OF_CONDUCT.md

@@ -126,3 +126,8 @@ enforcement ladder](https://github.com/mozilla/diversity).
 For answers to common questions about this code of conduct, see the FAQ at
 https://www.contributor-covenant.org/faq. Translations are available at
 https://www.contributor-covenant.org/translations.
+## help
+If after complaining no action is taken OR no responce is given to the victom then please contact @+91 xxxxxxxxxx this no. or email at 
+....... email.
+## review
+After resolving the issue or after taking strict action against the exploitor kindly review our app or website to motivate the idea and team members.

Mystical-fantaies.html

@@ -46,7 +46,21 @@
   <link rel="stylesheet" href="./assets/css/Available.css">
 
   <script src="./assets/js/rateUsModal.js" defer></script>
-
+<style>
+  /* Circle styles */
+  .circle {
+    height: 24px;
+    width: 24px;
+    border-radius: 50%;
+    background-color: black;
+    position: fixed;
+    top: 0;
+    left: 0;
+    pointer-events: none;
+    z-index: 99999999;
+    transition: transform 0.1s ease-out;
+  }
+</style>
 </head>
 <script src="https://unpkg.com/scrollreveal"></script>
 <script src="./assets/js/faq.js"></script>
@@ -60,7 +74,27 @@
 <link rel="stylesheet" href="assets/css/test-style.css">
 
 <body>
-
+  <!-- Circles -->
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
+  <div class="circle"></div>
 
   <header class="header header-anim" data-header>
 
@@ -88,15 +122,16 @@
             <a href="index.html#genre" onclick="lenis.scrollTo('#genre')" class="navbar-link" data-nav-link><i
                 class="ri-bar-chart-fill"></i> Genre</a>
           </li>
+
+          <li class="navbar-item">
+            <a href="#" onclick="openRateUsModal(); return false;" class="navbar-link">Rate Us</a>
+          </li>
 
           <li class="navbar-item">
             <a href="index.html#contact" onclick="lenis.scrollTo('#contact')" class="navbar-link" data-nav-link><i
                 class="ri-customer-service-2-fill"></i> Contact</a>
           </li>
 
-          <li class="navbar-item">
-            <a href="#" onclick="openRateUsModal(); return false;" class="navbar-link">Rate Us</a>
-          </li>
           <li class="navbar-item" id="login-signup-link">
             <a href="./assets/html/login.html" class="navbar-link">Login/Signup</a>
           </li>
@@ -308,9 +343,42 @@ <h3>XYZ<br /><span>Book Lover</span></h3>
         border: 2px solid #fff; 
         box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); 
       }
-
 
+      .book-item {
+    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+    border-radius: 8px;
+    width: 200px;
+    padding: 0;
+    margin-left: auto; 
+    margin-right: auto; 
+    background-color: #ffe3e0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
 
+  .book-item .btn{
+    display: block;
+    width: 90%;
+    margin: auto;
+    padding: 10px; 
+    text-align: center;
+  }
+  .book-item .read_later_button {
+    display: block;
+    width: 90%;
+    margin: 1px 10px 30px 30px; /* Center align the button */
+    padding: 10px;
+    text-align: center;
+  }
+
+  .book-cover {
+    padding: 0; 
+    margin-top: 20px;
+    margin-left: auto; 
+    margin-right: auto; 
+    display: block; 
+  }
 </style>
 
 <style>
@@ -1324,6 +1392,59 @@ <h1>Privacy Notice</h1>
 }
 })
 </script>
+<script>
+  // Coordinates for the cursor
+  const coords = { x: 0, y: 0 };
+  const circles = document.querySelectorAll(".circle");
+
+  // Colors for the circles
+  const colors = [
+    "#ffb56b", "#fdaf69", "#f89d63", "#f59761", "#ef865e", "#ec805d",
+    "#e36e5c", "#df685c", "#d5585c", "#d1525c", "#c5415d", "#c03b5d",
+    "#b22c5e", "#ac265e", "#9c155f", "#950f5f", "#830060", "#7c0060",
+    "#680060", "#60005f", "#48005f", "#3d005e"
+  ];
+
+  // Assign colors and initial position to each circle
+  circles.forEach(function (circle, index) {
+    circle.x = 0;
+    circle.y = 0;
+    circle.style.backgroundColor = colors[index % colors.length];
+  });
+
+  // Update the coordinates when the mouse moves
+  window.addEventListener("mousemove", function (e) {
+    coords.x = e.clientX;
+    coords.y = e.clientY;
+  });
+
+  // Animation function to move the circles
+  function animateCircles() {
+    let x = coords.x;
+    let y = coords.y;
+
+    circles.forEach(function (circle, index) {
+      // Update the position and scale of each circle
+      circle.style.left = x - 12 + "px";
+      circle.style.top = y - 12 + "px";
+      circle.style.scale = (circles.length - index) / circles.length;
+
+      circle.x = x;
+      circle.y = y;
+
+      // Get the next circle in the sequence
+      const nextCircle = circles[index + 1] || circles[0];
+      x += (nextCircle.x - x) * 0.3;
+      y += (nextCircle.y - y) * 0.3;
+    });
+
+    // Repeat the animation
+    requestAnimationFrame(animateCircles);
+  }
+
+  // Start the animation
+  animateCircles();
+</script>
 </body>
 
 </html>