# Videos

Below are the assigned videos for this week. 
The videos are collapsible so once you're done with one, you can move to the next one.
In the sidebar on the right, you can use the checklists to keep track of what's done.

````{margin}
```{admonition} Checklist of items
:class: tip

<input type="checkbox" id="week04_video3" class="box"><label>3.1 - Flow</input></label>

<input type="checkbox" id="week04_video3" class="box"><label>3.2 - Built-in Variables</input></label>

<input type="checkbox" id="week04_video3" class="box"><label>3.3 - Events</input></label>

<input type="checkbox" id="week04_video4" class="box"><label>3.4 - Variables</input></label>

<input type="checkbox" id="week04_video5" class="box"><label>3.5 - Incrementing a variable</input></label>


```
````

## Required Videos

```{dropdown} 3.1 - Flow
    :class-container: sd-shadow-lg
    :color: primary

<div class="container youtube">
<iframe class="responsive-iframe" src="https://www.youtube-nocookie.com/embed/o8dffrZ86gs" frameborder="0" allow="accelerometer; autoplay="0"; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
```

```{dropdown} 3.2 - Built-in Variables
    :class-container: sd-shadow-lg
    :color: primary

<div class="container youtube">
<iframe class="responsive-iframe" src="https://www.youtube-nocookie.com/embed/ibW4oA7-n8I" frameborder="0" allow="accelerometer; autoplay="0"; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
```

```{dropdown} 3.3 - Events
    :class-container: sd-shadow-lg
    :color: primary

<div class="container youtube">
<iframe class="responsive-iframe" src="https://www.youtube-nocookie.com/embed/UvSjtiW-RH8" frameborder="0" allow="accelerometer; autoplay="0"; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
```

```{dropdown} 3.4 - Variables
    :class-container: sd-shadow-lg
    :color: primary
    :open:

<div class="container youtube">
<iframe class="responsive-iframe" src="https://www.youtube-nocookie.com/embed/B-ycSR3ntik" frameborder="0" allow="accelerometer; autoplay="0"; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
```

```{dropdown} 3.5 - Incrementing a variable
    :class-container: sd-shadow-lg
    :color: primary

<div class="container youtube">
<iframe class="responsive-iframe" src="https://www.youtube-nocookie.com/embed/rZ36BzXFT6Q" frameborder="0" allow="accelerometer; autoplay="0"; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
```

## Optional Videos

None this week