doctype html
// Documentative
// (c) 2020 dragonwocky <thedragonring.bod@gmail.com>
// (https://dragonwocky.me/) under the MIT license
html(prefix='og: http://ogp.me/ns#')
  head
    - if (!config.card.url.endsWith("/")) config.card.url += "/";
    - const lighticon = _.depth + (icon.light || icon.dark || "light-docs.png");
    - const darkicon = _.depth + (icon.dark || icon.light || "dark-docs.png");
    - const canonicalicon = config.card.url + _.output.split("/").slice(0, -1).join("/") + _.depth + lighticon;
    - const title = [...new Set([_.title.name, config.title])].join(" | ");
    meta(charset='utf-8')
    meta(name='viewport', content='width=device-width, initial-scale=1.0')
    title= title
    link(
      rel='stylesheet',
      href='https://fonts.googleapis.com/css?family=Source+Code+Pro|Nunito+Sans'
    )
    link(rel='stylesheet', href=_.depth + "docs.css")
    script(src=_.depth + "docs.js")
    link(rel='icon', href=darkicon, media='(prefers-color-scheme: dark)')
    link(rel='icon', href=lighticon)
    meta(name='title', content=title)
    meta(name='description', content=config.card.description)
    meta(name='theme-color', content=config.primary)
    meta(property='og:type', content='article')
    meta(property='og:url', content=config.card.url + _.output)
    meta(property='og:title', content=_.title.name)
    meta(property='og:site_name', content=config.title)
    meta(property='og:description', content=config.card.description)
    meta(property='og:image', content=canonicalicon)
    meta(property='twitter:card', content='summary')
  body
    aside.menu
      div
        .title
          h1= config.title
          picture.icon
            source(srcset=darkicon, media='(prefers-color-scheme: dark)')
            img(src=lighticon)
      ul.nav
        each entry in nav
          li.entry
            if entry.type === 'link'
              a(href=entry.url)= entry.text
            if entry.type === 'title'
              p= entry.text
            if entry.type === 'page'
              a(
                href=entry.output === _.output ? `#${entry.title.hash}` : _.depth + entry.output
              )= entry.title.name
              if entry.output === _.output && _.headings.length
                ul
                  each heading in _.headings
                    li(class=`level-${heading.level}`)
                      a(href=`#${heading.hash}`)= heading.name
      p.mark
        a(href='https://dragonwocky.me/documentative') docs by documentative
    .wrapper
      .toggle
        button ☰
        h1= config.title
      article.documentative
        .content
          != _.content
        if config.footer
          footer.footer
            hr
            - if (config.git && !config.git.endsWith("/")) config.git += "/";
            != config.footer.replace(/__git__/g, config.git + _.src)
        nav
          if nav[_.prev]
            a.prev(href=_.depth + nav[_.prev].output) ᐊ
          if nav[_.next]
            a.next(href=_.depth + nav[_.next].output) ᐅ