doctype html
html
  head
    meta(charset="utf-8")
    meta(name="viewport" content="width=device-width, initial-scale=1")
    - const theme = settings && ["dark", "light", "edgeless-light"][settings.theme] || "dark"
    link(rel="stylesheet" type="text/css" href=getStaticURL("sass", `/${theme}.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
            != icons.get("subscriptions")
          a(href="/settings" title="Settings").link.icon-link
            != icons.get("settings")
        form(method="get" action="/search").search-form
          input(type="text" placeholder="Search" aria-label="Search a video" 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 code
              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
                if constants.takedown
                  li: a(href="/takedown") DMCA