html
  - var pathPrefix = '.';
  - for (var i = 0; i < (front.level || 0); i++) {
  -     pathPrefix += '/..';
  - }
  - var homeLink = pathPrefix + '/index.html';
  head
    meta(charset='utf-8')
    title RPD &mdash; #{front.title}
    link(href='#{pathPrefix}/highlight-js.min.css',rel='stylesheet',type='text/css')
    // load RPD library and requirements when document will be ready
    link(href='#{pathPrefix}/rpd-docs.css',rel='stylesheet',type='text/css')  
    link(href='#{pathPrefix}/style.css',rel='stylesheet',type='text/css')    
    script(defer,src='#{pathPrefix}/kefir.min.js')
    // compiled with: `gulp for-docs`
    script(defer,src='#{pathPrefix}/rpd-docs.min.js')        
  body(class='rpd-docs-#{front.id}')
    header(id='_top')
      img(src='#{pathPrefix}/rpd.svg',width='30px',height='30px')  
      h1: a(href='#{homeLink}') RPD &mdash; Reactive Patch Development
      div#version: span #{config.version}
    nav: ul
      each desc, id in config.contents
        li(class=(id === front.id ? 'active' : ''))
          a(href='#{pathPrefix}/#{desc.path}') #{desc.title}
          if desc.subsections
            ul
              each subtitle, id in desc.subsections
                li: a(href='#{pathPrefix}/#{desc.path}\##{id}') #{subtitle}
    main
      h2 #{front.title} 
      article
        != contents
      div(id='jump-to-top'): a(href='#_top') ↑
    footer
      span &copy; shaman.sir, 2016
