64 lines
3.7 KiB
HTML
64 lines
3.7 KiB
HTML
<section class="overflow-hidden rounded-2xl border border-gray-100 bg-gradient-to-r from-slate-900 via-slate-800 to-yrtv-900 p-6 text-white shadow-xl dark:border-slate-700">
|
|
<div class="flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between">
|
|
<div>
|
|
<div class="text-xs font-bold uppercase tracking-[0.25em] text-yrtv-300">Professional Identity</div>
|
|
<div class="mt-2 flex flex-wrap items-center gap-3">
|
|
<span class="rounded-full bg-white/10 px-3 py-1 text-sm font-bold uppercase">{{ professional_identity.member_role or 'member' }}</span>
|
|
<span class="text-sm text-slate-300">{{ professional_identity.roster_version or 'Active Roster' }}</span>
|
|
</div>
|
|
<div class="mt-4 text-sm text-slate-300">
|
|
{{ professional_identity.total_matches or 0 }} 场效力 · 队内 Percentile {{ '%.0f%%'|format(professional_identity.tier_percentile or 0) }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-2 gap-4 sm:grid-cols-4">
|
|
<div class="rounded-xl bg-white/10 p-3">
|
|
<div class="text-[10px] uppercase text-slate-400">代表武器</div>
|
|
<div class="mt-1 font-black">{{ professional_identity.core_top_weapon or 'N/A' }}</div>
|
|
</div>
|
|
<div class="rounded-xl bg-white/10 p-3">
|
|
<div class="text-[10px] uppercase text-slate-400">最佳地图</div>
|
|
<div class="mt-1 font-black">{{ professional_identity.meta_map_best_map or 'N/A' }}</div>
|
|
</div>
|
|
<div class="rounded-xl bg-white/10 p-3">
|
|
<div class="text-[10px] uppercase text-slate-400">荣誉</div>
|
|
<div class="mt-1 text-2xl font-black text-amber-400">{{ professional_identity.award_count or 0 }}</div>
|
|
</div>
|
|
<div class="rounded-xl bg-white/10 p-3">
|
|
<div class="text-[10px] uppercase text-slate-400">月/季/年最佳</div>
|
|
<div class="mt-1 font-black text-amber-300">
|
|
{{ professional_identity.awards_by_type.get('monthly', 0) }}/{{ professional_identity.awards_by_type.get('quarterly', 0) }}/{{ professional_identity.awards_by_type.get('yearly', 0) }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% if honors.awards %}
|
|
<div class="mt-5 flex gap-2 overflow-x-auto border-t border-white/10 pt-4">
|
|
{% for award in honors.awards[:8] %}
|
|
<a href="{{ url_for('awards.index', type=award.award_type) }}" class="whitespace-nowrap rounded-full bg-amber-400/20 px-3 py-1 text-xs font-bold text-amber-200">
|
|
🏆 {{ award.period_key }} {{ award.award_label }}
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if performance_medals %}
|
|
<div class="mt-4 border-t border-white/10 pt-4">
|
|
<div class="mb-2 text-[10px] font-black uppercase tracking-widest text-slate-400">Map & ELO Medals</div>
|
|
<div class="flex gap-2 overflow-x-auto">
|
|
{% for medal in performance_medals %}
|
|
<a href="{{ url_for('discover.index', dimension=medal.dimension_type) }}#medals"
|
|
class="whitespace-nowrap rounded-full px-3 py-1 text-xs font-bold
|
|
{% if medal.medal_tier == 'gold' %}bg-amber-400/20 text-amber-200
|
|
{% elif medal.medal_tier == 'silver' %}bg-slate-300/20 text-slate-200
|
|
{% else %}bg-orange-500/20 text-orange-200{% endif %}">
|
|
{% if medal.medal_tier == 'gold' %}🥇{% elif medal.medal_tier == 'silver' %}🥈{% else %}🥉{% endif %}
|
|
{{ medal.dimension_label }}
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</section>
|