forked from MarseyWorld/MarseyWorld
53 lines
1.9 KiB
HTML
53 lines
1.9 KiB
HTML
{% extends "default.html" %}
|
|
{% block content %}
|
|
<pre>
|
|
|
|
|
|
</pre>
|
|
<div class="overflow-x-auto"><table class="table table-striped mb-5">
|
|
<thead class="bg-primary text-white">
|
|
<tr>
|
|
<th style="font-weight: bold">#</th>
|
|
<th style="font-weight: bold">Name</th>
|
|
<th style="font-weight: bold">Marsey</th>
|
|
<th style="font-weight: bold">Usage</th>
|
|
{% if SITE_NAME == 'Drama' %}<th style="font-weight: bold">Author</th>{% endif %}
|
|
</tr>
|
|
</thead>
|
|
<tbody id="followers-table">
|
|
{% if SITE_NAME == 'Drama' %}
|
|
{% for marsey, author in marseys %}
|
|
<tr>
|
|
<td style="font-weight: bold">{{loop.index}}</td>
|
|
<td style="font-weight: bold">{{marsey.name}}</td>
|
|
<td><img class="marsey" loading="lazy" data-bs-toggle="tooltip" alt=":{{marsey.name}}:" title=":{{marsey.name}}:" delay="0" src="/static/assets/images/emojis/{{marsey.name}}.webp?a=1008" ></td>
|
|
<td style="font-weight: bold">{{marsey.count}}</td>
|
|
<td><a style="color:#{{author.namecolor}};font-weight:bold" href="/@{{author.username}}"><img alt="@{{author.username}}'s profile picture" loading="lazy" src="{{author.profile_url}}" class="pp20"><span {% if author.patron %}class="patron" style="background-color:#{{author.namecolor}}"{% endif %}>{{author.username}}</span></a></td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% else %}
|
|
{% for marsey in marseys %}
|
|
<tr>
|
|
<td style="font-weight: bold">{{loop.index}}</td>
|
|
<td style="font-weight: bold">{{marsey.name}}</td>
|
|
<td><img class="marsey" loading="lazy" data-bs-toggle="tooltip" alt=":{{marsey.name}}:" title=":{{marsey.name}}:" delay="0" src="/static/assets/images/emojis/{{marsey.name}}.webp?a=1008" ></td>
|
|
<td style="font-weight: bold">{{marsey.count}}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</tbody>
|
|
</table>
|
|
|
|
<style>
|
|
.marsey {
|
|
max-width: 125px;
|
|
max-height: 125px;
|
|
}
|
|
@media (max-width: 768px) {
|
|
.marsey {
|
|
max-width: 60px;
|
|
max-height: 60px;
|
|
}
|
|
}
|
|
</style>
|
|
{% endblock %} |