extends frame
block main-content
  section.content#blog-content
      header.columns#header
        #header-one.column
            label#the-title 
                    a(href="/") thetwelfthhouse
        #header-two.column
            label Thoughts and other weirdness.
      #blog-display
          .blog-list#blog-list
              - var index = 0  
              - for ( index; index < items.length; index++)
                  -var image = JSON.parse(items[index].feature_image)[0]
                  -var featured = String(image).substr(7, String(image).length)
                    a(href= "/blog/"+items[index].slug)
                      .blog-entry(id=items[index].id style="background-image:url("+featured+")")
                         label= items[index].title
          #paginate
              - var prev = page_index-1
              if prev < 1
                  - prev = page_count
              - var next = ++page_index
              if next > page_count
                  - next = 1
              a(href="/blog/page/"+prev)
                i.fa.fa-chevron-left
                label= "page "+String(page_index-1)+" of "+page_count
              a(href="/blog/page/"+next)
                 i.fa.fa-chevron-right


