diff --git a/Website/js/script.js b/Website/js/script.js index add5a133a..80c7715b3 100644 --- a/Website/js/script.js +++ b/Website/js/script.js @@ -285,6 +285,7 @@ async function fetchSubdirectoryCounts() { fetchRepoStats(); toggleStatsSection(); }); + document.addEventListener("DOMContentLoaded", function() { fetchContributors(); @@ -305,7 +306,7 @@ document.addEventListener("DOMContentLoaded", function() { contributorDiv.innerHTML = ` ${contributor.login}
- GitHub Profile + ${contributor.login}
`; diff --git a/Website/styles.css b/Website/styles.css index 09d300211..42b6644c6 100644 --- a/Website/styles.css +++ b/Website/styles.css @@ -470,7 +470,6 @@ button#toggle-languages:hover { max-width: 100%; } } - #contributors { padding: 40px; background-color: #0a0a2e; @@ -505,7 +504,7 @@ button#toggle-languages:hover { border: none; /* Remove default border */ border-radius: 15px; /* More rounded corners */ padding: 15px; - background: #0b0b38; /* White background */ + background: #0b0b38; /* Darker background for the card */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Enhanced shadow for depth */ transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition effects */ animation: slideInRight 1s ease-in-out; @@ -530,24 +529,24 @@ button#toggle-languages:hover { border-color: #024c8c; /* Darker border color on hover */ } -/* Styling for the GitHub profile link */ +/* Styling for the contributor's name link */ .contributor-info { margin-top: 10px; /* Adjusted space between image and link */ } -.contributor-github { +.contributor-name { text-decoration: none; - color: white; /* GitHub blue color */ + color: #0366d6; /* GitHub blue color */ font-size: 14px; /* Slightly smaller font size */ font-weight: bold; /* Bold font */ - background: linear-gradient(135deg, #1f1f65, #3c3c99); /* Gradient background */ + background: #add3ff; padding: 8px 12px; /* Adjusted padding around the link */ border-radius: 20px; /* Rounded button shape */ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow for button */ transition: background 0.3s ease, color 0.3s ease; /* Smooth transition effects */ } -.contributor-github:hover { +.contributor-name:hover { background: #0366d6; /* Darker background on hover */ color: #ffffff; /* White text color on hover */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Stronger shadow on hover */ @@ -559,9 +558,9 @@ button#toggle-languages:hover { font-weight: 900; /* Bold font weight */ color: white; /* Dark color for better contrast */ animation: fadeIn 1s ease-in-out; - } + /* Chatbot button */ .chatbot-button { position: fixed;