-
Notifications
You must be signed in to change notification settings - Fork 188
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
9 changed files
with
204 additions
and
195 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,128 +1,141 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<link rel="stylesheet" href="../styles/mainstyle.css" /> | ||
<link | ||
rel="stylesheet" | ||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" | ||
/> | ||
<link | ||
rel="shortcut icon" | ||
href="../assets/favicon.ico" | ||
type="image/x-icon" | ||
/> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"> | ||
<link rel="stylesheet" href="/styles/global.css" /> | ||
<link rel="stylesheet" href="../styles/contributors.css" /> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<link rel="stylesheet" href="../styles/mainstyle.css" /> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" /> | ||
<link rel="shortcut icon" href="../assets/favicon.ico" type="image/x-icon" /> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"> | ||
<link rel="stylesheet" href="/styles/global.css" /> | ||
<link rel="stylesheet" href="../styles/contributors.css" /> | ||
|
||
<title>Contributors</title> | ||
</head> | ||
<title>Contributors</title> | ||
</head> | ||
<body> | ||
<script src="/js/global.js"></script> | ||
<script src="/js/scrollToTop.js"></script> | ||
|
||
<body> | ||
<script src="/js/global.js"></script> | ||
<script src="/js/scrollToTop.js"></script> | ||
<div class="whole-background"> | ||
<nav class="navbarr" style="color: white"> | ||
<div class="logo"> | ||
<a href="../index.html">Dots & Boxes ⚄</a> | ||
</div> | ||
<ul class="nav-links" id="nav-links-toggled"> | ||
<li><a href="../index.html"><i class="fas fa-home"></i> Home</a></li> | ||
<li><a href="../pages/about.html"><i class="fas fa-info-circle"></i> About Us</a></li> | ||
<li><a href="../pages/FAQs.html"><i class="fas fa-question-circle"></i> FAQs</a></li> | ||
<li><a href="../pages/contributors.html"><i class="fas fa-users"></i> Contributors</a></li> | ||
<button class="start"><a href="../pages/game.html"><i class="fas fa-gamepad"></i> Let's Go</a></button> | ||
</ul> | ||
<nav class="mobile-menu"> | ||
<div class="mobile-menu__trigger"><span></span></div> | ||
<a class="page-scroll active-link" href="/index.html">Home </a> | ||
<a class="page-scroll" href="/pages/about.html">About Us </a> | ||
<a class="page-scroll" href="/pages/FAQs.html">FAQs</a> | ||
<a class="page-scroll" href="/pages/contributors.html">Contributors</a> | ||
</nav> | ||
<link href="../styles/navbar.css" rel="stylesheet" /> | ||
<script type="text/javascript" src="../js/navbar.js"></script> | ||
</nav> | ||
</div> | ||
|
||
<!-- <nav class="navbar"> | ||
<div class="logo"> | ||
<a href="../index.html">Dots & Boxes ⚄</a> | ||
<div class="content min-h-screen text-black dark:text-gray-200"> | ||
<div class="container mx-auto py-8"> | ||
<h1 class="text-center text-3xl font-semibold mb-8" style="background-color: #333; color: white; padding: 10px; border-radius: 4px;"> | ||
Our Contributors | ||
</h1> | ||
<div id="contributors" class="contributors flex flex-wrap justify-center gap-8"></div> | ||
<div class="pagination-btns"> | ||
<button class="btn" id="prevBtn"><i class="bi bi-arrow-left-circle"></i></button> | ||
<button class="btn" id="pageNoBox">1</button> | ||
<button class="btn" id="nextBtn"><i class="bi bi-arrow-right-circle"></i></button> | ||
</div> | ||
</div> | ||
</div> | ||
<ul class="navlinks"> | ||
<li><a href="../index.html">Home</a></li> | ||
<li><a href="../pages/about.html">About Us</a></li> | ||
<li><a href="../pages/FAQs.html">FAQs</a></li> | ||
<li><a href="../pages/contributors.html">Contributors</a></li> | ||
<li><a href="../pages/game.html">Let's Go</a></li> | ||
</ul> | ||
|
||
</nav> --> | ||
<div class="author"> | ||
<div class="fotbar"> | ||
<a href="howtoplay.html"><i class="fas fa-gamepad"></i> HowToPlay?</a> | ||
<a href="termsofservice.html"><i class="fas fa-file-contract"></i> TermsOfService</a> | ||
<a href="privacypolicy.html"><i class="fas fa-user-shield"></i> PrivacyPolicy</a> | ||
<a href="licensing.html"><i class="fas fa-copyright"></i> Licensing</a> | ||
</div> | ||
<p>Created with ❤️ by <a href="https://github.com/ChromeGaming">Chrome Gaming</a></p> | ||
<div class="social-icons"> | ||
<a href="https://github.com/ChromeGaming/Dot-Box" target="_blank"><i class="fab fa-github"></i></a> | ||
<a href="https://discord.gg/2HTCFrSvPB" target="_blank"><i class="fab fa-discord"></i></a> | ||
</div> | ||
</div> | ||
|
||
<div class="whole-background"> | ||
<nav class="navbarr" style="color: white"> | ||
<div class="logo"> | ||
<a href="../index.html">Dots & Boxes ⚄</a> | ||
</div> | ||
<script> | ||
document.addEventListener('DOMContentLoaded', function () { | ||
const contributorsContainer = document.getElementById('contributors'); | ||
const prevBtn = document.getElementById('prevBtn'); | ||
const nextBtn = document.getElementById('nextBtn'); | ||
const pageNoBox = document.getElementById('pageNoBox'); | ||
let currentPage = 1; | ||
const perPage = 30; | ||
let totalContributors = []; | ||
|
||
<ul class="nav-links" id="nav-links-toggled"> | ||
<li><a href="../index.html">Home</a></li> | ||
<li><a href="../pages/about.html">About Us</a></li> | ||
<li><a href="../pages/FAQs.html">FAQs</a></li> | ||
<li><a href="../pages/contributors.html">Contributors</a></li> | ||
<button class="start"> | ||
<a href="../pages/game.html">Let's Go</a> | ||
</button> | ||
</ul> | ||
<!-- <button class="navbar-toggler" id="navbar-toggler" type="button" onclick="toggleNavBar()"> | ||
<span class="toggler-icon"></span> | ||
<span class="toggler-icon"></span> | ||
<span class="toggler-icon"></span> | ||
</button> --> | ||
async function fetchContributors() { | ||
try { | ||
let page = 1; | ||
const perPage = 100; | ||
while (true) { | ||
const response = await fetch(`https://api.github.com/repos/ChromeGaming/Dot-Box/contributors?per_page=${perPage}&page=${page}`); | ||
const contributors = await response.json(); | ||
if (contributors.length === 0) break; | ||
totalContributors = totalContributors.concat(contributors); | ||
page++; | ||
} | ||
updateContributors(); | ||
} catch (error) { | ||
console.error('Error fetching contributors:', error); | ||
} | ||
} | ||
|
||
<!-- Hamburger Menu --> | ||
function updateContributors() { | ||
contributorsContainer.innerHTML = ''; | ||
const start = (currentPage - 1) * perPage; | ||
const end = start + perPage; | ||
const paginatedContributors = totalContributors.slice(start, end); | ||
|
||
<nav class="mobile-menu"> | ||
<div class="mobile-menu__trigger"><span></span></div> | ||
<a class="page-scroll active-link" href="/index.html">Home </a> | ||
<a class="page-scroll" href="/pages/about.html">About Us </a> | ||
<a class="page-scroll" href="/pages/FAQs.html">FAQs</a> | ||
<a class="page-scroll" href="/pages/contributors.html" | ||
>Contributors</a | ||
> | ||
</nav> | ||
paginatedContributors.forEach(contributor => { | ||
const contributorCard = document.createElement('a'); | ||
contributorCard.href = contributor.html_url; | ||
contributorCard.target = '_blank'; | ||
contributorCard.className = 'contributor-card'; | ||
contributorCard.innerHTML = ` | ||
<img src="${contributor.avatar_url}" alt="${contributor.login}"> | ||
<h2 class="text-lg font-medium text-gray-900 dark:text-gray-100 mb-2">${contributor.login}</h2> | ||
<p class="text-gray-700 dark:text-gray-400">Contributions: ${contributor.contributions}</p> | ||
<p class="text-gray-700 dark:text-gray-400 flex-center"><i class="fab fa-github mr-1"></i> GitHub Profile</p> | ||
`; | ||
contributorsContainer.appendChild(contributorCard); | ||
}); | ||
|
||
<!-- Js and CSS files for hamburger-menu --> | ||
<link href="../styles/navbar.css" rel="stylesheet" /> | ||
<script type="text/javascript" src="../js/navbar.js"></script> | ||
</nav> | ||
</div> | ||
pageNoBox.textContent = currentPage; | ||
prevBtn.disabled = currentPage === 1; | ||
nextBtn.disabled = end >= totalContributors.length; | ||
} | ||
|
||
<div class="content min-h-screen text-black dark:text-gray-200"> | ||
<div class="container mx-auto py-8"> | ||
<h1 | ||
class="text-center text-3xl font-semibold mb-8" | ||
style=" | ||
background-color: #333; | ||
color: white; | ||
padding: 10px; | ||
border-radius: 4px; | ||
" | ||
> | ||
Our Contributors | ||
</h1> | ||
<div | ||
id="contributors" | ||
class="contributors flex flex-wrap justify-center gap-8" | ||
></div> | ||
prevBtn.addEventListener('click', () => { | ||
if (currentPage > 1) { | ||
currentPage--; | ||
updateContributors(); | ||
} | ||
}); | ||
|
||
<div class="pagination-btns"> | ||
<button class="btn" id="prevBtn"> <i class="bi bi-arrow-left-circle"></i> </button> | ||
<button class="btn" id="pageNoBox">1</button> | ||
<button class="btn" id="nextBtn"> <i class="bi bi-arrow-right-circle"></i> </button> | ||
</div> | ||
</div> | ||
</div> | ||
nextBtn.addEventListener('click', () => { | ||
if ((currentPage - 1) * perPage < totalContributors.length) { | ||
currentPage++; | ||
updateContributors(); | ||
} | ||
}); | ||
|
||
<div class="author"> | ||
<div class="fotbar"> | ||
<a href="howtoplay.html"> HowToPlay?</a> | ||
<a href="termsofservice.html"> TermsOfService</a> | ||
<a href="privacypolicy.html"> PrivacyPolicy</a> | ||
<a href="licensing.html"> Licensing</a> | ||
</div> | ||
<p> | ||
Created with ❤️ by | ||
<a href="https://github.com/ChromeGaming">Chrome Gaming</a> | ||
</p> | ||
<div class="social-icons"> | ||
<a href="https://github.com/ChromeGaming/Dot-Box" target="_blank" | ||
><i class="fab fa-github"></i | ||
></a> | ||
<a href="https://discord.gg/2HTCFrSvPB" target="_blank" | ||
><i class="fab fa-discord"></i | ||
></a> | ||
</div> | ||
</div> | ||
<script src="/js/contributors.js"></script> | ||
</body> | ||
fetchContributors(); | ||
}); | ||
</script> | ||
</body> | ||
</html> |
Oops, something went wrong.