diff --git a/docs/BuildinginRRS/videoplayer.mdx b/docs/BuildinginRRS/videoplayer.mdx new file mode 100644 index 0000000..35f0176 --- /dev/null +++ b/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.** + + + +:::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 + + diff --git a/src/components/ButtonLink/index.js b/src/components/ButtonLink/index.js new file mode 100644 index 0000000..5142c7a --- /dev/null +++ b/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 ( +
+ + {title} + +
+ ) +} \ No newline at end of file diff --git a/src/components/ButtonLink/index.module.css b/src/components/ButtonLink/index.module.css new file mode 100644 index 0000000..1aed5a6 --- /dev/null +++ b/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; + } \ No newline at end of file diff --git a/src/css/custom.css b/src/css/custom.css index e529601..0a55920 100644 --- a/src/css/custom.css +++ b/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;