<div class="np-top-vocabulary np-text-title np-text-muted">
  {{ current_school.course_vocabulary }}
  <i class="far fa-graduation-cap np-button-color np-learning-path-icon np-hidden-mobile">
  </i>
</div>
<div class="np-top-title">
  <a href="javascript:goBack();" class="np-back-button" aria-label="{% t shared.go_back %}">
    <i class="far fa-arrow-left np-hidden-mobile np-icon-back"></i>
  </a>
  {% comment %} {{ course.name }} {% endcomment %}
</div>
<div class="course-image-wrapper np-hidden-desktop">
  <div class="course-title ">{{course.name}}</div>
  <img
    src="{{ course.image_url }}"
    class="np-top-image np-hidden-desktop"
    alt="{{ course.name }}"
  />
</div>

<script>
  function goBack() {
    const fallbackUrl = '/app';
    var prevPage = window.location.href;

    window.history.go(-1);

    setTimeout(function(){ 
      if (window.location.href == prevPage) {
        window.location.href = fallbackUrl; 
      }
    }, 800);
  }
</script>