doctype html
html
  head
    meta(charset="utf-8")
    meta(name="viewport" content="width=device-width, initial-scale=1")
    link(rel="stylesheet" type="text/css" href=getStaticURL("sass", "/main.sass"))
    script(type="module" src=getStaticURL("html", "/static/js/focus.js"))
    block head

  body.show-focus
    - let showNav = true
    block pre-nav
    if showNav
      nav.main-nav
        .links
          a(href="/").link.home CloudTube
          a(href="/subscriptions" title="Subscriptions").link.icon-link
            svg(width=30 height=25)
              image(href=getStaticURL("html", "/static/images/subscriptions.svg") alt="Subscriptions.").icon
              title Subscriptions
          a(href="/settings" title="Settings").link.icon-link
            svg(width=25 height=25)
              image(href=getStaticURL("html", "/static/images/settings.svg") alt="Settings.").icon
              title Settings
        form(method="get" action="/search").search-form
          input(type="text" placeholder="Search" name="q" autocomplete="off" value=query).search

    div
      block content

    if showNav
      footer.footer__container
        div.footer__center
          p Released as AGPL free software.
          .footer__cols
            div
              h3.footer__colhead Source
              ul.footer__list
                li: a(href="https://sr.ht/~cadence/tube") Project hub
                li: a(href="https://lists.sr.ht/~cadence/tube-announce") Announcements
                li: a(href="https://todo.sr.ht/~cadence/tube") Report a problem
            div
              h3.footer__colhead About
              ul.footer__list
                li: a(href="/privacy") Privacy policy
                li: a(href="/licenses" data-jslicense=1) Licenses