Merge pull request #2148 from VanshGarg06/VanshGarg06-patch-33

Visitors Count Added
iamrahulmahato · Nov 6, 2024 · 1db7d0d · 1db7d0d
2 parents f06e443 + 681ca81
commit 1db7d0d
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 62 deletions.
diff --git a/index.html b/index.html
@@ -5534,7 +5534,9 @@ <h3>Subscribe to Our Newsletter</h3>
             });
         } else {
             alert('Web Share API is not supported in your browser.');
-
+        }
+    });
+</script>
         <div class="footer-section follow-us" id="footer-section">
             <DIV>
                 <h3>Follow Us</h3>
@@ -5550,7 +5552,6 @@ <h3>Follow Us</h3>
             </DIV>
         </div>
 
-    </div>
     <style>
         .share-section {
             text-align: center;
@@ -5565,32 +5566,6 @@ <h3>Follow Us</h3>
             cursor: pointer;
 
         }
-    });
-</script>
-
-
-<script>
-    document.getElementById('shareBtn').addEventListener('click', function () {
-        if (navigator.share) {
-            navigator.share({
-                title: 'Contact Us',
-                text: 'Check out this Contact Us page!',
-                url: window.location.href
-            }).then(() => {
-                console.log('Thanks for sharing!');
-            }).catch((error) => {
-                console.error('Error sharing:', error);
-            });
-        } else {
-            alert('Web Share API is not supported in your browser.');
-        }
-
-    });
-</script>
-
-
-
-
     </style>
     <a href=""> 
         <div class="share-section">
@@ -5676,16 +5651,10 @@ <h3>Follow Us</h3>
 <link rel="stylesheet" href="visi.css">
 <!-- ############### Footer ############### -->
 <div class="visitor-counter">
-    <div>Visitor</div>
+    <div>Visitors Count:</div>
     <div class="website-counter"></div>
 </div>
-<script src="path/to/visitorCounter.js"></script>
-<script src="./assets/css/visitors.css"></script>
 <script src="visi.js"></script>
-
-<!-- main
- main -->
-
 
 
 
@@ -5855,8 +5824,9 @@ <h3>Follow Us</h3>
 
             font-size: 24px;
             background: linear-gradient(to right, #913700, #ff6000, #913700); 
-            -webkit-text-fill-color: transparent; 
-            -webkit-background-clip: text; 
+            -webkit-text-fill-color: transparent;
+            background-clip: text; 
+            -webkit-background-clip: text;
             text-align: center;
             margin-bottom: 12px;
             margin-top: 35px;

diff --git a/visi.css b/visi.css
@@ -1,24 +1,20 @@
 .visitor-counter {
-
-    position: fixed;
-    top: 680px;
-    left: 1620px;
     background-color: rgb(244 244 249); /* Slightly opaque background for better visibility */
     height: 60px;
-    width: 100px;
+    width: 250px;
     color: #333; /* Darker text for better contrast */
     font-weight: 700;
-    font-size: 18px;
+    margin-left:45%;
+    font-size: 20px;
     text-align: center;
     display: flex;
-    flex-direction: column;
+    /* flex-direction: column; */
     justify-content: center;
     align-items: center;
     border-radius: 12px; /* Softer corners */
     backdrop-filter: blur(10px); /* Increased blur for a modern touch */
     box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15), /* Slightly more pronounced shadow */
                 0 2px 4px rgba(0, 0, 0, 0.1);
-    z-index: 1000;
     transition: all 0.3s ease; /* Smooth transition for hover effect */
 
   }
@@ -33,7 +29,7 @@
   .visitor-counter div:first-child {
 
     margin-bottom: -5px;
-    font-size: 14px; /* Adjusted for clarity */
+    font-size: 22px; /* Adjusted for clarity */
     letter-spacing: 1px; /* Increased spacing for readability */
 
   }
@@ -81,22 +77,14 @@
 
   }
 
-  .dark-mode .visitor-counter div {
-
-    color: #f0f0f0; /* Lighter text for dark mode */
-
-  }
-
-  .dark-mode .visitor-counter .website-counter {
-
-    color: #f0f0f0; /* Lighter color for consistency */
-
+  [data-theme="dark"] .visitor-counter div,
+  [data-theme="dark"] .visitor-counter .website-counter
+  {
+    color: #f0f0f0;
   }
 
-  .dark-mode .visitor-counter {
-
+  [data-theme="dark"] .visitor-counter{
     background-color: rgba(0, 0, 0, 0.7); /* Darker background for dark mode */
-    box-shadow: 0 6px 12px rgba(255, 255, 255, 0.1),
-                0 2px 4px rgba(255, 255, 255, 0.05);
-
-  }
+    box-shadow: 0 6px 12px grey,
+                0 2px 4px grey;
+  }