2023-12-03 21:20:13 +01:00
{% extends "layout.html" %}
2023-12-05 17:39:33 +01:00
{% block navbar %}
< nav class = "navbar navbar-expand-lg navbar-light bg-light" >
< div class = "container" >
< a class = "navbar-brand" href = "#" > The Hanabi Pro Hunting League< small class = "text-muted" > - Season One< / small > < / a >
< button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#navbarNav" aria-controls = "navbarNav" aria-expanded = "false" aria-label = "Toggle navigation" >
< span class = "navbar-toggler-icon" > < / span >
< / button >
< div class = "collapse navbar-collapse" id = "navbarNav" >
< ul class = "navbar-nav ml-auto" >
< li class = "nav-item" >
< a class = "nav-link active" id = "summary-tab" data-toggle = "tab" href = "#summary" > Summary< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" id = "leaderboards-0-tab" data-toggle = "tab" href = "#leaderboards-0" > No Variant< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" id = "leaderboards-1-tab" data-toggle = "tab" href = "#leaderboards-1" > Clue Starved< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" id = "variant-tab" data-toggle = "tab" href = "#variants" > Variants< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" id = "info-tab" data-toggle = "tab" href = "#info" > Info< / a >
< / li >
< / ul >
< / div >
< / div >
< / nav >
{% endblock %}
2023-12-03 21:20:13 +01:00
{% block content %}
< div class = "tab-content" id = "myTabContent" >
2023-12-04 22:02:08 +01:00
< div class = "tab-pane fade active show" id = "summary" >
2023-12-04 23:49:42 +01:00
< div class = "container my-5" >
<!-- Leader Cards -->
2023-12-04 22:02:08 +01:00
{% for rating_type, leaders in leaders.items() %}
2023-12-04 23:49:42 +01:00
< div class = "card-deck mb-5" >
{% for category, data in leaders.items() %}
< div class = "card text-center" >
< div class = "card-body" >
< h5 class = "card-title mb-2" > {{ data.title }}< / h5 >
< p class = "leaderboard-category" > ({{data.category}})< / p >
< p class = "mb-0 player-name" > {{ data.entry.player_name }}< / p >
< p class = "mt-1 alt-name" > {{ data.entry.user_accounts }}< / p >
< p class = "score-large" > {{ data.entry.score }}< / p >
< / div >
2023-12-03 21:20:13 +01:00
< / div >
2023-12-04 23:49:42 +01:00
{% endfor %}
2023-12-03 21:20:13 +01:00
< / div >
2023-12-04 22:02:08 +01:00
{% endfor %}
< / div >
< / div >
{% for rating_type, leaders in leaders.items() %}
< div class = "tab-pane fade" id = "leaderboards-{{rating_type}}" >
< div class = "container my-5" >
2023-12-03 21:20:13 +01:00
<!-- Leaderboards -->
2023-12-04 00:40:29 +01:00
< div id = "leaderboards-{{rating_type}}-data" class = "accordion" >
2023-12-03 21:20:13 +01:00
{% for category, leaderboard in leaderboards.items() %}
< div class = "card" >
< div class = "card-header" >
2023-12-04 00:40:29 +01:00
< button class = "btn btn-link btn-block text-left" data-toggle = "collapse" data-target = "#{{ category|lower|replace(' ', '-') }}" >
2023-12-03 21:20:13 +01:00
{{ category }}
< / button >
< / div >
2023-12-04 00:40:29 +01:00
< div id = "{{ category|lower|replace(' ', '-') }}" class = "collapse" data-parent = "#leaderboards-{{rating_type}}-data" >
2023-12-03 21:20:13 +01:00
< div class = "card-body" >
< table class = "table table-striped" >
2023-12-04 01:52:45 +01:00
{% for entry in leaderboard[rating_type] %}
2023-12-03 21:20:13 +01:00
< tr >
< td >
2023-12-04 01:52:45 +01:00
< div class = "player-name" > {{ entry.player_name }}< / div >
< div class = "alt-name" > {{ entry.user_accounts }}< / div >
2023-12-03 21:20:13 +01:00
< / td >
2023-12-04 01:52:45 +01:00
< td class = "score" > {{ entry.score }}< / td >
2023-12-04 22:02:08 +01:00
{% if entry.current_streak is defined %}
< td class = "current-streak" > ({{ entry.current_streak }})< / td >
{% endif %}
2023-12-03 21:20:13 +01:00
< / tr >
{% endfor %}
< / table >
< / div >
< / div >
< / div >
{% endfor %}
< / div >
< / div >
< / div >
2023-12-04 00:40:29 +01:00
{% endfor %}
2023-12-04 11:11:02 +01:00
<!-- Variants -->
< div class = "tab-pane fade" id = "variants" >
< div class = "container my-5" >
< table class = "table table-hover table-striped" >
< thead >
< tr >
< th scope = "col" class = "text-center" > Variant< / th >
< th scope = "col" class = "text-center" > Player count< / th >
< th scope = "col" class = "text-center" > Rating< / th >
< th scope = "col" class = "text-center" > Games Played< / th >
< th scope = "col" class = "text-center" > Max Scores< / th >
< / tr >
< / thead >
< tbody >
{% for variant in variants %}
< tr >
2023-12-04 17:56:28 +01:00
< td class = "text-center" > < strong > < a href = "variant/{{variant.variant_id}}" > {{ variant.name }}< / a > < / strong > < / td >
2023-12-04 11:11:02 +01:00
< td class = "text-center" > {{ variant.num_players }}< / td >
2023-12-04 17:52:18 +01:00
< td class = "text-center variant-rating" > {{ variant.stats.rating | int }}< / td >
< td class = "text-center" > {{ variant.stats.games_played }}< / td >
< td class = "text-center" > {{ variant.stats.games_won }}< / td >
2023-12-04 11:11:02 +01:00
< / tr >
{% endfor %}
< / tbody >
< / table >
< / div >
< / div >
2023-12-04 11:16:34 +01:00
< div class = "tab-pane fade" id = "info" >
< div class = "container my-5" >
< div class = "container" >
< div class = "row justify-content-center" >
< div class = "col-md-6" >
< div class = "alert alert-info" role = "alert" >
< h4 class = "alert-heading" > Welcome to the league!< / h4 >
2023-12-08 00:56:44 +01:00
< p > Season One will be live from < strong > 22. December 2023< / strong > < / p >
2023-12-04 11:16:34 +01:00
< hr >
2023-12-08 00:56:44 +01:00
< p class = "mb-0" >
Sign ups are open from now on, see the linked google doc below.
< / p >
2023-12-04 11:16:34 +01:00
< / div >
< / div >
< / div >
< / div >
< h3 > About< / h3 >
2023-12-08 00:56:44 +01:00
< p >
This site is still under construction and be (hopefully, but also very likely) be ready on the 22nd when the
league starts.
< / p >
< p >
You can already find up-to-date information on the league < a href = "https://docs.google.com/document/d/17sGlg5cEco9-xRpMXedMkgve85Hqx6ae4XEZoJQJAJg" > here< / a >
until the information is moved here properly.
< / p >
2023-12-04 11:16:34 +01:00
< / div >
< / div >
2023-12-04 11:11:02 +01:00
2023-12-03 21:20:13 +01:00
< / div >
2023-12-05 17:39:33 +01:00
{% endblock %}