Update templates/index.html

templates/index.html

@@ -138,6 +138,21 @@
             padding: 20px;
             text-align: center;
         }
+      /* Add styles for the page view counter and API page link */
+        .page-view-counter {
+            font-size: 14px;
+            color: #ffffff;
+            margin-top: 10px;
+        }
+        .api-link {
+            font-size: 14px;
+            color: #ffffff;
+            margin-top: 5px;
+            text-decoration: none;
+        }
+        .api-link:hover {
+            color: #ff3366;
+      }
     </style>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
 </head>
@@ -300,6 +315,9 @@
     </div>
     <footer>
         <p>Built with ❤️ by <a href="https://codegenius.me" style="color: red;">Ashiq Hussain Mir</a></p>
+      <p class="page-view-counter">
+    Page Views: <span id="page-view-count">0</span> | <a href="https://your-api-page-url" class="api-link">API</a>
+</p>
     </footer>
     <script>
         function showGeneratingMessage() {
@@ -312,6 +330,16 @@
                 document.getElementById('generate-button').classList.remove('disabled-button');
             }, 7000);
         }
+      // Update the page view counter
+        var pageViewCount = 0;
+        function updatePageViewCount() {
+            pageViewCount++;
+            document.getElementById('page-view-count').textContent = pageViewCount;
+        }
+
+        // Call the updatePageViewCount function when the page loads
+        window.addEventListener('load', updatePageViewCount);
+      
     </script>
 
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>