22 lines
2.2 KiB
HTML
22 lines
2.2 KiB
HTML
<aside class="leaderboard-preview" aria-labelledby="preview-title">
|
|
<header class="leaderboard-preview__header">
|
|
<div><h2 id="preview-title">Weekly leaderboard</h2><p>See who is improving this week</p></div>
|
|
{% if leaderboard_preview.0.demo %}<span>Preview</span>{% endif %}
|
|
</header>
|
|
<nav class="leaderboard-preview__tabs" aria-label="Leaderboard period preview">
|
|
<span class="is-active">This Week</span><span>This Month</span><span>All Time</span>
|
|
</nav>
|
|
<div class="leaderboard-preview__podium">
|
|
{% with student=leaderboard_preview.1 %}<div class="preview-winner preview-winner--silver"><b>2</b><span>{{ student.initial }}</span><strong>{{ student.name }}</strong><small>Band {{ student.band|floatformat:1 }}</small></div>{% endwith %}
|
|
{% with student=leaderboard_preview.0 %}<div class="preview-winner preview-winner--gold"><b>1</b><span>{{ student.initial }}</span><strong>{{ student.name }}</strong><small>Band {{ student.band|floatformat:1 }}</small></div>{% endwith %}
|
|
{% with student=leaderboard_preview.2 %}<div class="preview-winner preview-winner--bronze"><b>3</b><span>{{ student.initial }}</span><strong>{{ student.name }}</strong><small>Band {{ student.band|floatformat:1 }}</small></div>{% endwith %}
|
|
</div>
|
|
<div class="leaderboard-preview__rows">
|
|
{% for student in leaderboard_preview|slice:"3:5" %}
|
|
<div><b>{{ student.rank }}</b><span class="preview-avatar">{{ student.initial }}</span><strong>{{ student.name }}</strong><span>{{ student.band|floatformat:1 }}</span></div>
|
|
{% endfor %}
|
|
<div class="is-current"><b>{{ leaderboard_preview_user.rank }}</b><span class="preview-avatar">{{ leaderboard_preview_user.initial }}</span><strong>{{ leaderboard_preview_user.name }} {% if request.user.is_authenticated %}(You){% else %}(Example){% endif %}</strong><span>Band {{ leaderboard_preview_user.band|floatformat:1 }} <i class="bi bi-arrow-up"></i></span></div>
|
|
</div>
|
|
<a class="leaderboard-preview__link" href="{% if request.user.is_authenticated %}{% url 'leaderboard' %}{% else %}{% url 'account_signup' %}{% endif %}">{% if request.user.is_authenticated %}View full leaderboard{% else %}Join the leaderboard{% endif %} <i class="bi bi-arrow-right"></i></a>
|
|
</aside>
|