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

    block content

    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="/js-licenses") JavaScript licenses