Change explanation bar color; put videos first; correct Dutch.

TiBiBa · Mar 8, 2021 · 856d811 · 856d811
1 parent bdd5e6b
commit 856d811
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/coursedata/texts/nl.yaml b/coursedata/texts/nl.yaml
@@ -16,8 +16,8 @@ ui:
   enter_text: "Vul hier je antwoord in..."
   enter: "Invullen"
   assignment_header: "Opdracht"
-  show_explanation: "Tonen uitleg"
-  hide_explanation: "Verbergen uitleg"
+  show_explanation: "Toon uitleg"
+  hide_explanation: "Verberg uitleg"
 ClientErrorMessages:
   Transpile_warning: "Let op!"
   Transpile_error: "We konden je code niet goed lezen."

diff --git a/templates/code-page.html b/templates/code-page.html
@@ -37,15 +37,19 @@ <h2 class="mt-4">{{assignment_header}}</h2>
 </script>
 
 {% if docs|length %}
-<div class="expandable-docs w-full h-16 flex flex-col bg-green-400 cursor-pointer" onclick="toggleDocs ()">
+<div class="expandable-docs w-full h-16 flex flex-col bg-blue-500 cursor-pointer" onclick="toggleDocs ()">
   <p class="self-center mt-5 text-white font-bold">&#9660;&nbsp;&nbsp;{{show_explanation}}&nbsp;&nbsp;&#9660;</p>
 </div>
 <div class="expandable-docs w-full h-16 flex flex-col bg-gray-600 cursor-pointer hidden" onclick="toggleDocs ()">
   <p class="self-center mt-5 text-white font-bold">&#9660;&nbsp;&nbsp;{{hide_explanation}}&nbsp;&nbsp;&#9660;</p>
 </div>
 <div class="expandable-docs-text w-full flex flex-col p-3 border-2 hidden">
+  <!-- Show videos first -->
   {% for doc in docs %}
-    {{ doc.markdown|commonmark }}
+    {% if doc.slug == "videos" %} {{ doc.markdown|commonmark }} {% endif %}
+  {% endfor %}
+  {% for doc in docs %}
+    {% if doc.slug != "videos" %} {{ doc.markdown|commonmark }} {% endif %}
   {% endfor %}
 </div>
 <div class="expandable-docs w-full h-16 flex flex-col bg-gray-600 cursor-pointer hidden" onclick="toggleDocs ()">