{% extends "base.html" %}
{% block extra_head %}
<link rel="stylesheet" href="/static/css/feed.css">
{% endblock %}
{% block content %}
<div class="leaderboard-page">
<aside class="community-stats">
<h3>Community</h3>
<div class="stat-row">
<span class="label">Total Members</span>
<span class="value">{{ total_members }}</span>
</div>
<div class="stat-row">
<span class="label">Posts Today</span>
<span class="value">{{ posts_today }}</span>
</div>
<div class="stat-row">
<span class="label">Total Projects</span>
<span class="value">{{ total_projects }}</span>
</div>
<div class="stat-row">
<span class="label">Total Gists</span>
<span class="value">{{ total_gists }}</span>
</div>
<div class="top-authors-section">
<h3 class="top-authors-title">Top Authors</h3>
{% for author in top_authors %}
<div class="stat-row">
<span class="label">
{% set _user = author %}{% set _size = 20 %}{% set _size_class = "xs" %}{% include "_avatar_link.html" %}
<a href="/profile/{{ author['username'] }}" class="top-author-name">{{ author['username'] }}</a>
</span>
<span class="value">{{ author.get('stars', 0) }}</span>
</div>
{% else %}
<div class="no-authors-msg">No top authors yet</div>
{% endfor %}
</div>
</aside>
<div class="leaderboard-main">
<div class="leaderboard-header">
<h1>Leaderboard</h1>
{% if user_rank %}
<span class="leaderboard-you">Your rank: #{{ user_rank }}</span>
{% endif %}
</div>
<p class="leaderboard-intro">Ranked by total stars earned across posts, projects, and gists.</p>
<ol class="leaderboard-list">
{% for entry in entries %}
<li class="leaderboard-row{% if user and entry['uid'] == user['uid'] %} leaderboard-row-self{% endif %}">
<span class="leaderboard-rank">#{{ entry['rank'] }}</span>
{% set _user = entry %}{% set _size = 32 %}{% set _size_class = "sm" %}{% include "_avatar_link.html" %}
<a href="/profile/{{ entry['username'] }}" class="leaderboard-name">{{ entry['username'] }}</a>
<span class="leaderboard-level">Level {{ entry.get('level', 1) }}</span>
<span class="leaderboard-stars">{{ entry['stars'] }} <span class="leaderboard-star-icon">&#x2605;</span></span>
</li>
{% else %}
<li class="leaderboard-empty">No ranked contributors yet. Earn stars on your posts, projects, and gists to appear here.</li>
{% endfor %}
</ol>
</div>
<aside class="feed-right">
<div class="featured-news">
<h3>Featured</h3>
{% for article in featured_news %}
<a class="featured-news-item" href="/news/{{ article['slug'] }}">
<span class="featured-news-title">{{ article['title'] }}</span>
<span class="featured-news-meta">{{ article['source_name'] }}{% if article['time_ago'] %} &middot; {{ article['time_ago'] }}{% endif %}</span>
</a>
{% else %}
<div class="no-authors-msg">No featured articles yet</div>
{% endfor %}
</div>
</aside>
</div>
{% endblock %}