Spaces:
Running
Running
add a page count widget that increment the count and put them at lower right side of footer - Follow Up Deployment
Browse files- index.html +12 -0
index.html
CHANGED
@@ -430,6 +430,11 @@
|
|
430 |
</a>
|
431 |
</div>
|
432 |
</div>
|
|
|
|
|
|
|
|
|
|
|
433 |
</footer>
|
434 |
|
435 |
<!-- Toast Notification -->
|
@@ -908,6 +913,13 @@
|
|
908 |
showToast("Mobile menu would open here");
|
909 |
});
|
910 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
911 |
// Demo toggle functionality
|
912 |
document.getElementById('demo-toggle').addEventListener('click', () => {
|
913 |
const promoSection = document.getElementById('social-promo');
|
|
|
430 |
</a>
|
431 |
</div>
|
432 |
</div>
|
433 |
+
<!-- Page view counter -->
|
434 |
+
<div class="fixed bottom-4 right-4 bg-gray-800 text-white px-3 py-1 rounded-full text-sm flex items-center shadow-lg">
|
435 |
+
<i class="fas fa-eye mr-2"></i>
|
436 |
+
<span id="page-counter">0</span> views
|
437 |
+
</div>
|
438 |
</footer>
|
439 |
|
440 |
<!-- Toast Notification -->
|
|
|
913 |
showToast("Mobile menu would open here");
|
914 |
});
|
915 |
|
916 |
+
// Page view counter
|
917 |
+
const pageCounter = document.getElementById('page-counter');
|
918 |
+
let views = localStorage.getItem('pageViews') || 0;
|
919 |
+
views++;
|
920 |
+
localStorage.setItem('pageViews', views);
|
921 |
+
pageCounter.textContent = views;
|
922 |
+
|
923 |
// Demo toggle functionality
|
924 |
document.getElementById('demo-toggle').addEventListener('click', () => {
|
925 |
const promoSection = document.getElementById('social-promo');
|