remotes/1693045480750635534/spooky-22
kek7198 2021-12-09 10:50:31 -06:00
parent bd1a519f31
commit f3e74eba42
1 changed files with 45 additions and 37 deletions

View File

@ -1,41 +1,49 @@
<div class="hidden xl:block xl:col-start-10 xl:col-end-13 flex-shrink-0 my-4 px-4 py-3 rounded-md bg-gray-300/40 shadow-inner">
<h2 class="ml-2 font-bold text-lg font-heading leading-normal mb-2">About</h2>
<div class="flex flex-col space-y-4">
{% if u.bio_html %}
<div class="text-black text-break">{{u.bio_html | safe}}</div>
{% else %}
<p class="italic text-gray-500 text-sm">No bio...</p>
{% endif %}
{% if u.friends_html %}
<p class="text-muted font-weight-bold">Friends:</p>
{{u.friends_html | safe}}
{% endif %}
{% if u.enemies_html %}
<p class="text-muted font-weight-bold">Enemies:</p>
{{u.enemies_html | safe}}
{% endif %}
</div>
<h2 class="ml-2 font-bold text-lg font-heading leading-normal mb-2">Badges</h2>
<ul class="flex-row flex-wrap gap-2">
{% for b in u.badges %}
<li>
{% if b.url %}
<a rel="nofollow noopener noreferrer" href="{{b.url}}">
<img class="flex-shrink-0 w-8 h-8 object-contain transform transition-100 hover:scale-[1.15]" loading="lazy" src="{{b.path}}" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="{{b.name}} - {{b.text}}"/>
</a>
<div>
<h2 class="ml-2 font-bold text-lg font-heading leading-normal mb-2">About</h2>
<div class="flex flex-col space-y-4">
{% if u.bio_html %}
<div class="text-black text-break">{{u.bio_html | safe}}</div>
{% else %}
<img class="flex-shrink-0 w-8 h-8 object-contain transform transition-100 hover:scale-[1.15]" loading="lazy" src="{{b.path}}" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="{{b.name}} - {{b.text}}"/>
<p class="italic text-gray-500 text-sm">No bio...</p>
{% endif %}
</li>
{% endfor %}
</ul>
<h2 class="ml-2 font-bold text-lg font-heading leading-normal mb-2">Awards</h2>
<ul class="flex-row flex-wrap gap-2">
{% for a in u.received_awards %}
<li>
<i class="{{a['icon']}} {{a['color']}} fa-fw fa-sm" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="{{a['title']}} Awards received"></i>
<span class="text-gray-500 text-sm">x{{a['count']}}</span>
</li>
{% endfor %}
</ul>
{% if u.friends_html %}
<p class="text-muted font-weight-bold">Friends:</p>
{{u.friends_html | safe}}
{% endif %}
{% if u.enemies_html %}
<p class="text-muted font-weight-bold">Enemies:</p>
{{u.enemies_html | safe}}
{% endif %}
</div>
</div>
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 shadow-inset-t-white-05"/>
<div>
<h2 class="ml-2 font-bold text-lg font-heading leading-normal mb-2">Badges</h2>
<ul class="flex-row flex-wrap gap-2 mb-0">
{% for b in u.badges %}
<li>
{% if b.url %}
<a rel="nofollow noopener noreferrer" href="{{b.url}}">
<img class="flex-shrink-0 w-8 h-8 object-contain transform transition-100 hover:scale-[1.15]" loading="lazy" src="{{b.path}}" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="{{b.name}} - {{b.text}}"/>
</a>
{% else %}
<img class="flex-shrink-0 w-8 h-8 object-contain transform transition-100 hover:scale-[1.15]" loading="lazy" src="{{b.path}}" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="{{b.name}} - {{b.text}}"/>
{% endif %}
</li>
{% endfor %}
</ul>
</div>
<hr class="mt-6 mb-5 h-0.5 border-b border-gray-300 shadow-inset-t-white-05"/>
<div>
<h2 class="ml-2 font-bold text-lg font-heading leading-normal mb-2">Awards</h2>
<ul class="flex-row flex-wrap gap-2 mb-0">
{% for a in u.received_awards %}
<li>
<i class="{{a['icon']}} {{a['color']}} fa-fw fa-sm" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="{{a['title']}} Awards received"></i>
<span class="text-gray-500 text-sm">x{{a['count']}}</span>
</li>
{% endfor %}
</ul>
</div>
</div>