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 = (
-
- );
+ // const embedcode = (
+ //
+ // );
const imgPlaceholder = ;
return (
-
- {toggled ? embedcode : imgPlaceholder}
+
+ {imgPlaceholder}
+ {/* {toggled ? embedcode : imgPlaceholder}
{!toggled && (
- )}
+ )} */}
);
}