<h2 class='text-3xl font-bold mt-10'>
  <%= link_to year, "/stats/#{year}", class: "underline hover:no-underline text-#{header_colors.sample}" %>
  <%= link_to '[Map]', map_url(year_timespan(year)), class: 'underline hover:no-underline' %>
</h2>
<div class='my-10'>
  <%= column_chart(
    Stat.year_distance(year, current_user),
    height: '200px',
    suffix: ' km',
    xtitle: 'Days',
    ytitle: 'Distance'
  ) %>
</div>
<div class="mt-5 grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 p-4">
  <% stats.each do |stat| %>
    <%= render stat %>
  <% end %>
</div>
