{% comment %} TRMNL private plugin · Polling · quadrant · data: /api/screens/countdowns.json {% endcomment %}
<div class="layout layout--col layout--center">
  {% if count == 0 %}<span class="description">Nothing to count down to.</span>{% endif %}
  <div class="grid grid--cols-2 gap--small w--full">
    {% for c in items limit: 2 %}
    <div class="flex flex--col flex--center text--center">
      <span class="value value--large value--tnums">{{ c.big }}</span>
      <span class="title title--small" data-clamp="1">{{ c.title }}</span>
      <span class="description" data-clamp="1">{{ c.big_label }} · {% if c.is_ongoing %}until {{ c.end_label }}{% else %}{{ c.date_label }}{% endif %}</span>
    </div>
    {% endfor %}
  </div>
</div>
<div class="title_bar">
  <img class="image image--adaptive" src="https://trmnl.com/images/plugins/trmnl--render.svg">
  <span class="title">Countdowns</span>
  <span class="instance"></span>
</div>