From 36b9253f2bb27a756fd5a4ffaa24f917a4834c9c Mon Sep 17 00:00:00 2001
From: Jashwanth-rit <158207370+Jashwanth-rit@users.noreply.github.com>
Date: Tue, 22 Oct 2024 18:44:18 +0530
Subject: [PATCH 1/2] jashwanth/scroll

---
 .env.example    |  3 ++-
 views/index.ejs | 27 +++++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/.env.example b/.env.example
index 3c10ec4..038e7b1 100644
--- a/.env.example
+++ b/.env.example
@@ -4,4 +4,5 @@ DB_URL="your_mongo_db_url"
 SESSION_SECRET="your_session_secret"
 CLOUDINARY_CLOUD_NAME="your_cloudinary_cloud_name"
 CLOUDINARY_API_KEY="your_cloudinary_api_key"
-CLOUDINARY_API_SECRET="your_cloudinary_api_secret"
\ No newline at end of file
+CLOUDINARY_API_SECRET="your_cloudinary_api_secret"
+
diff --git a/views/index.ejs b/views/index.ejs
index e2446e6..871d18d 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -246,6 +246,33 @@
                 document.getElementById("progress-bar").style.width = scrolled + "%";
               };
             </script>
+              <script>
+                const scrollButton = document.getElementById('scrollToTopBtn');
+                const updatesList = document.getElementById('updatesList');
+          
+                // Scroll-to-top button logic
+                window.addEventListener('scroll', () => {
+                  window.pageYOffset > 100
+                    ? scrollButton.classList.add('show-btn')
+                    : scrollButton.classList.remove('show-btn');
+                });
+          
+                function smoothScrollToTop() {
+                  const scrollY = window.pageYOffset;
+          
+                  if (scrollY > 0) {
+                    window.scrollBy(0, -Math.min(scrollY, 70));
+                    requestAnimationFrame(smoothScrollToTop);
+                  }
+                }
+          
+                scrollButton.addEventListener('click', () => {
+                  smoothScrollToTop();
+                });
+          
+             
+          
+              </script>
 
 </body>
 

From 4294f2029e548f0c2bed19d8684fad6144557cf4 Mon Sep 17 00:00:00 2001
From: Jashwanth-rit <158207370+Jashwanth-rit@users.noreply.github.com>
Date: Fri, 25 Oct 2024 14:13:35 +0530
Subject: [PATCH 2/2] Fixes:#220_multi

---
 views/index.ejs | 111 ++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 111 insertions(+)

diff --git a/views/index.ejs b/views/index.ejs
index 871d18d..9cca95b 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -273,6 +273,117 @@
              
           
               </script>
+              <div class="gtranslate_wrapper"></div>
+
+
+<script>
+  document.addEventListener('DOMContentLoaded', () => {
+    const gtranslateWrapper = document.querySelector('.gtranslate_wrapper');
+    if (!gtranslateWrapper) {
+      console.error('GTranslate wrapper not found.');
+    } else {
+      console.log('GTranslate wrapper loaded successfully.');
+    }
+  });
+</script>
+
+              <script>
+window.gtranslateSettings = {
+  "default_language": "en",
+  "detect_browser_language": true,
+  "wrapper_selector": ".gtranslate_wrapper",
+  "flag_style": "2d",
+  "switcher_horizontal_position": "left",
+  "switcher_vertical_position": "bottom",
+  "float_switcher_open_direction": "top",
+  "float_switching_button_width": "200px",
+  "float_switching_button_height": "40px",
+  "float_switching_button_radius": "0px",
+  "float_switching_button_margin": "0 0 10px 10px",
+  "alt_flags": {"en": "usa", "pt": "brazil"}
+}
+</script>
+<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
+
+
+<!-- Add custom CSS for GTranslate -->
+<style>
+.gtranslate_wrapper {
+  position: fixed !important;
+  left: 10px !important;
+  bottom: 10px !important;
+  z-index: 1000;
+}
+.gt_float_switcher {
+  font-family: Arial, sans-serif !important;
+  border: none !important;
+  box-shadow: 0 4px 12px rgba(212, 147, 29, 0.3) !important;
+  border-radius: 25px !important;
+  overflow: hidden !important;
+  transition: all 0.3s ease !important;
+}
+.gt_float_switcher:hover {
+  box-shadow: 0 6px 16px rgba(212, 147, 29, 0.4) !important;
+  transform: translateY(-2px) !important;
+}
+.gt_float_switcher .gt_selected {
+  background: linear-gradient(135deg, #D4931D, #F2B544) !important;
+  color: white !important;
+  padding: 12px 20px !important;
+  font-weight: bold !important;
+  text-transform: uppercase !important;
+  letter-spacing: 1px !important;
+  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) !important;
+}
+.gt_float_switcher .gt_selected a {
+  color: white !important;
+}
+.gt_float_switcher .gt_options {
+  max-height: 300px !important;
+  overflow-y: auto !important;
+  scrollbar-width: thin;
+  scrollbar-color: #D4931D #f0f0f0;
+  background-color: #ffffff !important;
+  border-top: 2px solid #F2B544 !important;
+}
+.gt_float_switcher .gt_options::-webkit-scrollbar {
+  width: 8px;
+}
+.gt_float_switcher .gt_options::-webkit-scrollbar-track {
+  background: #f0f0f0;
+}
+.gt_float_switcher .gt_options::-webkit-scrollbar-thumb {
+  background-color: #D4931D;
+  border-radius: 4px;
+}
+.gt_float_switcher .gt_options a {
+  color: #333 !important;
+  padding: 10px 20px !important;
+  transition: all 0.2s ease !important;
+}
+.gt_float_switcher .gt_options a:hover {
+  background-color: #FFF5E6 !important;
+  color: #D4931D !important;
+}
+/* Add an icon to the toggle button */
+.gt_float_switcher .gt_selected:before {
+  content: "\1F310";  /* Unicode for a globe icon */
+  margin-right: 8px;
+}
+/* Pulsating effect for the button */
+@keyframes pulse {
+  0% { transform: scale(1); }
+  50% { transform: scale(1.05); }
+  100% { transform: scale(1); }
+}
+.gt_float_switcher {
+  animation: pulse 2s infinite;
+}
+.gt_float_switcher:hover {
+  animation: none;
+}
+</style>
+
 
 </body>