mixin renderAnnouncement (announcement)
  .uk-card.uk-card-default.uk-card-small
    .uk-card-header
      h1.uk-card-title
        span
          i(class=`fas ${announcement.title.icon.class}`, style=`color: ${announcement.title.icon.color}`)
        span.uk-margin-small-left= announcement.title.content
    .uk-card-body!= marked.parse(announcement.content, { renderer: marked.Renderer() })
    .uk-card-footer.uk-text-small.uk-text-muted
      div(uk-grid).uk-grid-small.uk-grid-divider
        .uk-width-auto
          a(href=`/announcement/${announcement._id}`)= moment(announcement.created).format('MMM DD, YYYY [at] hh:mm a')
        if currentView !== 'announcement'
          .uk-width-auto
            a(href=`/announcement/${announcement._id}`)
              span
                i.fas.fa-link
              span.uk-margin-small-left Open Announcement