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 (
+
+ );
+}