Interactive Glossary Slide

Create a presentation slide that introduces key programming concepts with visual annotations that appear progressively as the presenter advances through the slide.

Requirements

Content Display

Create a slide that displays a list of programming terms with their definitions. The slide should contain at least four terms from this list:

• Algorithm: A step-by-step procedure for solving a problem
• Recursion: A function that calls itself to solve smaller instances of the same problem
• Encapsulation: Bundling data and methods that operate on that data within a single unit
• Polymorphism: The ability of different objects to respond to the same message in different ways

Progressive Annotation

The annotations should appear progressively as the presenter clicks through the slide:

1. On the first click, annotate the first term with an underline effect
2. On the second click, annotate the second term with a highlight effect in yellow
3. On the third click, annotate the third term with a circle effect
4. On the fourth click, annotate the fourth term with a box effect in red

Slide Structure

• The slide should be in a file named slides.md
• Use proper markdown formatting for the content
• Ensure the presentation can be started with the development server

Test Cases

• Starting the presentation shows the glossary content without any annotations visible @test
• After the first click, only the first term shows an underline annotation @test
• After the second click, the second term shows a yellow highlight annotation while the first term's annotation persists @test
• After the third click, the third term shows a circle annotation while previous annotations persist @test
• After the fourth click, the fourth term shows a red box annotation while all previous annotations remain visible @test

@generates

Dependencies { .dependencies }

slidev { .dependency }

Provides the presentation framework with annotation support.

@satisfied-by