doctype html
html(lang="en")
  head
    title= pageTitle
    link(rel='stylesheet', href='//mastodon.cipherbliss.com/packs/css/common-f88705a5.css', type='text/css')
    link(rel='stylesheet', href='stylesheets/main.css', type='text/css')
  body
    h1=pageTitle
    h2 Statistics

    fieldset.stats.stats-hashtags
      h3 You used these HashTags
      table
        thead
          tr
            th= "search"
            th= "hashtag"
            th= "occurences"
        tbody
        each hashtag in outboxStatistics.hashtags
          tr
            td.search
              a(href= 'https://duckduckgo.com/?q='+hashtag.name)
                ='search'
            td.name
              a(href=hashtag.href)=hashtag.name
            td.counter=hashtag.counter
            td.counter=hashtag.counterContentLength

    fieldset.stats.stats-recievers
      h3 You sent messages to these people
      table
        thead
          tr
            th= "search"
            th= "name"
            th= "times"
            th= "toots lengh sum"
        tbody
        each someone in outboxStatistics.recievers
          tr
            td.search
              a(href= 'https://duckduckgo.com/?q='+someone.user.username)
                ='search'
            td.name
              a(href=someone.name)=someone.user.username
            td.counter=someone.counter
            td.counter=someone.counterContentLength
    h2 #{outbox.length} of Messages #{outboxTotalLength} in your outbox.First #{max_toots} toots, filtered by a minimal length of #{min_length} characters of content.
    .columns-area__panels__main
      div.column
        div.item-list
        each oredredItem in outbox
          article
            div.status.status-public
              a(href=oredredItem['object'].url)="see"
              div.date-published=oredredItem['object'].published
              blockquote.published(escaped!=oredredItem['object'].content)
              if oredredItem['object'].attachment && oredredItem['object'].attachment.length
                each media in oredredItem['object'].attachment
                  div.media-gallery
                    div.counter.hidden #{oredredItem['object'].attachment.length}
                    if(media.mediaType.search('video') != -1)
                      figure.media-media-displayed.media-image
                        a(href=media.href)
                          span Media vidéo
                        video(src=media.href,controls=controls)
                    if(media.mediaType.search('audio') != -1)
                      a(href=media.href)
                         span Media audio
                    if(media.mediaType.search('image') != -1)
                      figure.media-media-displayed.media-image
                        a(href=media.href)
                        img(src=media.href,alt=media.href)