html
  head
    title Hoe werkt Werkmanrooster ?
    link(rel="stylesheet", href="/css/style.css", type="text/css")
    link(rel="stylesheet", href="/css/skeleton.css", type="text/css")
    link(rel="stylesheet", href="/other/prism.css", type="text/css")

  body
    .container
      .row
        .sidebar.five
          div
            h5 Profielwerkstuk
            p Hoe werkt Werkmanrooster?
            a(href="http://96aa48.github.io")
              img(src="/images/face.png")
            sup Bram van der Veen
          ul
            for article in locals.articles
              li
                a(href="/" + article)=article.substr(0,1).toUpperCase() + article.replace(/.md/, '').slice(1)
        .content.seven
          div!=markdown

    script(type="text/javascript", src="/other/prism.js")