.columns-area__panels__main
  img.header(src='/header.jpg')


div.container#tootsList
  div.column
    div.item-list
    #{toot_counter = outbox.length}
    each oredredItem in outbox
      article
        div.status.status-public.flex
          p.toot_counter=(toot_counter-=1)
          a(href=oredredItem['object'].url)
            i.fa.fa-paperplane-o
            img.header(src='/avatar.gif')
          div.date-published=oredredItem['object'].published
          blockquote.pl-6.published
            | !{oredredItem['object'].content.trim()}
          p.length=(oredredItem['object'].content.length)
          if oredredItem['object'].attachment && oredredItem['object'].attachment.length
            if(!displayMedias)
              sub.font-medium.no-media.bg-orange-300.p-2 Medias are not displayed
            if(displayMedias)
              each media in oredredItem['object'].attachment
                include medias.pug