diff --git a/website/src/components/video-embed.js b/website/src/components/video-embed.js index 7062b8d0..19eafbb4 100644 --- a/website/src/components/video-embed.js +++ b/website/src/components/video-embed.js @@ -1,4 +1,4 @@ -import React, { useState } from 'react'; +import React from 'react'; import styled from '@emotion/styled'; import theme from '../theme'; @@ -34,76 +34,77 @@ const VideoLink = styled.a` } `; -const VideoButton = styled.div` - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - width: 90px; - height: 90px; - margin: auto; - color: ${theme.colors.blue}; - background-color: rgba(255, 255, 255, 0.85); - box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.15); - border-radius: 100px; - transition: 0.1s; +// const VideoButton = styled.div` +// position: absolute; +// top: 0; +// bottom: 0; +// left: 0; +// right: 0; +// width: 90px; +// height: 90px; +// margin: auto; +// color: ${theme.colors.blue}; +// background-color: rgba(255, 255, 255, 0.85); +// box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.05), 0 1px 3px 0 rgba(0, 0, 0, 0.15); +// border-radius: 100px; +// transition: 0.1s; - svg { - position: absolute; - left: 30px; - top: 24px; - width: 44px; - height: 44px; - fill: #3a69c7; - } -`; +// svg { +// position: absolute; +// left: 30px; +// top: 24px; +// width: 44px; +// height: 44px; +// fill: #3a69c7; +// } +// `; /** * We should be able to import complete inline svg's rather than base64, this * component is a stopgap for now. Source in '../img/play.svg'. */ -function PlayIcon({ className }) { - return ( - - - - ); -} +// function PlayIcon({ className }) { +// return ( +// +// +// +// ); +// } function VideoEmbed() { - const [toggled, setToggled] = useState(false); + // const [toggled, setToggled] = useState(false); - function toggleVideo() { - return setToggled(true); - } + // function toggleVideo() { + // return setToggled(true); + // } - const embedcode = ( -