diff options
Diffstat (limited to 'src/pages/index.tsx')
| -rw-r--r-- | src/pages/index.tsx | 32 |
1 files changed, 20 insertions, 12 deletions
diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 5def31f..862e05e 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -49,18 +49,8 @@ function HomepageHeader() { </p> </Frame> </div> - <div className="mx-auto mt-24 width-full max-w-6xl"> - <div className="relative overflow-hidden h-0 pb-16-9"> - <iframe - className="absolute top-0 left-0 w-full h-full max-w-full" - src="https://www.youtube.com/embed/VM-2OVNt-eQ?si=A7JKcVobgEpi1fvt" - title="YouTube video player" - allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" - allowFullScreen - /> - </div> - </div> - <div className="relative text-center mx-auto my-10"> + <VideoPlayer /> + <div className="relative text-center mx-auto mt-20 mb-10"> <Link to="/docs/intro"> <Button color="yellow" rounded="full" size="lg"> <h2 className="mx-4 my-2 sm:text-2xl text-xl">Read the Dogma</h2> @@ -71,6 +61,24 @@ function HomepageHeader() { ); } +function VideoPlayer({ enabled }: { enabled?: boolean }) { + return enabled ? ( + <div className="mx-auto mt-24 width-full max-w-6xl"> + <div className="relative overflow-hidden h-0 pb-16-9"> + <iframe + className="absolute top-0 left-0 w-full h-full max-w-full" + src="https://www.youtube.com/embed/VM-2OVNt-eQ?si=A7JKcVobgEpi1fvt" + title="YouTube video player" + allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" + allowFullScreen + /> + </div> + </div> + ) : ( + <></> + ); +} + export default function Home(): JSX.Element { const { siteConfig } = useDocusaurusContext(); return ( |