X-Git-Url: https://git.arvados.org/rnaseq-cwl-training.git/blobdiff_plain/3474a5ff1e54a0f9c0a26230814729138f65768a..2c6b97e57dce86830bdbde8d9f8a871c0b46a035:/_includes/episode_navbar.html

diff --git a/_includes/episode_navbar.html b/_includes/episode_navbar.html
index b9f85f6..625407e 100644
--- a/_includes/episode_navbar.html
+++ b/_includes/episode_navbar.html
@@ -1,27 +1,39 @@
 {% comment %}
-  Navigation bar for an episode.
+Barra de navegación para un episodio.
+=======
+For some reason, the relative_root_path seems out of scope in this file, so we
+need to re-assign it here
 {% endcomment %}
+
+{% include base_path.html %}
+
+{% include manual_episode_order.html %}
+{% comment %}
+    'previous_episode' and 'next_episodes' are defined in 'manual_episode_order.html'.
+    These replace 'page.previous' and 'page.next' objects, correspondingly.
+{% endcomment %}
+
 <div class="row">
-  <div class="col-md-1">
-    <h3>
-      {% if page.previous.url %}
-      <a href="{{ page.root }}{{ page.previous.url }}"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span><span class="sr-only">previous episode</span></a>
+  <div class="col-xs-1">
+    <h3 class="text-left">
+      {% if previous_episode %}
+      <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>
       {% else %}
-      <a href="{{ page.root }}/"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span><span class="sr-only">lesson home</span></a>
+      <a href="{{ relative_root_path }}/"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span><span class="sr-only">lesson home</span></a>
       {% endif %}
     </h3>
   </div>
-  <div class="col-md-10">
+  <div class="col-xs-10">
     {% if include.episode_navbar_title %}
-    <h3 class="maintitle"><a href="{{ page.root }}/">{{ site.title }}</a></h3>
+    <h3 class="maintitle"><a href="{{ relative_root_path }}/">{{ site.title }}</a></h3>
     {% endif %}
   </div>
-  <div class="col-md-1">
-    <h3>
-      {% if page.next.url %}
-      <a href="{{ page.root }}{{ page.next.url }}"><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span><span class="sr-only">next episode</span></a>
+  <div class="col-xs-1">
+    <h3 class="text-right">
+      {% if next_episode %}
+      <a href="{{ relative_root_path }}{{ next_episode.url }}"><span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span><span class="sr-only">siguiente episodio</span></a>
       {% else %}
-      <a href="{{ page.root }}/"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span><span class="sr-only">lesson home</span></a>
+      <a href="{{ relative_root_path }}/"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span><span class="sr-only">case de lección</span></a>
       {% endif %}
     </h3>
   </div>