_includes/episode_navbar.html

   1 {% comment %}
   2 For some reason, the relative_root_path seems out of scope in this file, so we
   3 need to re-assign it here
   4 {% endcomment %}
   5
   6 {% include base_path.html %}
   7
   8 {% comment %}
   9   Navigation bar for an episode.
  10 {% endcomment %}
  11
  12 {% include manual_episode_order.html %}
  13 {% comment %}
  14     'previous_episode' and 'next_episodes' are defined in 'manual_episode_order.html'.
  15     These replace 'page.previous' and 'page.next' objects, correspondingly.
  16 {% endcomment %}
  17
  18 <div class="row">
  19   <div class="col-xs-1">
  20     <h3 class="text-left">
  21       {% if previous_episode %}
  22       <a href="{{ relative_root_path }}{{ previous_episode.url }}"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span><span class="sr-only">previous episode</span></a>
  23       {% else %}
  24       <a href="{{ relative_root_path }}/"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span><span class="sr-only">lesson home</span></a>
  25       {% endif %}
  26     </h3>
  27   </div>
  28   <div class="col-xs-10">
  29     {% if include.episode_navbar_title %}
  30     <h3 class="maintitle"><a href="{{ relative_root_path }}/">{{ site.title }}</a></h3>
  31     {% endif %}
  32   </div>
  33   <div class="col-xs-1">
  34     <h3 class="text-right">
  35       {% if next_episode %}
  36       <a href="{{ relative_root_path }}{{ next_episode.url }}"><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span><span class="sr-only">next episode</span></a>
  37       {% else %}
  38       <a href="{{ relative_root_path }}/"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span><span class="sr-only">lesson home</span></a>
  39       {% endif %}
  40     </h3>
  41   </div>
  42 </div>