Code & Keyword Links

Hover any word. The same idea lights up in both panels — click to pin it while you talk.

plan.txt
pseudo-code
# average grade
DEFINE average USING grades
SET total = 0
FOR EACH grade IN grades
ADD grade TO total
GIVE total / COUNT grades
SAY average(90, 72, 88)

main.py
python
# average grade
def average(grades):
total = 0
for grade in grades:
total += grade
return total / len(grades)
print(average([90, 72, 88]))

Concept links

SAY and print are one idea, so they highlight together. Same for FOR EACH / for, SET / =, GIVE / return and COUNT / len.

Name links

Every identifier links to itself. Hovering total traces the accumulator through both languages, every line it touches.

Line focus

Pass :focus="[5]" to dim everything else and rail the live line, gutter number included. State, not a loop — the slide holds still until you move it.

Focus example — line 5

# average grade
def average(grades):
total = 0
for grade in grades:
total += grade
return total / len(grades)
print(average([90, 72, 88]))