updated youtube and added meta tags description

This commit is contained in:
Benjamin Jones 2021-05-18 14:18:29 +02:00
parent 63501974d7
commit 2c3923ab4f
4 changed files with 20 additions and 8 deletions

View File

@ -5,7 +5,10 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="" /> <meta
name="description"
content="The Para-Real: Finding the Future in Unexpected Places - A livestream series about subcultures building livelihoods in spite of platform exploitation."
/>
<link <link
rel="icon" rel="icon"
type="image/png" type="image/png"
@ -32,14 +35,20 @@
name="twitter:title" name="twitter:title"
content="The Para-Real: Finding the Future in Unexpected Places" content="The Para-Real: Finding the Future in Unexpected Places"
/> />
<meta name="twitter:description" content="..." /> <meta
name="twitter:description"
content="The Para-Real: Finding the Future in Unexpected Places - A livestream series about subcultures building livelihoods in spite of platform exploitation."
/>
<meta name="twitter:image" content="static/meta.png" /> <meta name="twitter:image" content="static/meta.png" />
<meta <meta
property="og:title" property="og:title"
content="The Para-Real: Finding the Future in Unexpected Places" content="The Para-Real: Finding the Future in Unexpected Places"
/> />
<meta property="og:description" content="" /> <meta
property="og:description"
content="The Para-Real: Finding the Future in Unexpected Places - A livestream series about subcultures building livelihoods in spite of platform exploitation."
/>
<meta property="og:image" content="static/meta.png" /> <meta property="og:image" content="static/meta.png" />
<link rel="stylesheet" href="./src/assets/styles/index.scss" /> <link rel="stylesheet" href="./src/assets/styles/index.scss" />

View File

@ -22,13 +22,14 @@ const Video = ({ url, onClose }) => {
} }
return ( return (
<Fragment> <Fragment>
<VideoWrapper onMouseMove={activateOverlay} $active={overlayActive}> <VideoWrapper $active={overlayActive}>
<CrossSvg $active={overlayActive} onClick={onClose} size="64" /> <CrossSvg $active={overlayActive} onClick={onClose} size="64" />
</VideoWrapper> </VideoWrapper>
<Iframe <Iframe
onMouseMove={activateOverlay}
width="560" width="560"
height="315" height="315"
src="https://www.youtube-nocookie.com/embed/Ye5qTm9vqcE?controls=0&autoplay=1" src="https://www.youtube-nocookie.com/embed/b-JQ5Bo4JnI?autoplay=1&vq=hd1080"
frameborder="0" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen allowfullscreen

View File

@ -5,12 +5,13 @@ import CrossSvg from '../Svg/Cross'
export const VideoWrapper = styled.div` export const VideoWrapper = styled.div`
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
z-index: 12; z-index: 2;
position: fixed; position: fixed;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
right: 0; right: 0;
pointer-events: none;
/* background-color: ${props => (props.$active ? 'red' : 'green')}; */ /* background-color: ${props => (props.$active ? 'red' : 'green')}; */
` `
export const Iframe = styled.iframe` export const Iframe = styled.iframe`
@ -25,6 +26,7 @@ export const Iframe = styled.iframe`
` `
export const StyledCrossSvg = styled(CrossSvg)` export const StyledCrossSvg = styled(CrossSvg)`
pointer-events: all;
position: fixed; position: fixed;
right: 2.5em; right: 2.5em;
top: 2em; top: 2em;

View File

@ -2,11 +2,11 @@
A [NEW DESIGN CONGRESS](https://newdesigncongress.org) project A [NEW DESIGN CONGRESS](https://newdesigncongress.org) project
Series operated by **[ReclaimFutures](https://reclaimfutures.org)** Series operated by **[RECLAIMFUTURES](https://reclaimfutures.org)**
Infrastructure by **[UNDERSCO.RE](https://undersco.re)** Infrastructure by **[UNDERSCO.RE](https://undersco.re)**
Stream Design by **[BENJAMIN JONES](https://benjaminjon.es)** Stream Design by **[BENJAMIN JONES](mailto:btej@pm.me)**
Host & Research by **[CADE DIEHM](https://shiba.computer)** Host & Research by **[CADE DIEHM](https://shiba.computer)**