mirror of
https://github.com/FAUSheppy/open-web-leaderboard.git
synced 2025-12-10 00:48:32 +01:00
52 lines
2.3 KiB
HTML
52 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Leaderboard</title>
|
|
<meta name="Description" content="Open Web Leaderboard">
|
|
<link rel="stylesheet" type="text/css" href="/static/site.css">
|
|
<link rel="shortcut icon" href="/static/defaultFavicon.ico">
|
|
<script src="static/buttons.js" defer></script>
|
|
|
|
<!-- needed for @media-css mofiers -->
|
|
<meta content="width=device-width, initial-scale=1" name="viewport" />
|
|
</head>
|
|
<body>
|
|
<div class=top-bar role="navigation">
|
|
<button id="button-backward" type="button" onclick=backward()
|
|
class=top-button>Backward </button>
|
|
<button id="button-forward" type="button" onclick=forward()
|
|
class=top-button>Forward</button>
|
|
<button id="button-first" type="button" onclick=firstPage()
|
|
class=top-button>Top 100 </button>
|
|
|
|
<input id="getPlayer" type="text" class=input-field
|
|
aria-label="search for player" placeholder="search player...">
|
|
<input id="gotoRank" type="number" class=input-field-number
|
|
aria-label="goto rank" placeholder="goto rank...">
|
|
{{ findPlayer }}
|
|
</div>
|
|
<div class=leaderboard-container role="main">
|
|
<div class=colum-names>{{ columNames }}</div>
|
|
{% for player in playerList %}
|
|
{% set count = loop.index + start %}
|
|
{% if count % 2 == 0 %}
|
|
<div class="line-even {% if searchName == player.name %}targetPlayer{% endif %}">
|
|
{{ player.getLineHTML(count) }}
|
|
</div>
|
|
{% else %}
|
|
<div class="line-odd {% if searchName == player.name %}targetPlayer{% endif %}">
|
|
{{ player.getLineHTML(count) }}
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{{ endOfBoardIndicator }}
|
|
</div>
|
|
<div class=footer role="contentinfo">
|
|
<a class="footerLink" href="https://blog.atlantishq.de/about">Impressum/Legal</a>
|
|
<a class="footerLink mid" href="https://blog.atlantishq.de/post/insurgency-rating-1/">
|
|
How does it work?</a>
|
|
<a class="footerLink" href="https://github.com/FAUSheppy/skillbird">Star on GitHub</a>
|
|
</div>
|
|
</body>
|
|
</html>
|