Video player

docs/BuildinginRRS/videoplayer.mdx

@@ -0,0 +1,16 @@
+# Video Player
+import ButtonLink from '@site/src/components/ButtonLink'
+
+## Applying
+**If you would like to use the RRS / Unity video player component in any of your rooms - you, or a co-owner on your room, will need to be approved.**
+<ButtonLink title="Press here to apply" link="https://forms.gle/dadirReXWd97C63q9"/>
+
+
+:::info
+**If you know that you already have screenshare approval please do not apply.** Screenshare approval and video player component approval are the same thing. If you would like to check if you have screenshare / video player approval already you can follow the [instructions here](https://recroom.zendesk.com/hc/en-us/articles/4524184817687-Desktop-Screen-and-Audio-Sharing-Tools) and look for the 'Desktop Sharing Screen prop' in your Maker Pen Palette.
+If you have that prop in your palette, you are already approved.
+:::
+
+## Getting started
+
+

src/components/ButtonLink/index.js

@@ -0,0 +1,17 @@
+import styles from './index.module.css';
+import React from 'react';
+import Link from '@docusaurus/Link';
+
+
+
+export default function ButtonLink({title, link}) {
+    return (
+    <div className={styles.buttons}>
+        <Link
+        className="button button--secondary"
+        to={link}>
+        {title}
+        </Link>
+    </div>
+    )
+}

src/components/ButtonLink/index.module.css

@@ -0,0 +1,13 @@
+/**
+ * CSS files with the .module.css suffix will be treated as CSS modules
+ * and scoped locally.
+ */
+
+
+  .buttons {
+    display: flex;
+    align-items: left;
+    justify-content: left;
+    margin-top: 0px;
+    margin-bottom: 32px;
+  }

src/css/custom.css

@@ -7,7 +7,17 @@
   opacity: 0.6;
 }
 
+.features {
+  display: flex;
+  align-items: center;
+  padding: 2rem 0;
+  width: 100%;
+}
 
+.featureSvg {
+  height: 200px;
+  width: 200px;
+}
 .header-github-link::before {
   content: '';
   width: 24px;