<article class="item event-card"
         tal:define="
           date2month_name nocall:here/@@proto/date2month_name;
           in_workspace view/in_workspace;
           injection_target python:in_workspace and 'source: #document-body;;target: #document-body' or 'source: #main;; target: #main';
           view_name python:in_workspace and 'event_view' or 'promo';
         "
>
  <a class="pat-inject follow pat-switch"
     href="${here/absolute_url}/@@${view_name}"
     data-pat-inject="history: record; ${injection_target}"
     data-pat-switch="selector: #application-body; remove: focus-*; add: focus-document &amp;&amp; selector: body; remove: sidebar-large; add: sidebar-normal"
  >
    <figure class="branded ${python:not here.image and 'has-no-image'}">
      <img class="illustration"
           src="${here/portal_url}/++theme++ploneintranet.theme/generated/assets/quaive/placeholders/placeholder-16x9.png"
           style="background-image: url(${here/absolute_url}/@@images/image/large)"
           tal:condition="here/image"
      />
    </figure>
    <div class="teaser">
      <h3 class="title">${here/Title}</h3>
      <time class="event-date">
        <span class="month">${python:here.start and date2month_name(here.start, short=True)}</span>
        <span class="day">${python:here.start and here.start.strftime('%d')}</span>
      </time>
      <p class="byline"
         tal:define="
           location here/location;
         "
         tal:condition="location"
      >${location}</p>
    </div>
  </a>
</article>
