<article class="media">
  <figure class="media-left">
    <a href="https://github.com/<%= event.actor.display_login %>">
      <figure class="image is-32x32 is-inline-block is-vertically-middle">
        <img class="is-rounded" src="<%= event.actor.avatar_url %>" alt="@<%= event.actor.display_login %>">
      </figure>
    </a>
  </figure>

  <div class="media-content">

    <a href="https://github.com/<%= event.actor.display_login %>" class="has-text-weight-semibold"><%= event.actor.display_login %></a>

      closed an issue on

    <a href="https://github.com/<%= event.repo.name %>" class="has-text-weight-semibold"><%= event.repo.name %></a>
    <span class="is-size-7">
      <%= new Date(event.created_at).toLocaleString() %>
    </span>

    <div class="card">
      <div class="card-content">

        <figure class="image is-16x16 is-inline-block is-vertically-middle">
          <img class="is-rounded" src="imgs/closed-issue.svg">
        </figure>

        <a class="has-text-weight-semibold" href="<%= event.payload.issue.html_url %>"><%= event.payload.issue.title %></a>

      </div>
    </div>
  </div>
</article>
