51 lines
2.0 KiB
HTML
51 lines
2.0 KiB
HTML
{% extends 'base.html' %}
|
|
{% block content %}
|
|
<div class="row container">
|
|
<div class="section slogan">
|
|
<h2 class="center-align" style="font-weight:bold">Hall of Fame<br></h2>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row container section">
|
|
{% for user in users %}
|
|
{% if user.first_name or user.last_name %}
|
|
<div class="col s12 m4">
|
|
<div class="section center-align">
|
|
<div class="card">
|
|
<div class="card-content white-text">
|
|
<div class="card-image">
|
|
<a href="/profile/{{ user.username }}"><img src='/media/{{ user.profile.icon }}'></a>
|
|
</div>
|
|
<h5 class="card-title" style="padding-top: 10px;color:black;">
|
|
<a class='darklink' href="/profile/{{ user.username }}"><b>{{ user.first_name }} {{ user.last_name }}</b></a>
|
|
</h5>
|
|
<div class="row">
|
|
<div class="col s12 m1">
|
|
<i class="material-icons" style="font-size: 20px; padding-right: 5px; color: black">flash_on</i>
|
|
</div>
|
|
<div class="col s12 m10">
|
|
<div class="progress" style="background-color: #f1f1f1">
|
|
<div class="determinate" style="width: 70%; background-color:#ffc107;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col s12 m1">
|
|
<i class="material-icons" style="font-size: 20px; padding-right: 5px; color: black">computer</i>
|
|
</div>
|
|
<div class="col s12 m10">
|
|
<div class="progress" style="background-color: #f1f1f1">
|
|
<div class="determinate" style="width: 70%; background-color:#3498db;"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</div>
|
|
{% endblock %}
|