diff --git a/page/src/components/youtube-video.tsx b/page/src/components/youtube-video.tsx index 1785f3d7..dbfc42c0 100644 --- a/page/src/components/youtube-video.tsx +++ b/page/src/components/youtube-video.tsx @@ -1,17 +1,61 @@ -export interface FolderProps { - id: string; -} - -export function YoutubeVideo(props: FolderProps) { - return ( - - ); -} +export interface FolderProps { + id: string; +} + +export function YoutubeVideo(props: FolderProps) { + const style = ` +* { + padding: 0; + margin: 0; + overflow: hidden; +} + +html, +body { + height: 100%; +} + +img, +div { + position: absolute; + width: 100%; + top: 0; + bottom: 0; + margin: auto; +} + +div { + height: 1.5em; + text-align: center; + font: 30px/1.5 sans-serif; + color: white; + overflow: visible; +} + +span { + background: red; + padding: 10px 20px; + border-radius: 15px; + box-shadow: 3px 5px 10px #0000007a; +} +`; + + return ( + + ); +}