<style>
  .hide-body {
    position: absolute;
    left: -9999px;
  }
</style>
<script>
  if (window.location.pathname == '/learners/sign_in') {
    document.querySelector('body').classList.add('hide-body')
    window.addEventListener('DOMContentLoaded', () => {
      document.querySelector("a[href='/sign_up']").click();
    })
  }
</script>
<header class="np-box-header np-header-color">
  <a class="np-box-header-link" href="{% route home %}">
    {% if current_school.logo_url %}
      <img
        alt="{{ current_school.name }}"
        src="{{ current_school.logo_url }}"
        class="np-box-header-logo"
      />
    {% else %}
      <span class="np-school-name np-header-font-color">
        {{ current_school.name }}
      </span>
    {% endif %}
  </a>
</header>

{% include "messages" %}