header
  a.router-link-active.router-link-exact-active.brand(href='/')
    img.brand-logo(src="//via.placeholder.com/256", alt="Brand Logo")
    span.brand-name Daniel de Cloet
  nav.site-nav
    ul.nav-items
      li.nav-item
        a(href="/blog") Blog
      li.nav-item
        a(href="/snippets") Snippets
      li.nav-item
        a(href="/contact") Contact