diff --git a/src/assets/stylesheets/entry.scss b/src/assets/stylesheets/entry.scss index cce585590e5336b707967601aa81c0e50b8a8c23..2d86cf428b6a9c2210fcd119acba58925a3f9fa4 100644 --- a/src/assets/stylesheets/entry.scss +++ b/src/assets/stylesheets/entry.scss @@ -16,10 +16,26 @@ .entry-panel { overflow-y: auto; display: flex; + flex-direction: column; flex: 1; &__button-container { margin: auto; + text-align: center; + flex: 10; + display: flex; + flex-direction: column; + min-height: max-content; + justify-content: center; + } + &__webvr-link-container { + text-align: center; + margin-bottom: 24px; + } + &__webvr-link { + color: white; + flex: 1; + min-height: max-content; } &__screen-sharing { @@ -48,6 +64,7 @@ .entry-button { display: flex; margin: 20px 0; + margin-bottom: 0; cursor: pointer; background: none; color: white; diff --git a/src/assets/translations.data.json b/src/assets/translations.data.json index 9ae0b27c44672c2e3b2e7519c1ab4dd503a653b9..7dcd32f8f81d394ed06aa11ee117823a721b0f1f 100644 --- a/src/assets/translations.data.json +++ b/src/assets/translations.data.json @@ -12,6 +12,8 @@ "entry.daydream-medium": "Daydream", "entry.daydream-via-chrome": "Using Google Chrome", "entry.enable-screen-sharing": "Share my desktop", + "entry.webvr-link-preamble": "New to WebVR?", + "entry.webvr-link": "Learn more", "profile.save": "SAVE", "profile.display_name.validation_warning": "Alphanumerics and hyphens. At least 3 characters, no more than 32", "profile.header": "Your display name:", diff --git a/src/react-components/ui-root.js b/src/react-components/ui-root.js index 55f5ca69b359cab0b8d5463a5356789f4d9fdcd8..82c1c911231ed42bd8853895c6f17a147179351f 100644 --- a/src/react-components/ui-root.js +++ b/src/react-components/ui-root.js @@ -632,6 +632,19 @@ class UIRoot extends Component { )} {screenSharingCheckbox} </div> + {!mobiledetect.mobile() && ( + <div className="entry-panel__webvr-link-container"> + <FormattedMessage id="entry.webvr-link-preamble" />{" "} + <a + className="entry-panel__webvr-link" + target="_blank" + rel="noopener noreferrer" + href="https://webvr.rocks/" + > + <FormattedMessage id="entry.webvr-link" /> + </a> + </div> + )} </div> ) : null;