header role='banner' class='bg-scale-2'
  div class='flex items-center justify-between py-2 wrap'
    div
      a href='${this.baseUrl}/' class='text-brand no-underline'
        h1 class='font-nyc text-body'
          = this.package.nice

    div class='flex items-center'
      nav aria-label='Primary Navigation' class='nav-inline flex items-center mis-2'
        a class='btn-tag hidden tablet:block' href='${this.package.cdn.source}/releases/tag/v${this.package.version}' target='_blank' rel='noopener nofollow' title='Latest Release'
          | v${this.package.version}

        button class='hidden tablet:flex link-icon' data-js='themes'
          svg class='icon-ui' aria-hidden='true'
            use data-js-themes='icon' href='#lucide-moon'

          span class='sr-only' Toggle 
          span data-js-themes='label' Theme

        button#main-menu-control class='link-icon' aria-controls='main-menu' aria-expanded='false' data-js='toggle'
          svg class='icon-ui' aria-hidden='true'
            use href='#lucide-menu'

          span Menu

  / div class='pb-3 wrap'
  /   - alert = {class: 'c-alert-status-primary', body: `<p>The ${this.package.nice} is currently a work-in-progress. Please reach out to products@nycopportunity.nyc.gov with any questions.</p>`}
  /   == this.include('/components/alert/alert');