From 48bffb804e73d083581a8a0b496b0b72faf98eb8 Mon Sep 17 00:00:00 2001
From: Julian Pistorius <julian@julianpistorius.com>
Date: Sat, 14 Jul 2018 15:50:58 -0700
Subject: [PATCH] Problem: Link to 'All in one page' is broken

Solution: Use the `aio.md` file from the instructor training and change the URL to `aio.md` in the `navbar.html` file
---
 _includes/navbar.html |  2 +-
 aio.md                | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 aio.md

diff --git a/_includes/navbar.html b/_includes/navbar.html
index 7782c9d..200d697 100644
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -46,7 +46,7 @@
             <li><a href="{{ page.root }}{{ episode.url }}">{{ episode.title }}</a></li>
             {% endfor %}
 	    <li role="separator" class="divider"></li>
-            <li><a href="{{ page.root }}/aio/">All in one page (Beta)</a></li>
+            <li><a href="{{ page.root }}{% link aio.md %}">All in one page (Beta)</a></li>
           </ul>
         </li>
 	{% endif %}
diff --git a/aio.md b/aio.md
new file mode 100644
index 0000000..c75bc60
--- /dev/null
+++ b/aio.md
@@ -0,0 +1,36 @@
+---
+layout: page 
+root: .
+---
+<script>
+  window.onload = function() {
+    var lesson_episodes = [
+    {% for episode in site.episodes %}
+    "{{ episode.url}}"{% unless forloop.last %},{% endunless %}
+    {% endfor %}
+    ];
+    var xmlHttp = [];  /* Required since we are going to query every episode. */
+    for (i=0; i < lesson_episodes.length; i++) {
+      xmlHttp[i] = new XMLHttpRequest();
+      xmlHttp[i].episode = lesson_episodes[i];  /* To enable use this later. */
+      xmlHttp[i].onreadystatechange = function() {
+      if (this.readyState == 4 && this.status == 200) {
+        var article_here = document.getElementById(this.episode);
+        var parser = new DOMParser();
+        var htmlDoc = parser.parseFromString(this.responseText,"text/html");
+        var htmlDocArticle = htmlDoc.getElementsByTagName("article")[0];
+        article_here.innerHTML = htmlDocArticle.innerHTML;
+        }
+      }
+      episode_url = "{{ page.root }}" + lesson_episodes[i];
+      xmlHttp[i].open("GET", episode_url);
+      xmlHttp[i].send(null);
+    }
+  }
+</script>
+{% comment %}
+Create anchor for each one of the episodes.
+{% endcomment %}
+{% for episode in site.episodes %}
+<article id="{{ episode.url }}"></article>
+{% endfor %}