_extras/figures.md

   1 ---
   2 layout: page
   3 title: Figures
   4 ---
   5 <script>
   6   window.onload = function() {
   7     var lesson_episodes = [
   8     {% for episode in site.episodes %}
   9     "{{ episode.url}}"{% unless forloop.last %},{% endunless %}
  10     {% endfor %}
  11     ];
  12     var xmlHttp = [];  /* Required since we are going to query every episode. */
  13     for (i=0; i < lesson_episodes.length; i++) {
  14       xmlHttp[i] = new XMLHttpRequest();
  15       xmlHttp[i].episode = lesson_episodes[i];  /* To enable use this later. */
  16       xmlHttp[i].onreadystatechange = function() {
  17         if (this.readyState == 4 && this.status == 200) {
  18           var article_here = document.getElementById(this.episode);
  19           var parser = new DOMParser();
  20           var htmlDoc = parser.parseFromString(this.responseText,"text/html");
  21           var htmlDocArticle = htmlDoc.getElementsByTagName("article")[0];
  22           article_here.appendChild(htmlDocArticle.getElementsByTagName("h1")[0]);
  23           for (let image of htmlDocArticle.getElementsByTagName("img")) {
  24             article_here.appendChild(image);
  25           }
  26         }
  27       }
  28       episode_url = "{{ page.root }}" + lesson_episodes[i];
  29       xmlHttp[i].open("GET", episode_url);
  30       xmlHttp[i].send(null);
  31     }
  32   }
  33 </script>
  34 {% comment %}
  35 Create anchor for each one of the episodes.
  36 {% endcomment %}
  37 {% for episode in site.episodes %}
  38 <article id="{{ episode.url }}"></article>
  39 {% endfor %}