mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-04-26 12:58:28 -04:00
47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
import { NextSeo } from "next-seo";
|
|
import Content from "../components/Content";
|
|
import PageTitle from "../components/page/PageTitle";
|
|
import Video from "../components/media/Video";
|
|
import { TapeIcon } from "../components/icons";
|
|
|
|
import thumbnail from "../public/static/images/birthday/thumb.png";
|
|
|
|
const Birthday = () => (
|
|
<>
|
|
<NextSeo
|
|
title="🎉 Cranky Birthday Boy on VHS Tape 📼"
|
|
description="The origin of my hatred for the Happy Birthday song."
|
|
openGraph={{
|
|
title: "🎉 Cranky Birthday Boy on VHS Tape 📼",
|
|
}}
|
|
/>
|
|
|
|
<PageTitle>
|
|
<TapeIcon /> 1996.MOV
|
|
</PageTitle>
|
|
|
|
<Content>
|
|
<Video
|
|
url={[
|
|
{ src: "/static/images/birthday/birthday.webm", type: "video/webm" },
|
|
{ src: "/static/images/birthday/birthday.mp4", type: "video/mp4" },
|
|
]}
|
|
config={{
|
|
// @ts-ignore
|
|
file: {
|
|
attributes: {
|
|
poster: thumbnail.src,
|
|
controlsList: "nodownload",
|
|
preload: "metadata",
|
|
autoPlay: false,
|
|
},
|
|
},
|
|
}}
|
|
controls={true}
|
|
/>
|
|
</Content>
|
|
</>
|
|
);
|
|
|
|
export default Birthday;
|