Move quizdown from header and add configurability (#67)

FidelusAleksander · Oct 30, 2023 · b21f606 · b21f606
1 parent 844c3ad
commit b21f606
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 23 deletions.
diff --git a/content/practice_tests/actions.md b/content/practice_tests/actions.md
@@ -7,7 +7,8 @@ weight: 10
 badge: "actions_badge.png"
 exam: "GitHub Actions"
 domains: ["Author and maintain workflows/actions", "Automate tasks", "Manage GitHub Actions for the enterprise"]
+shuffleAnswers: true
+shuffleQuestions: true
 ---
 
-
 {{< quizdown >}}
diff --git a/content/practice_tests/admin.md b/content/practice_tests/admin.md
@@ -6,6 +6,8 @@ hidden: true
 badge: "admin_badge.png"
 exam: "GitHub Admin"
 domains: ["Repository Management", "Workflow Optimization", "Efficient Collaboration"]
+shuffleAnswers: true
+shuffleQuestions: true
 ---
 
 {{< quizdown >}}
diff --git a/content/practice_tests/advanced_security.md b/content/practice_tests/advanced_security.md
@@ -6,6 +6,8 @@ hidden: true
 badge: "advanced_security_badge.png"
 exam: "GitHub Advanced Security"
 domains: ["Vulnerability Identification", "Workflow Security", "Security Implementation"]
+shuffleAnswers: true
+shuffleQuestions: true
 ---
 
 {{< quizdown >}}
diff --git a/layouts/partials/custom-header.html b/layouts/partials/custom-header.html
diff --git a/layouts/shortcodes/quizdown.html b/layouts/shortcodes/quizdown.html
@@ -1,3 +1,27 @@
+<script
+src="https://cdn.jsdelivr.net/npm/quizdown@latest/public/build/quizdown.js">
+</script>
+<script
+src="https://cdn.jsdelivr.net/npm/quizdown@latest/public/build/extensions/quizdownKatex.js">
+</script>
+<script
+src="https://cdn.jsdelivr.net/npm/quizdown@latest/public/build/extensions/quizdownHighlight.js">
+</script>
+<script>
+    let config = {
+        startOnLoad: true,          // detect and convert all div html elements with class quizdown
+        shuffleAnswers: {{ with .Page.Params.shuffleAnswers }} {{ . }} {{ else }} false {{ end }},      // shuffle answers for each question
+        shuffleQuestions: {{ with .Page.Params.shuffleQuestions }} {{ . }} {{ else }} false {{ end }},    // shuffle questions for each quiz
+        nQuestions: {{ with .Page.Params.nQuestions }} {{ . }} {{ else }} undefined {{ end }},      // display n questions at random, if shuffleQuestions is true
+        primaryColor: 'steelblue',  // primary CSS color
+        secondaryColor: '#f2f2f2',  // secondary CSS color
+        textColor: 'black',         // text color of some elements
+        locale: null                // language of the user interface (auto-detect per default)
+    };
+    quizdown.register(quizdownHighlight).register(quizdownKatex).init(config)
+</script>
+
+
 {{ $exam := .Page.Params.exam }}
 
 <div class='quizdown'>