Merge branch 'main' of ndc-github:newdesigncongress/underscore_stream into main

index.html

@@ -5,7 +5,10 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <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
       rel="icon"
       type="image/png"
@@ -32,15 +35,22 @@
       name="twitter:title"
       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
       property="og:title"
       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:url" content="https://stream.undersco.re/" />
 
     <link rel="stylesheet" href="./src/assets/styles/index.scss" />
   </head>

package.json

@@ -36,8 +36,9 @@
     "marked": "^2.0.3",
     "module-alias": "^2.0.3",
     "parcel-bundler": "1.12.3",
+    "parcel-plugin-ogimage": "^1.2.0",
     "prettier": "^1.9.1",
     "sass": "^1.32.8",
     "scss": "^0.2.4"
   }
-}
+}

src/components/VideoEmbed/index.js

@@ -22,13 +22,14 @@ const Video = ({ url, onClose }) => {
   }
   return (
     <Fragment>
-      <VideoWrapper onMouseMove={activateOverlay} $active={overlayActive}>
+      <VideoWrapper $active={overlayActive}>
         <CrossSvg $active={overlayActive} onClick={onClose} size="64" />
       </VideoWrapper>
       <Iframe
+        onMouseMove={activateOverlay}
         width="560"
         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"
         allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
         allowfullscreen

src/components/VideoEmbed/styles.js

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

src/data/credits.md

@@ -2,11 +2,11 @@
 
 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)**
 
-Stream Design by **[BENJAMIN JONES](https://benjaminjon.es)**
+Stream Design by **[BENJAMIN JONES](mailto:benjamin@newdesigncongress.org)**
 
 Host & Research by **[CADE DIEHM](https://shiba.computer)**