2 files changed, 25 insertions, 0 deletions
diff --git a/theme/templates/includes/page/exercise.html b/theme/templates/includes/page/exercise.html
new file mode 100644
index 0000000..96a2c0a
--- /dev/null
+++ b/theme/templates/includes/page/exercise.html
@@ -0,0 +1,11 @@
+<div class="exercise-header">Exercise</div>
+<div class="exercise-inner">
+    {% autoescape false %}{{ section.content }}{% endautoescape %}
+</div>
+<div class="exercise-inner">
+    <pre><code>{% autoescape false %}{{ section.code.base|code }}{% endautoescape %}</code></pre>
+</div>
+<hr>
+<div class="exercise-inner">
+    <pre><code>{% autoescape false %}{{ section.code.solution|code }}{% endautoescape %}</code></pre>
+</div>
diff --git a/theme/templates/includes/page/quiz.html b/theme/templates/includes/page/quiz.html
new file mode 100644
index 0000000..ada363c
--- /dev/null
+++ b/theme/templates/includes/page/quiz.html
@@ -0,0 +1,14 @@
+<div class="exercise-header">Quiz</div>
+<div class="exercise-inner">{% autoescape false %}{{ section.content }}{% endautoescape %}</div>
+{% for quiz in section.quiz %}
+<div class="question exercise-inner">
+    <div class="question-header">Question {{ loop.index }} of {{ section.quiz.length }}</div>
+
+    <div class="question-base">
+    {% autoescape false %}{{ quiz.base }}{% endautoescape %}
+    </div>
+    <div class="question-solution">
+    {% autoescape false %}{{ quiz.solution }}{% endautoescape %}
+    </div>
+</div>
+{% endfor %}