{% comment %} TRMNL private plugin · Polling · quadrant · data: /api/screens/special.json {% endcomment %}
<div class="layout layout--col layout--top gap--xsmall">
  {% if count == 0 %}<span class="description">Nothing special in the next {{ horizon_days }} days.</span>{% endif %}
  <div class="flex flex--col gap--xsmall stretch-x" style="align-items: stretch; text-align: left;" data-list-limit="true" data-list-max-height="160" data-list-hidden-count="true">
    {% for e in items limit: 4 %}
    <div class="flex flex--row gap--small w--full" style="align-items: baseline; justify-content: flex-start;">
      <span class="value value--xsmall value--tnums" style="flex: 0 0 62px; text-align: left;">{{ e.day_short }} {{ e.day_num }}</span>
      <span class="title title--small" data-clamp="1">{{ e.title }} <span class="description">{{ e.who }}{% if e.all_day == false %} · {{ e.start }}{% endif %}</span></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">Coming up</span>
  <span class="instance">{{ count }} event{% if count != 1 %}s{% endif %}</span>
</div>