Changed the scrollup button

ANSHIKA-26 · Nov 9, 2024 · b3e7442 · b3e7442
1 parent 872d325
commit b3e7442
Show file tree

Hide file tree

Showing 30 changed files with 63 additions and 68 deletions.
diff --git a/blog.html b/blog.html
@@ -1680,17 +1680,18 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
   <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
   <script src="script.js"></script>
   <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
     .back-to-top {
       position: fixed;
-      bottom: 20px;
-      right: 20px;
-      width: 50px;
-      height: 50px;
-      background-color: #007bff;
+      bottom: 80px;
+      right: 10px;
+      width: 60px;
+      height: 60px;
+      font-size: 30;
+      background-color: var(--primary-color);
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/bookmarks.html b/bookmarks.html
@@ -417,20 +417,20 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
 <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
 <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 <div id="back-to-top" class="back-to-top">
-  <i class="fas fa-chevron-up"></i>
+  <i class="fas fa-arrow-up"></i>
 </div>
 
 <style>
     body{
     scroll-behavior: smooth;
-  }
+    }
   .back-to-top {
     position: fixed;
     bottom: 20px;
     right: 20px;
     width: 50px;
     height: 50px;
-    background-color: #007bff;
+    background-color:var(--primary-color);;
     color: white;
     border-radius: 50%;
     display: flex;
@@ -439,8 +439,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     cursor: pointer;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     transition: opacity 0.3s;
-    opacity: 0;
-    visibility: hidden;
+
   }
 
   .back-to-top.show {

diff --git a/category.html b/category.html
@@ -993,9 +993,6 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
 const app = new Vue({
   el: '#app' });
 </script>
-<div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
-  </div>
 
   <style>
         body{

diff --git a/comment1.html b/comment1.html
@@ -446,7 +446,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -456,7 +456,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/comment10.html b/comment10.html
@@ -435,7 +435,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -445,7 +445,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/comment11.html b/comment11.html
@@ -433,7 +433,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -443,7 +443,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/comment12.html b/comment12.html
@@ -435,7 +435,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -445,7 +445,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/comment13.html b/comment13.html
@@ -433,7 +433,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -443,7 +443,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/comment14.html b/comment14.html
@@ -443,7 +443,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/comment2.html b/comment2.html
@@ -457,7 +457,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -467,7 +467,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/comment3.html b/comment3.html
@@ -436,7 +436,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -446,7 +446,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/comment4.html b/comment4.html
@@ -434,7 +434,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -444,7 +444,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/comment5.html b/comment5.html
@@ -435,7 +435,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -445,7 +445,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/comment6.html b/comment6.html
@@ -434,7 +434,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -444,7 +444,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/comment7.html b/comment7.html
@@ -433,7 +433,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
         </div>
     </div>
 </footer><div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -443,7 +443,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/comment8.html b/comment8.html
@@ -434,7 +434,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -444,7 +444,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/comment9.html b/comment9.html
@@ -434,7 +434,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -444,7 +444,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color:var(--primary-color);;
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/contact.html b/contact.html
@@ -347,7 +347,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
 <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -357,7 +357,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/contact_us.html b/contact_us.html
@@ -771,9 +771,7 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
 <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
 <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 <script src="script.js"></script>
-<div id="back-to-top" class="back-to-top">
-  <i class="fas fa-chevron-up"></i>
-</div>
+
 
 <style>
   .back-to-top {

diff --git a/fashion.html b/fashion.html
@@ -382,7 +382,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>
@@ -392,7 +392,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
       right: 20px;
       width: 50px;
       height: 50px;
-      background-color: #007bff;
+      background-color: var(--primary-color);
       color: white;
       border-radius: 50%;
       display: flex;

diff --git a/food.html b/food.html
@@ -387,7 +387,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     </div>
 </footer>
 <div id="back-to-top" class="back-to-top">
-    <i class="fas fa-chevron-up"></i>
+    <i class="fas fa-arrow-up"></i>
   </div>
 
   <style>

diff --git a/gaming_chronicles.html b/gaming_chronicles.html
@@ -1513,7 +1513,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
 <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 
 <div id="back-to-top" class="back-to-top">
-  <i class="fas fa-chevron-up"></i>
+  <i class="fas fa-arrow-up"></i>
 </div>
 
 <style>
@@ -1523,7 +1523,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     right: 20px;
     width: 50px;
     height: 50px;
-    background-color: #007bff;
+    background-color: var(--primary-color);
     color: white;
     border-radius: 50%;
     display: flex;

diff --git a/give_feedback.html b/give_feedback.html
@@ -898,9 +898,7 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
 <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
 <script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
 <script src="script.js"></script>
-<div id="back-to-top" class="back-to-top">
-  <i class="fas fa-chevron-up"></i>
-</div>
+
 
 <style>
   .back-to-top {