mirror of
https://github.com/FAUSheppy/open-web-leaderboard.git
synced 2025-12-06 07:01:36 +01:00
visual updates
This commit is contained in:
Yannik Schmidt
@@ -3,49 +3,45 @@
|
||||
<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" />
|
||||
|
||||
<link rel="stylesheet" href="/static/bootstrap/fontawesome.css">
|
||||
<link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="/static/bootstrap/css/mdb.min.css" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="/static/site.css">
|
||||
|
||||
<script src="/static/bootstrap/js/jquery.js"></script>
|
||||
<script src="/static/bootstrap/js/popper.js"></script>
|
||||
<script src="/static/bootstrap/js/bootstrap.js"></script>
|
||||
<script src="/static/bootstrap/js/mdb.min.js"></script>
|
||||
|
||||
</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">
|
||||
{% include 'navbar_leaderboard.html' %}
|
||||
<div class="container mt-3 mb-3" 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 %}">
|
||||
<a href="/player?id={{ player.playerId }}">
|
||||
{{ player.getLineHTML(count) }}
|
||||
</a>
|
||||
</div>
|
||||
{% else %}
|
||||
<div class="line-odd {% if searchName == player.name %}targetPlayer{% endif %}">
|
||||
<a href="/player?id={{ player.playerId }}">
|
||||
{{ player.getLineHTML(count) }}
|
||||
</a>
|
||||
</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>
|
||||
{% include 'footer.html' %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,6 +1,9 @@
|
||||
<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/">
|
||||
<div class="footer-copyright text-center py-3 bg-dark" role="contentinfo">
|
||||
<a style="color: rgba(255,255,255,.5);"
|
||||
class="footerLink" href="https://blog.atlantishq.de/about">Impressum/Legal</a>
|
||||
<a style="color: rgba(255,255,255,.5);"
|
||||
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>
|
||||
<a style="color: rgba(255,255,255,.5);"
|
||||
class="footerLink" href="https://github.com/FAUSheppy/skillbird">Star on GitHub</a>
|
||||
</div>
|
||||
|
||||
25
templates/navbar.html
Normal file
25
templates/navbar.html
Normal file
@@ -0,0 +1,25 @@
|
||||
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
|
||||
<a class="navbar-brand" href="#"></a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
|
||||
aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbar">
|
||||
<!-- left side -->
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Home</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<nav class="navbar" style="visibility: hidden;">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">placeholder</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
40
templates/navbar_leaderboard.html
Normal file
40
templates/navbar_leaderboard.html
Normal file
@@ -0,0 +1,40 @@
|
||||
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark" style="z-index: 10;">
|
||||
<a class="navbar-brand" href="#"></a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar"
|
||||
aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<div class="collapse navbar-collapse" id="navbar">
|
||||
<!-- left side -->
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/">Top 100</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a id="button-backward" class="nav-link" href="/?page={{ prevPageNumber }}">Backward</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a id="button-forward" class="nav-link" href="/?page={{ nextPageNumber }}">Forward</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item right">
|
||||
<input id="getPlayer" type="text" aria-label="search for player"
|
||||
placeholder="search player...">
|
||||
</li>
|
||||
{{ findPlayer }}
|
||||
<!--- <li class="nav-item right">
|
||||
<input id="gotoRank" type="number" aria-label="goto rank"
|
||||
placeholder="goto rank...">
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<nav class="navbar" style="visibility: hidden;">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link">placeholder</a>
|
||||
</li>
|
||||
</nav>
|
||||
@@ -22,11 +22,9 @@
|
||||
<script src="static/bootstrap/js/mdb.min.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div class=top-bar role="navigation">
|
||||
<button id="button-backward" type="button" href="/" class=top-button>Back</button>
|
||||
</div>
|
||||
<div class=leaderboard-container role="main">
|
||||
<body class="bg-special">
|
||||
{% include 'navbar.html' %}
|
||||
<div class="container mt-3 mb-3" role="main">
|
||||
<div class="player-headline">
|
||||
<h1>
|
||||
{{ player.name }}
|
||||
@@ -40,6 +38,9 @@
|
||||
<canvas id="lineChart">
|
||||
</canvas>
|
||||
</div>
|
||||
<p class="mt-5 mb-3">
|
||||
*Historical data was not recorded before 06/2020
|
||||
</p>
|
||||
</div>
|
||||
{% include 'footer.html' %}
|
||||
<script defer>
|
||||
|
||||
Reference in New Issue
Block a user