_extras/figures.md

   1 ---
   2 title: Figures
   3 ---
   4
   5 {% include base_path.html %}
   6 {% include manual_episode_order.html %}
   7
   8 <script>
   9   window.onload = function() {
  10     var lesson_episodes = [
  11     {% for lesson_episode in lesson_episodes %}
  12       {% if site.episode_order %}
  13         {% assign episode = site.episodes | where: "slug", lesson_episode | first %}
  14       {% else %}
  15         {% assign episode = lesson_episode %}
  16       {% endif %}
  17     "{{ episode.url }}"{% unless forloop.last %},{% endunless %}
  18     {% endfor %}
  19     ];
  20
  21     var xmlHttp = [];  /* Required since we are going to query every episode. */
  22     for (i=0; i < lesson_episodes.length; i++) {
  23
  24       xmlHttp[i] = new XMLHttpRequest();
  25       xmlHttp[i].episode = lesson_episodes[i];  /* To enable use this later. */
  26       xmlHttp[i].onreadystatechange = function() {
  27
  28         if (this.readyState == 4 && this.status == 200) {
  29           var parser = new DOMParser();
  30           var htmlDoc = parser.parseFromString(this.responseText,"text/html");
  31           var htmlDocArticle = htmlDoc.getElementsByTagName("article")[0];
  32
  33           var article_here = document.getElementById(this.episode);
  34           var images = htmlDocArticle.getElementsByTagName("img");
  35
  36           if (images.length > 0) {
  37             var h1text = htmlDocArticle.getElementsByTagName("h1")[0].innerHTML;
  38
  39             var htitle = document.createElement('h2');
  40             htitle.innerHTML = h1text;
  41             article_here.appendChild(htitle);
  42
  43             var image_num = 0;
  44             for (let image of images) {
  45               image_num++;
  46
  47               var title = document.createElement('p');
  48               title.innerHTML = "<strong>Figure " + image_num + ".</strong> " + image.alt;
  49               article_here.appendChild(title);
  50
  51               article_here.appendChild(image.cloneNode(false));
  52
  53               if (image_num < images.length) {
  54                 var hr = document.createElement('hr');
  55                 article_here.appendChild(hr);
  56               }
  57             }
  58           }
  59         }
  60       }
  61       episode_url = "{{ relative_root_path }}" + lesson_episodes[i];
  62       xmlHttp[i].open("GET", episode_url);
  63       xmlHttp[i].send(null);
  64     }
  65   }
  66 </script>
  67
  68 {% comment %} Create anchor for each one of the episodes.  {% endcomment %}
  69
  70 {% for lesson_episode in lesson_episodes %}
  71   {% if site.episode_order %}
  72     {% assign episode = site.episodes | where: "slug", lesson_episode | first %}
  73   {% else %}
  74     {% assign episode = lesson_episode %}
  75   {% endif %}
  76 <article id="{{ episode.url }}" class="figures"></article>
  77 {% endfor %}
  78
  79 {% include links.md %}