46 lines
2.7 KiB
HTML
46 lines
2.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 %}
|
|
</section>
|