src/pages/videos.astro 1.4 K raw
1
---
2
import PageLayout from "@/layouts/Base";
3
4
const meta = {
5
	title: "Videos",
6
	description: "Video content made by Steve Simkins",
7
};
8
---
9
10
<PageLayout meta={meta}>
11
	<div class="space-y-6">
12
		<h1 class="title">Videos</h1>
13
    <p>Here are some samples of video content I've produced to help users!</p>
14
    <iframe class="w-full md:h-96 h-full" src="https://www.youtube.com/embed/v4aHaM2S1Dg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
15
    <iframe class="w-full md:h-96 h-full" src="https://www.youtube.com/embed/YQMktd0llOo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
16
    <iframe class="w-full md:h-96 h-full" src="https://www.youtube.com/embed/IfvoN-oktI0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
17
    <iframe class="w-full md:h-96 h-full" src="https://www.youtube.com/embed/4tmuNOng4XU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
18
	</div>
19
</PageLayout>