added videos back
d9d90a90
1 file(s) · +15 −5
| 5 | 5 | title: "Videos", |
|
| 6 | 6 | description: "Video content made by Steve Simkins", |
|
| 7 | 7 | }; |
|
| 8 | + | ||
| 9 | + | const videoIds = ["lhJwEckGi4U", "kMALubK72Q8", "GlpfIherX7U", "KpwCP1Xil-Q"]; |
|
| 8 | 10 | --- |
|
| 9 | 11 | ||
| 10 | 12 | <PageLayout meta={meta}> |
|
| 11 | 13 | <div class="space-y-6"> |
|
| 12 | 14 | <h1 class="title">Videos</h1> |
|
| 13 | 15 | <p>Here are some samples of video content I've produced to help users!</p> |
|
| 14 | - | <p id="GlpfIherX7U"> </p> |
|
| 15 | - | <p id="lhJwEckGi4U"> </p> |
|
| 16 | - | <p id="hlfVoTNUPWU"> </p> |
|
| 17 | - | <p id="TaJzw_2hEJI"> </p> |
|
| 18 | - | <p id="sUVkr_lhE2g"> </p> |
|
| 16 | + | {videoIds.map((id) => ( |
|
| 17 | + | <div class="relative w-full" style="padding-bottom: 73.17%;"> |
|
| 18 | + | <iframe |
|
| 19 | + | class="absolute top-0 left-0 w-full h-full" |
|
| 20 | + | src={`https://www.youtube.com/embed/${id}`} |
|
| 21 | + | title="YouTube video player" |
|
| 22 | + | frameborder="0" |
|
| 23 | + | allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" |
|
| 24 | + | referrerpolicy="strict-origin-when-cross-origin" |
|
| 25 | + | allowfullscreen |
|
| 26 | + | ></iframe> |
|
| 27 | + | </div> |
|
| 28 | + | ))} |
|
| 19 | 29 | </div> |
|
| 20 | 30 | </PageLayout> |