Markdownifying questions, keypoints, etc.

_includes/all_keypoints.html

@@ -11,9 +11,9 @@
       </td>
       <td class="col-md-9">
         <ul>
-  	{% for keypoint in episode.keypoints %}
-  	<li>{{ keypoint }}</li>
-  	{% endfor %}
+        {% for keypoint in episode.keypoints %}
+        <li>{{ keypoint|markdownify }}</li>
+        {% endfor %}
         </ul>
       </td>
     </tr>

_includes/episode_keypoints.html

@@ -2,7 +2,7 @@
   <h2>Key Points</h2>
   <ul>
     {% for keypoint in page.keypoints %}
-    <li>{{ keypoint }}</li>
+    <li>{{ keypoint|markdownify }}</li>
     {% endfor %}
   </ul>
 </blockquote>

_includes/episode_overview.html

@@ -14,7 +14,7 @@
       <strong>Questions</strong>
       <ul>
 	{% for question in page.questions %}
-	<li>{{ question }}</li>
+	<li>{{ question|markdownify }}</li>
 	{% endfor %}
       </ul>
     </div>
@@ -27,7 +27,7 @@
       <strong>Objectives</strong>
       <ul>
 	{% for objective in page.objectives %}
-	<li>{{ objective }}</li>
+	<li>{{ objective|markdownify }}</li>
 	{% endfor %}
       </ul>
     </div>

_includes/syllabus.html

@@ -41,7 +41,12 @@
           Break
         {% else %}
           {% if episode.questions %}
-            {{ episode.questions | join: '<br/>' }}
+            {% for question in episode.questions %}
+              {{question|markdownify|strip_html}}
+              {% unless forloop.last %}
+              <br/>
+              {% endunless %}
+            {% endfor %}
           {% endif %}
         {% endif %}
       </td>

assets/css/lesson.scss

@@ -131,7 +131,6 @@ ol {
   padding-left: 1em;
 }
 
-
 span.fold-unfold {
   margin-left: 1em;
   opacity: 0.5;