updated details about chatbot

Website/index.html

@@ -219,4 +219,4 @@ <h3>Recommendation Models</h3>
     </footer>
     <script src="js/script.js"></script>
 </body>
-</html>
+</html>

Website/js/script.js

@@ -285,4 +285,46 @@ async function fetchSubdirectoryCounts() {
     fetchRepoStats();
     toggleStatsSection();
 });
+document.addEventListener("DOMContentLoaded", function() {
+    fetchContributors();
+
+    function fetchContributors() {
+        const repoOwner = 'recodehive'; // Replace with your repository owner
+        const repoName = 'machine-learning-repos'; // Replace with your repository name
+        const apiUrl = `https://api.github.com/repos/${repoOwner}/${repoName}/contributors`;
+
+        fetch(apiUrl)
+            .then(response => response.json())
+            .then(contributors => {
+                const contributorsGrid = document.getElementById('contributors-grid');
+
+                contributors.forEach(contributor => {
+                    const contributorDiv = document.createElement('div');
+                    contributorDiv.className = 'contributor';
+
+                    contributorDiv.innerHTML = `
+                        <img src="${contributor.avatar_url}" alt="${contributor.login}" class="contributor-image">
+                        <div class="contributor-info">
+                            <a href="${contributor.html_url}" target="_blank" class="contributor-github">GitHub Profile</a>
+                        </div>
+                    `;
+
+                    contributorsGrid.appendChild(contributorDiv);
+                });
+            })
+            .catch(error => {
+                console.error('Error fetching contributors:', error);
+            });
+    }
+});
+
+const toggleDarkModeButton = document.getElementById('toggle-dark-mode');
+const body = document.body;
 
+toggleDarkModeButton.addEventListener('click', () => {
+    body.classList.toggle('dark-mode');
+    // Change icon based on dark mode status
+    const icon = toggleDarkModeButton.querySelector('i');
+    icon.classList.toggle('fa-moon');
+    icon.classList.toggle('fa-sun');
+});