diff --git a/Website/js/script.js b/Website/js/script.js
index 7c9d9b1fe..2c0a840c6 100644
--- a/Website/js/script.js
+++ b/Website/js/script.js
@@ -188,12 +188,26 @@ async function fetchSubdirectoryCounts() {
{ text: 'Hello! Welcome to Machine Learning Repos', type: 'bot' }
];
- // hardcoded questions and answers
- const questionsAndAnswers = [
- { question: 'What is Machine Learning?', answer: 'Machine Learning is a field of AI that enables computers to learn from data without being explicitly programmed.' },
- { question: 'Tell me about Machine Learning Repos.', answer: 'Machine Learning Repos is a curated collection of Machine Learning Repositories' },
- { question: 'How do I contribute to the repository?', answer: 'You can contribute by forking the repository, making changes, and submitting a pull request. Learn more here' },
- ];
+ // hardcoded questions and answers
+ const questionsAndAnswers = [
+ { question: 'What is RecoderHive?',answer: 'RecodeHive is a community-driven platform offering curated machine learning repositories'},
+ { question: 'What is Machine Learning?', answer: 'Machine Learning is a field of AI that enables computers to learn from data without being explicitly programmed.' },
+ { question: 'Tell me about Machine Learning Repos.', answer: 'Machine Learning Repos is a curated collection of Machine Learning Repositories' },
+ { question: 'How do I contribute to the repository?', answer: 'You can contribute by forking the repository, making changes, and submitting a pull request. Learn more here' },
+ { question: 'How many repositories are included in this collection?', answer: 'There are multiple repositories included, each covering various aspects of Machine Learning.' },
+ { question: 'What are the main topics covered by these repositories?', answer: 'The repositories cover topics like data preprocessing, model training, NLP, and more.' },
+ { question: 'Does the repository offer any courses?', answer: 'Yes, the repository provides links to courses related to Machine Learning.' },
+ { question: 'What programming languages are used in these repositories?', answer: 'The repositories utilize languages such as Python, R, HTML, CSS, JavaScript and others.' },
+ { question: 'Which frameworks are utilized in these repositories?', answer: 'Frameworks like TensorFlow, PyTorch, and Scikit-Learn are used.' },
+ { question: 'What is the most popular repository in the collection?', answer: 'The most popular repository is the "Awesome Machine Learning" collection.' },
+ { question: 'Are there any projects focusing on NLP in this collection?', answer: 'Yes, there are projects specifically focused on Natural Language Processing (NLP).' },
+ { question: 'How many topics are covered in the repository?', answer: 'The repository covers several key topics, including data science, deep learning, and more.' },
+ { question: 'Does the repository provide any tutorials?', answer: 'Yes, there are tutorials available that help users understand various machine learning concepts.' },
+ { question: 'What is the purpose of the repository?', answer: 'The repository aims to provide a comprehensive collection of resources and projects for learning and applying machine learning.' },
+ { question: 'Are there any datasets included in the repository?', answer: 'Yes, some repositories include datasets that can be used for training and testing machine learning models.' },
+ { question: 'How frequently is the repository updated?', answer: 'The repository is regularly updated with new content and improvements.' }
+ ];
+
function renderMessages() {
@@ -272,46 +286,3 @@ async function fetchSubdirectoryCounts() {
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 = `
- 
-
- `;
-
- 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');
-});
diff --git a/Website/package-lock.json b/Website/package-lock.json
new file mode 100644
index 000000000..d1d276fb2
--- /dev/null
+++ b/Website/package-lock.json
@@ -0,0 +1,6 @@
+{
+ "name": "Website",
+ "lockfileVersion": 3,
+ "requires": true,
+ "packages": {}
+}
diff --git a/Website/styles.css b/Website/styles.css
index 12b35db2b..b227e5d76 100644
--- a/Website/styles.css
+++ b/Website/styles.css
@@ -523,7 +523,7 @@ button#toggle-languages:hover {
.chatbot-header {
background-color: #1a1a5e;
- color: white;
+ color: rgb(255, 250, 250);
padding: 15px;
border-radius: 8px 8px 0 0;
font-size: 16px;
@@ -565,18 +565,18 @@ button#toggle-languages:hover {
}
.message.bot .message-text {
- background-color: #f1f1f1;
+ background-color: #d1d0d0;
}
.message.user .message-text {
background-color: #1a1a5e;
- color: white;
+ color: rgb(254, 252, 252);
word-wrap: break-word;
}
.chatbot-questions {
padding: 15px;
- background-color: #f9f9f9;
+ background-color: #f4f1f1;
}
.chatbot-questions p {
@@ -593,29 +593,35 @@ button#toggle-languages:hover {
}
.chatbot-questions li {
- background-color: #f1f1f1;
+ background-color: #e8e5e5;
padding: 10px 15px;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.3s ease;
}
+#question-list {
+ max-height: 200px; /* Adjust height as needed */
+ overflow-y: auto; /* Enable vertical scrolling */
+ padding: 10px;
+ border: 1px solid #ccc;
+}
.chatbot-questions li:hover {
background-color: #2f3a57;
- color: white;
+ color: rgb(255, 255, 255);
}
.chatbot-input-container {
display: flex;
padding: 15px;
background-color: #f9f9f9;
- border-top: 1px solid #ddd;
+ border-top: 1px solid #0f0a0a;
}
.chatbot-input-container input {
flex-grow: 1;
padding: 8px;
- border: 1px solid #ddd;
+ border: 1px solid #f8f2f2;
border-radius: 8px;
}
@@ -624,7 +630,7 @@ button#toggle-languages:hover {
margin-left: 10px;
border: none;
background-color: #2f3a57;
- color: white;
+ color: rgb(252, 251, 251);
border-radius: 8px;
cursor: pointer;
}
@@ -727,34 +733,6 @@ button#toggle-languages:hover {
}
-/* Loading Animation CSS */
-.loading-container {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- background-color: rgba(255, 255, 255, 0.8); /* Slightly transparent background */
- z-index: 1000;
-}
-
-.loader {
- border: 16px solid #f3f3f3; /* Light grey */
- border-top: 16px solid #3498db; /* Blue */
- border-radius: 50%;
- width: 120px;
- height: 120px;
- animation: spin 2s linear infinite;
-}
-
-@keyframes spin {
- 0% { transform: rotate(0deg); }
- 100% { transform: rotate(360deg); }
-}
-
/* Dark Mode Styles */
body.dark-mode {
background-color: #121245;
@@ -825,4 +803,3 @@ body.dark-mode {
-