<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>

    created

    <a href="https://github.com/<%= event.repo.name %>/releases/tag/<%= event.payload.ref %>" class="has-text-weight-semibold"><%= event.payload.ref %></a>

    of

    <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">
        <div>

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

                <a class="has-text-weight-semibold" href="https://github.com/<%= event.repo.name.split("/")[0] %>"><%= event.repo.name.split("/")[0] %></a>

                /

                <a class="has-text-weight-semibold" href="https://github.com/<%= event.repo.name %>"><%= event.repo.name.split("/")[1] %></a>

                <br>

                <a class="is-size-5 has-text-weight-semibold is-block mt-2" href="https://github.com/<%= event.repo.name %>/releases/tag/<%= event.payload.ref %>"> <%= event.payload.ref %></a>


                <%- event.payload.description %>


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