feat: hide solutions

Author: Theophile88

Course1/slides.qmd

@@ -11,6 +11,7 @@ format:
     chalkboard: true
     logo: https://www.hevs.ch/_nuxt/img/logo_hesso.9af1d79.svg
     footer: "Python Basics & Objects"
+    include-in-header: ../_includes/revealscript.html
 
 execute:
   echo: true       # ← this shows code
@@ -404,20 +405,27 @@ Write a Python program that:
 
 3. Uses if statements to check answers (use object method to make it UPPER or lower case and then compare to the right answer)
 
+---
+
 4. Uses a for or while loop to ask questions one by one (and `input()` + `print()`)
 
 5. Keeps track of the score using a variable and `if-else` statements to increment the score. 
 
 6. Prints the final score and a custom message
 
- ## More references
+## More references
 
 [Python course for data analysis](https://github.com/jbossios/python-tutorial/tree/c2db1696439b23c0e4c02eff680bf61e45caab7e?tab=readme-ov-file)
 
 [The Python tutorial](https://docs.python.org/3/tutorial/)
 
 ## Solution
 
+<div class="reveal-solution-container" style="margin-top: 1em;">
+  <button onclick="revealSolution(this)" data-code="cheater">Show Solution</button>
+  <input type="text" class="solution-code" placeholder="Enter code" />
+  <div class="solution-content" style="display: none; margin-top: 0.5em;">
+
 ```{pyodide}
 print("Welcome to the Python Quiz!")
 
@@ -455,5 +463,6 @@ else:
     print("Keep practicing!")
 ```
 
-
+  </div>
+</div>
 

Course2/slides.qmd

@@ -11,6 +11,7 @@ format:
     chalkboard: true
     logo: https://www.hevs.ch/_nuxt/img/logo_hesso.9af1d79.svg
     footer: "Functions, Lists, Dictionaries & Classes"
+    include-in-header: ../_includes/revealscript.html
 
 execute:
   echo: true       # ← this shows code
@@ -512,6 +513,11 @@ Define student data: Create a list of students. Each student is a dictionary con
 
 ### Solution 
 
+<div class="reveal-solution-container" style="margin-top: 1em;">
+  <button onclick="revealSolution(this)" data-code="cheater">Show Solution</button>
+  <input type="text" class="solution-code" placeholder="Enter code" />
+  <div class="solution-content" style="display: none; margin-top: 0.5em;">
+
 ```{pyodide}
 students = [
     {
@@ -527,6 +533,9 @@ students = [
 ]
 ```
 
+  </div>
+</div>
+
 ---
 
 Write functions, taking your list of students, to:
@@ -539,6 +548,11 @@ Write functions, taking your list of students, to:
 
 ### Solution
 
+<div class="reveal-solution-container" style="margin-top: 1em;">
+  <button onclick="revealSolution(this)" data-code="cheater">Show Solution</button>
+  <input type="text" class="solution-code" placeholder="Enter code" />
+  <div class="solution-content" style="display: none; margin-top: 0.5em;">
+
 ```{pyodide}
 def get_all_names(students):
     return [student["name"] for student in students]
@@ -552,6 +566,9 @@ print(get_all_names(students=students))
 print(calculate_average(students[0]["grades"]))
 
 ```
+  </div>
+</div>
+
 ---
 
 ### Create a Student class
@@ -564,13 +581,14 @@ Define a class with attributes: name, age, grades, and methods to:
 
 - Display infos (whatever you want to print)
 
- ## More references
 
-[Python course for data analysis](https://github.com/jbossios/python-tutorial/tree/c2db1696439b23c0e4c02eff680bf61e45caab7e?tab=readme-ov-file)
+## Solution
 
-[The Python tutorial](https://docs.python.org/3/tutorial/)
+<div class="reveal-solution-container" style="margin-top: 1em;">
+  <button onclick="revealSolution(this)" data-code="cheater">Show Solution</button>
+  <input type="text" class="solution-code" placeholder="Enter code" />
+  <div class="solution-content" style="display: none; margin-top: 0.5em;">
 
-## Solution
 ```{pyodide}
 class Student:
     def __init__(self, name, age, grades=None):
@@ -593,4 +611,12 @@ student.add_grade("sport", 85)
 
 print(student.infos())
 
-```
+```
+  </div>
+</div>
+
+## More references
+
+[Python course for data analysis](https://github.com/jbossios/python-tutorial/tree/c2db1696439b23c0e4c02eff680bf61e45caab7e?tab=readme-ov-file)
+
+[The Python tutorial](https://docs.python.org/3/tutorial/)

Course3/slides.qmd

@@ -11,6 +11,7 @@ format:
     chalkboard: true
     logo: https://www.hevs.ch/_nuxt/img/logo_hesso.9af1d79.svg
     footer: "Files, Data & Practice"
+    include-in-header: ../_includes/revealscript.html
 
 execute:
   echo: true       # ← this shows code
@@ -158,13 +159,13 @@ Objectives:
 - Open and parse the JSON file using `json.load()`
 - Check structure: list of colonies, each with conditions + growth
 
- ## More references
-
-[Python course for data analysis](https://github.com/jbossios/python-tutorial/tree/c2db1696439b23c0e4c02eff680bf61e45caab7e?tab=readme-ov-file)
+## Solution
 
-[The Python tutorial](https://docs.python.org/3/tutorial/)
+<div class="reveal-solution-container" style="margin-top: 1em;">
+  <button onclick="revealSolution(this)" data-code="cheater">Show Solution</button>
+  <input type="text" class="solution-code" placeholder="Enter code" />
+  <div class="solution-content" style="display: none; margin-top: 0.5em;">
 
-## Solution
 ```python
 import json
 
@@ -173,6 +174,8 @@ with open("colonies.json", "r") as f:
 
 print(data[0].keys())
 ```
+  </div>
+</div>
 
 ## Step 2: Define a Colonie
 
@@ -186,16 +189,21 @@ Method
 - `math` package for exp, log functions
 
 Using formula:
-
-```latex
+$$
 G(t) = S \cdot e^{-\frac{(T - 37)^2}{20}} \cdot \left(1 - 0.3 \cdot \left| \text{pH} - 7 \right| \right) \cdot \ln(t + 1)
-```
+$$
+
+$S$: Sugar, $T$: temperature, $pH$: pH level, $t$: time (h)
 
-S: Sugar, T: temperature, pH: pH level, t: time (h)
 ---
 
 ### Solution
 
+<div class="reveal-solution-container" style="margin-top: 1em;">
+  <button onclick="revealSolution(this)" data-code="cheater">Show Solution</button>
+  <input type="text" class="solution-code" placeholder="Enter code" />
+  <div class="solution-content" style="display: none; margin-top: 0.5em;">
+
 ```python
 import math
 
@@ -211,6 +219,8 @@ class Colonie:
         ph_factor = 1 - abs(self.ph - 7) * 0.3
         return round(base * ph_factor * math.log(t + 1), 3)
 ```
+  </div>
+</div>
 
 ## Step 3: Create Objects and Compare Predictions
 
@@ -219,9 +229,13 @@ class Colonie:
 - Predict growth at fixed times (e.g. 3, 5, 8)
 - Compare with actual values in the dataset
 
----
 
-### Solution
+## Solution
+
+<div class="reveal-solution-container" style="margin-top: 1em;">
+  <button onclick="revealSolution(this)" data-code="cheater">Show Solution</button>
+  <input type="text" class="solution-code" placeholder="Enter code" />
+  <div class="solution-content" style="display: none; margin-top: 0.5em;">
 
 ```python
 fixed_times = [3, 5, 8]
@@ -236,8 +250,14 @@ for item in data:
         predicted = c.predict_growth(t)
         print(f"  t={t}h:  predicted={predicted}, actual={actual}")
 ```
+  </div>
+</div>
+
+## More references
 
+[Python course for data analysis](https://github.com/jbossios/python-tutorial/tree/c2db1696439b23c0e4c02eff680bf61e45caab7e?tab=readme-ov-file)
 
+[The Python tutorial](https://docs.python.org/3/tutorial/)
 
 
 

Course4/slides.qmd

@@ -11,6 +11,7 @@ format:
     chalkboard: true
     logo: https://www.hevs.ch/_nuxt/img/logo_hesso.9af1d79.svg
     footer: "Numpy"
+    include-in-header: ../_includes/revealscript.html
 
 execute:
   echo: true       # ← this shows code
@@ -443,14 +444,15 @@ You're working with sensor data collected in a lab: each row represents a differ
 4. Subtract mean from each row (sensor), using broadcasting
 5. Simulate a new column of sensor (i.e. use `randint` with correct shape) readings and concatenate it to the existing data.
 
-## More references
-
-[Python course for data analysis](https://github.com/jbossios/python-tutorial/tree/c2db1696439b23c0e4c02eff680bf61e45caab7e?tab=readme-ov-file)
 
-[Numpy](https://numpy.org/doc/stable/user/quickstart.html)
 
 ## Solution
 
+<div class="reveal-solution-container" style="margin-top: 1em;">
+  <button onclick="revealSolution(this)" data-code="cheater">Show Solution</button>
+  <input type="text" class="solution-code" placeholder="Enter code" />
+  <div class="solution-content" style="display: none; margin-top: 0.5em;">
+
 ```{pyodide}
 
 import numpy as np
@@ -492,3 +494,12 @@ data = np.concatenate((data, new_timepoint), axis=1)
 print("-----------------")
 
 ```
+
+  </div>
+</div>
+
+## More references
+
+[Python course for data analysis](https://github.com/jbossios/python-tutorial/tree/c2db1696439b23c0e4c02eff680bf61e45caab7e?tab=readme-ov-file)
+
+[Numpy](https://numpy.org/doc/stable/user/quickstart.html)