diff --git a/contact us.html b/contact us.html index 68673582..d412bd23 100644 --- a/contact us.html +++ b/contact us.html @@ -494,4 +494,4 @@

Get in Touch

}); - + \ No newline at end of file diff --git a/contact.css b/contact.css index 35f9c608..9c29e12e 100644 --- a/contact.css +++ b/contact.css @@ -100,4 +100,65 @@ body.dark-mode .social i:hover{ color: #eedd9f !important; - } \ No newline at end of file + } + + body { + position: relative; + overflow: hidden; + margin: 0; + padding: 0; + } + + video#background-video { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + z-index: -1; + background-size: cover; + } + + /* Ensure the content is above the video */ + .license-container { + position: relative; + z-index: 1; + max-width: 800px; + margin: 110px auto; + padding: 20px; + border-radius: 10px; + background: rgba(255, 255, 255, 0.8); /* Semi-transparent background */ + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); + } + + .license-container h1, .license-container h2 { + color: #333; + } + + .license-container p { + color: #666; + } + + /* Media query for smaller devices */ + @media (max-width: 768px) { + .license-container { + margin: 20px auto; + padding: 10px; + } + + .scrollToTopBtn { + width: 40px; + height: 40px; + font-size: 16px; + line-height: 40px; + bottom: 80px; + right: 20px; + } + + .progress-ring { + bottom: 75px; + right: 15px; + } + } + diff --git a/contributor.js b/contributor.js index b9c1a40f..57877407 100644 --- a/contributor.js +++ b/contributor.js @@ -1,6 +1,8 @@ const cont = document.getElementById("contributor"); const owner = "Its-Aman-Yadav"; const repoName = "Community-Site"; +document.documentElement.style.overflow = 'auto'; +document.body.style.overflow = 'auto'; async function fetchContributors(pageNumber) { const apiUrl =