doctype html
block vars
  - var bodyclass = null;
  - var groupedArticles = env.helpers.getGroupedArticles(contents);
  - var firstArticleUrl = groupedArticles[0].items[0].url
  - var installationArticleUrl = groupedArticles[0].items[1].url
html(lang='en')
  head
    block head
      meta(charset='utf-8')
      meta(http-equiv='X-UA-Compatible', content='IE=edge,chrome=1')
      meta(name='viewport', content='width=device-width')
      meta(name='keywords', content='admin,dashboard,template,angular,bootstrap,blur,panel,html,css,javascript')
      title
        block title
          = locals.name
      link(rel='alternate', href=locals.url+'/feed.xml', type='application/rss+xml', title=locals.description)
      link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900|Anonymous+Pro:400,700,400italic,700italic&subset=latin,greek,greek-ext,vietnamese,cyrillic-ext,latin-ext,cyrillic')
      link(rel='stylesheet', href=contents.css['main.css'].url)
      link(rel='shortcut icon', href=contents.images['favicon.png'].url)
      | <!-- Google Tag Manager -->
      | <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
      | new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
      | j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
      | 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      | })(window,document,'script','dataLayer','GTM-K8MXX5F');</script>
      | <!-- End Google Tag Manager -->
  body(class=bodyclass)
    | <!-- Google Tag Manager (noscript) -->
    | <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K8MXX5F"
    | height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    | <!-- End Google Tag Manager (noscript) -->
    div.container
      div.nav-main
        div.wrap
          a.nav-home(href=contents['index'].url)
            img.nav-logo(src=contents.images['blur-admin-logo.png'].url, width=36,height=36)
            |&nbsp;#[span.blur-label Blur]Admin
          ul.nav-site.nav-site-internal
            li
              a(class= locals.page.metadata.activeHome ? 'active': '')(href=contents['index'].url) Home
            li
              a(class= !locals.page.metadata.activeHome ? 'active': '')(href=firstArticleUrl) Docs
          span.nav-docs-right
            | Need some help? Let us know! #[a(href='mailto:contact@akveo.com') contact@akveo.com]
      block content
        h2 Welcome to blur admin!
      footer.wrap
        div.left Powered by Angular, Bootstrap, Gulp and more...
        div.right
          | © 2015–2016 Akveo LLC<br />
          | Documentation licensed under #[a(href='https://creativecommons.org/licenses/by/4.0/') CC BY 4.0].
    a(href='https://github.com/akveo/blur-admin')
      img(style='position: fixed; top: 0; right: 0; border: 0; z-index: 1000;',src='https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67',alt='Fork me on GitHub',data-canonical-src='https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png')
