{#
  The "time since / days / streak" tiles. Shared by the dashboard and the calendar, so
  the two can never drift into two different answers for the same question.

  🔴 EVERY CELL HERE HONOURS THE None CONTRACT. `since` is absent when the thing has
  never happened (not "0s", which would read as "just now"); `streak` is absent for an
  activity whose cadence is `none` (a counter has no run to break, and a 0 would state
  that one WAS broken); `time` is absent when the activity declares no duration source.
#}
{% if acts %}
<section class="card">
  <h3>Where things stand <a class="more" href="/calendar">calendar →</a></h3>
  <div class="since-grid">
    {% for m in acts %}
    {% set a = m.activity %}
    <div class="since" style="--c:{{ a.color }}">
      <div class="since-top">
        <span class="since-ico">{{ a.icon }}</span>
        <b>{{ a.title }}</b>
        {% if a.emits %}
        <form method="post" action="/activity/{{ a.slug }}/log" class="since-log">
          <button class="chip on" title="log {{ a.title }} now">+ log</button>
        </form>
        {% endif %}
      </div>
      {% if m.since is not none %}
        <div class="since-big">{{ m.since|dur }}<small> ago</small></div>
      {% else %}
        <div class="since-big none">never</div>
      {% endif %}
      <div class="since-facts">
        <span title="days with at least one">{{ m.days }}<small>d</small> done</span>
        {% if m.streak %}<span class="st" title="current streak · best {{ m.streak.best }}{{ m.streak.unit }}">🔥 {{ m.streak.current }}{{ m.streak.unit }}</span>{% endif %}
        {% if m.total_seconds is not none %}<span title="time doing this">⏱ {{ m.total_seconds|dur }}</span>{% endif %}
        {% if m.week %}<span class="{{ 'met' if m.week.met else 'wk' }}" title="this week against the target">{{ m.week.n }}/{{ m.week.target }} wk</span>{% endif %}
      </div>
    </div>
    {% endfor %}
  </div>
</section>
{% endif %}