added videos page 93321d87
Steve · 2023-03-24 11:07 2 file(s) · +23 −0
src/data/constants.ts +4 −0
11 11
		title: "Blog",
12 12
		path: "/posts",
13 13
	},
14 +
  {
15 +
    title: "Videos",
16 +
    path: "/videos",
17 +
  },
14 18
];
15 19
16 20
// ! Remember to add your own socials
src/pages/videos.astro (added) +19 −0
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>