From ca25b45600d1bd0b8b84ba43bcbc1355efc1f654 Mon Sep 17 00:00:00 2001
From: sanjay7178 <saisanjay7660@gmail.com>
Date: Sun, 1 Sep 2024 17:22:49 +0000
Subject: [PATCH 1/8] new revamped uiux for null chapter listing with search
 chapters

---
 app/assets/stylesheets/application.css.erb | 10 +++++++++-
 app/views/chapters/index.html.erb          |  9 +++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/application.css.erb b/app/assets/stylesheets/application.css.erb
index 7e80878..c9f8269 100644
--- a/app/assets/stylesheets/application.css.erb
+++ b/app/assets/stylesheets/application.css.erb
@@ -63,7 +63,7 @@ body {
   text-justify: inter-word;
 }
 
-#chapter-map {
+<%# #chapter-map {
   height: 400px;
   width: 100%;
   margin-bottom:4rem!important;
@@ -191,10 +191,16 @@ body {
 .chapter-inactive {
   background-image: radial-gradient(circle, rgba(255,102,102,0.1), rgba(255,102,102,0.6));
 }
+.chapter-active .chapter-status {
+  background-color: #2ecc71;
+  color: white;
 .chapter-active .chapter-status {
   background-color: #2ecc71;
   color: white;
 }
+.chapter-inactive .chapter-status {
+  background-color: #e74c3c;
+  color: white;
 .chapter-inactive .chapter-status {
   background-color: #e74c3c;
   color: white;
@@ -248,6 +254,8 @@ body {
 
 
 
+
+
 /* Autocomplete JS */
 .autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
 .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
diff --git a/app/views/chapters/index.html.erb b/app/views/chapters/index.html.erb
index f36b1b5..5272f74 100644
--- a/app/views/chapters/index.html.erb
+++ b/app/views/chapters/index.html.erb
@@ -1,6 +1,15 @@
 <h1 class="text-center">Chapters</h1>
 <div id="chapter-map" class="mb-5"></div>
 
+<!-- Search container and input -->
+<div class="search-container">
+  <div class="search-wrapper">
+    <span class="search-icon">🔍</span>
+    <input type="text" id="searchInput" placeholder="Search chapters...">
+  </div>
+</div>
+<!-- Chapter cards -->
+<div class="chapters-row">
 <!-- Search container and input -->
 <div class="search-container">
   <div class="search-wrapper">

From 3e81ca6a178538622d2bc7ed19de3fafb5212282 Mon Sep 17 00:00:00 2001
From: sanjay7178 <saisanjay7660@gmail.com>
Date: Sun, 1 Sep 2024 17:38:59 +0000
Subject: [PATCH 2/8] google map css addition

---
 app/assets/stylesheets/application.css.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/application.css.erb b/app/assets/stylesheets/application.css.erb
index c9f8269..ba856ab 100644
--- a/app/assets/stylesheets/application.css.erb
+++ b/app/assets/stylesheets/application.css.erb
@@ -63,7 +63,7 @@ body {
   text-justify: inter-word;
 }
 
-<%# #chapter-map {
+#chapter-map {
   height: 400px;
   width: 100%;
   margin-bottom:4rem!important;

From 320c1651b6a757f8a582c4b08452f200d3719209 Mon Sep 17 00:00:00 2001
From: sanjay7178 <saisanjay7660@gmail.com>
Date: Mon, 2 Sep 2024 13:21:05 +0000
Subject: [PATCH 3/8] temporary placement of razorpay form under mobile view

---
 app/views/layouts/_header.html.erb | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
index 08be835..86de77e 100644
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -9,6 +9,12 @@
       </button>
       <a href="/" class="navbar-brand">n|u</a>
     </div>
+    
+    <!-- Razorpay form for mobile view -->
+    <div class="razorpay-form visible-xs">
+      <form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_GCUjGV4SIkhf9a" async> </script> </form>
+    </div>
+    
     <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
       <ul class="nav navbar-nav">
         <li>
@@ -60,7 +66,7 @@
             </li>
           </ul>
         </li>
- <li>
+        <li>
           <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <b class="caret"></b></a>
           <ul class="dropdown-menu">
             <% Page.published.order('title ASC').each do |page| %>
@@ -80,7 +86,7 @@
         </li>
       </ul>
       <ul class="nav navbar-nav navbar-right">
-        <li>
+        <li class="hidden-xs">
           <form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_GCUjGV4SIkhf9a" async> </script> </form>
         </li>
         <% if user_signed_in? %>
@@ -122,7 +128,7 @@
           </ul>
         </li>
         <% else %>
-       <li>
+        <li>
           <%= link_to new_session_path(User) do %>
             <%= fa_icon('sign-in') %> Login / Register
           <% end %>
@@ -133,7 +139,6 @@
             <%= fa_icon('book') %> About
           </a>
         </li>
-
       </ul>
     </nav>
   </div>

From a67a0a68995988621062049f4bc4c641ae8bab15 Mon Sep 17 00:00:00 2001
From: sanjay7178 <saisanjay7660@gmail.com>
Date: Mon, 2 Sep 2024 13:27:10 +0000
Subject: [PATCH 4/8] razorpay pay form to right align near to toggle

---
 app/views/layouts/_header.html.erb | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
index 86de77e..8d827ae 100644
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -1,19 +1,19 @@
 <header class="navbar navbar-default navbar-fixed-top bs-docs-nav" role="banner">
   <div class="container">
     <div class="navbar-header">
-      <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
+      <a href="/" class="navbar-brand">n|u</a>
+      
+      <button class="navbar-toggle pull-right" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
         <span class="sr-only">Toggle navigation</span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a href="/" class="navbar-brand">n|u</a>
+      <div class="razorpay-form visible-xs pull-right" style="margin-right: 20px; margin-top: 2.5px;">
+        <form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_GCUjGV4SIkhf9a" async> </script> </form>
+      </div>
     </div>
     
-    <!-- Razorpay form for mobile view -->
-    <div class="razorpay-form visible-xs">
-      <form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_GCUjGV4SIkhf9a" async> </script> </form>
-    </div>
     
     <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
       <ul class="nav navbar-nav">

From c59c4323e9f705a7ea51e845b1c6c9f83453a9e4 Mon Sep 17 00:00:00 2001
From: sanjay7178 <saisanjay7660@gmail.com>
Date: Mon, 2 Sep 2024 15:50:55 +0000
Subject: [PATCH 5/8] commit according to the pr

---
 app/assets/stylesheets/application.css.erb | 25 ++++++++++++++++++++++
 app/views/layouts/_header.html.erb         |  2 +-
 app/views/layouts/application.html.erb     | 22 +++++++++++++++++++
 3 files changed, 48 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/application.css.erb b/app/assets/stylesheets/application.css.erb
index ba856ab..9f06b94 100644
--- a/app/assets/stylesheets/application.css.erb
+++ b/app/assets/stylesheets/application.css.erb
@@ -68,6 +68,31 @@ body {
   width: 100%;
   margin-bottom:4rem!important;
 }
+/*go to top button css */
+.back-to-top {
+  display: none;
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  z-index: 1030;
+  background-color: #333;
+  color: #fff;
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 18px;
+  transition: all 0.3s ease-in-out;
+}
+
+.back-to-top:hover {
+  background-color: #555;
+}
+
+.back-to-top.show {
+  display: block;
+}
 
 
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
index 8d827ae..bcc4b59 100644
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -9,7 +9,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <div class="razorpay-form visible-xs pull-right" style="margin-right: 20px; margin-top: 2.5px;">
+      <div class="razorpay-form visible-xs pull-right" style="margin-right: 20px; margin-top: 2px;">
         <form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_GCUjGV4SIkhf9a" async> </script> </form>
       </div>
     </div>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 1a60425..e6ba120 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -22,8 +22,30 @@
   <div id='main-content' class='container'>
     <%= yield %>
   </div>
+  <!-- Back to top button -->
+  <%= link_to "#", id: "back-to-top", class: "back-to-top", data: { toggle: "tooltip", placement: "top", title: "Back to top" } do %>
+    <i class="fa fa-chevron-up"></i>
+  <% end %>
   <%= render :partial => 'layouts/footer' %>
   <%= render :partial => 'layouts/analytics' %>
   <%= render :partial => 'layouts/postscripts' %>
+  <script>
+  $(document).ready(function() {
+  $(window).scroll(function() {
+    if ($(this).scrollTop() > 100) {
+      $('.back-to-top').addClass('show');
+    } else {
+      $('.back-to-top').removeClass('show');
+    }
+  });
+
+  $('.back-to-top').click(function() {
+    $('html, body').animate({ scrollTop: 0 }, 'slow');
+    return false;
+  });
+  });
+
+  </script>
+
 </body>
 </html>

From 7a8d8352836984304d72d0905708efbfeb338924 Mon Sep 17 00:00:00 2001
From: sanjay7178 <saisanjay7660@gmail.com>
Date: Mon, 2 Sep 2024 15:53:18 +0000
Subject: [PATCH 6/8] git pod config removal

---
 .gitpod.yml | 10 ----------
 1 file changed, 10 deletions(-)
 delete mode 100644 .gitpod.yml

diff --git a/.gitpod.yml b/.gitpod.yml
deleted file mode 100644
index 05737a3..0000000
--- a/.gitpod.yml
+++ /dev/null
@@ -1,10 +0,0 @@
-# This configuration file was automatically generated by Gitpod.
-# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml)
-# and commit this file to your remote git repository to share the goodness with others.
-
-# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart
-
-tasks:
-  - init: bundle install
-
-

From af089f691444c51849030a5b0d42dfd19b9e0131 Mon Sep 17 00:00:00 2001
From: sanjay7178 <saisanjay7660@gmail.com>
Date: Mon, 2 Sep 2024 16:59:04 +0000
Subject: [PATCH 7/8] final fix to misconfigured go to top button

---
 app/assets/stylesheets/application.css.erb | 24 +++++++++++++---------
 app/views/layouts/application.html.erb     |  4 ++--
 2 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/app/assets/stylesheets/application.css.erb b/app/assets/stylesheets/application.css.erb
index 9f06b94..a5a9f90 100644
--- a/app/assets/stylesheets/application.css.erb
+++ b/app/assets/stylesheets/application.css.erb
@@ -69,31 +69,35 @@ body {
   margin-bottom:4rem!important;
 }
 /*go to top button css */
-.back-to-top {
-  display: none;
+#back-to-top {
   position: fixed;
   bottom: 20px;
   right: 20px;
-  z-index: 1030;
   background-color: #333;
   color: #fff;
   border-radius: 50%;
   width: 40px;
   height: 40px;
-  line-height: 40px;
+  text-decoration : none;
   text-align: center;
-  font-size: 18px;
-  transition: all 0.3s ease-in-out;
+  line-height: 40px;
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 0.5s;
 }
 
-.back-to-top:hover {
-  background-color: #555;
+#back-to-top.show {
+  opacity: 1;
 }
 
-.back-to-top.show {
-  display: block;
+#back-to-top:hover {
+  background-color: #555;
 }
 
+#back-to-top:before {
+  content: "\f077";
+  font-family: "FontAwesome";
+}
 
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
 
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index e6ba120..44a5cb1 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -24,7 +24,7 @@
   </div>
   <!-- Back to top button -->
   <%= link_to "#", id: "back-to-top", class: "back-to-top", data: { toggle: "tooltip", placement: "top", title: "Back to top" } do %>
-    <i class="fa fa-chevron-up"></i>
+    <i class="fa " ></i>
   <% end %>
   <%= render :partial => 'layouts/footer' %>
   <%= render :partial => 'layouts/analytics' %>
@@ -48,4 +48,4 @@
   </script>
 
 </body>
-</html>
+</html>
\ No newline at end of file

From 56fab2782cc4a0ff34d127d7e32eb34e93c67523 Mon Sep 17 00:00:00 2001
From: sanjay7178 <saisanjay7660@gmail.com>
Date: Mon, 2 Sep 2024 17:02:24 +0000
Subject: [PATCH 8/8] manual chapters/index.html.erb rebase

---
 app/views/chapters/index.html.erb | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/app/views/chapters/index.html.erb b/app/views/chapters/index.html.erb
index 5272f74..eb5a949 100644
--- a/app/views/chapters/index.html.erb
+++ b/app/views/chapters/index.html.erb
@@ -1,15 +1,6 @@
 <h1 class="text-center">Chapters</h1>
 <div id="chapter-map" class="mb-5"></div>
 
-<!-- Search container and input -->
-<div class="search-container">
-  <div class="search-wrapper">
-    <span class="search-icon">🔍</span>
-    <input type="text" id="searchInput" placeholder="Search chapters...">
-  </div>
-</div>
-<!-- Chapter cards -->
-<div class="chapters-row">
 <!-- Search container and input -->
 <div class="search-container">
   <div class="search-wrapper">
@@ -86,4 +77,4 @@
   })();
 </script>
 <%= render partial: 'chapters/chapter_map_loader',
-  locals: { chapter_address: @chapter_address, map_area_id: 'chapter-map' } %>
+  locals: { chapter_address: @chapter_address, map_area_id: 'chapter-map' } %>
\ No newline at end of file