CINXE.COM
RAW - EMOTIONS UNITE US
<!doctype html> <html> <head> <!-- Google Tag Manager --> <script> var ua = navigator.userAgent || navigator.vendor || window.opera; var browserType = (ua.indexOf("FBAN") > -1) || (ua.indexOf("FBAV") > -1) ? 'Facebook' : 'None' window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'event': 'addBrowserType', 'browser_type': browserType }) </script> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-W9ZMD4C');</script> <!-- End Google Tag Manager --> <meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no' /> <meta charset='utf-8'> <meta property="og:url" content="https://raw-emotions.phoria.com.au" /> <meta property="og:type" content="website" /> <meta property="og:title" content="RAW: EMOTION UNITES US" /> <meta property="og:description" content="A Paralympics immersive web experience." /> <meta property="og:image" content="https://doh2xi7kxy1sk.cloudfront.net/images/social-share-image.png" /> <meta property="og:image:width" content="1920" /> <meta property="og:image:height" content="1080" /> <meta property="og:image:alt" content="A Paralympic athlete with fist raised in celebration." /> <link rel="stylesheet" type="text/css" href="https://doh2xi7kxy1sk.cloudfront.net/styles/app-browser-detection-message.css"> <link rel="stylesheet" type="text/css" href="https://doh2xi7kxy1sk.cloudfront.net/styles/playcanvas.css"> <link rel="stylesheet" type="text/css" href="https://doh2xi7kxy1sk.cloudfront.net/styles/main.css"> <link rel="stylesheet" href="https://use.typekit.net/yek7ois.css"> <link rel="manifest" href="https://doh2xi7kxy1sk.cloudfront.net/manifest.json"> <link rel="icon" href="https://doh2xi7kxy1sk.cloudfront.net/favicon.png"> <title>RAW - EMOTIONS UNITE US</title> <script src="https://doh2xi7kxy1sk.cloudfront.net/files/assets/49234261/1/webxr-polyfill.min.js"></script> <script src="https://doh2xi7kxy1sk.cloudfront.net/files/assets/49234262/1/webxr-polyfill-patch.js"></script> <script src="https://doh2xi7kxy1sk.cloudfront.net/playcanvas-stable.min.js"></script> <script src="https://doh2xi7kxy1sk.cloudfront.net/__settings__.js"></script> <script src="https://js.sentry-cdn.com/c13278c5f3724edbac0dda5e7c392b79.min.js" crossorigin="anonymous"></script> <script> ASSET_PREFIX = "https://doh2xi7kxy1sk.cloudfront.net/"; SCRIPT_PREFIX = "https://doh2xi7kxy1sk.cloudfront.net/"; CONFIG_FILENAME = "https://doh2xi7kxy1sk.cloudfront.net/config.json"; </script> <!-- Facebook Pixel Code --> <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1219205581916393'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1219205581916393&ev=PageView&noscript=1" /></noscript> <!-- End Facebook Pixel Code --> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W9ZMD4C" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header id="banner"> <img src="https://doh2xi7kxy1sk.cloudfront.net/images/logo.png" id="logo" alt="RAW. Emotion unites us" class="img-responsive"> </header> <section id="sub-banner"> <h1>Embody the heart and mind of a Paralympian.</h1> <h2>This experience strives to change perceptions of disability through VR and the immersive web.</a></h2> </section> <div id="experience" class="fixed-ar"> <div id="mobile-redirect"> <div class="mobile-redirect-copy"> <a href="https://raw-emotions.phoria.com.au/experience" target="_blank"> Click here to <br> start experience </a> </div> </div> </div> <div id="app-browser-detection-message" class="app-browser-detection-message-home" style="display: none"> <img src="https://doh2xi7kxy1sk.cloudfront.net/images/logo.png" width="352" height="217" /> <div class="text"> <h3>This browser is incompatible with this experience.</h2> <h3>Copy the link using the button below and paste into your preferred browser</h2> </div> <button id="copy-button" class="copy-button"> <img src="https://doh2xi7kxy1sk.cloudfront.net/images/copy.svg" width="15" height="15" class="copy-button-img" /> <span id="copy-button-text">Copy Link</span> </button> </div> <main class="container"> <div id="pre-menu"> <h3>Explore five uplifting stories from Paralympians. Stand beside them and witness the emotions that define their most challenging, and rewarding moments.</h3> </div> <div id="episodes"> <div class="episode-row"> <div class="single-episode" data-athlete="katie-kelly" tabindex="0"> <video src="https://doh2xi7kxy1sk.cloudfront.net/videos/katie.mp4" poster="https://doh2xi7kxy1sk.cloudfront.net/images/katie-kelly.png" loop muted aria-hidden="true"></video> <div class="episode-overlay"> <p> Katie Kelly<br> <span class="emotion">Emotion: Trust</span> </p> <button><img src="https://doh2xi7kxy1sk.cloudfront.net/images/play-icon.png" alt="Play icon"> Play episode</button> </div> </div> <div class="single-episode" data-athlete="lex-gillette" tabindex="0"> <video src="https://doh2xi7kxy1sk.cloudfront.net/videos/lex.mp4" poster="https://doh2xi7kxy1sk.cloudfront.net/images/lex-gillette.png" loop muted aria-hidden="true"></video> <div class="episode-overlay"> <p> Lex Gillette<br> <span class="emotion">Emotion: Courage</span> </p> <button><img src="https://doh2xi7kxy1sk.cloudfront.net/images/play-icon.png" alt="Play icon"> Play episode</button> </div> </div> <div class="single-episode" data-athlete="chan-ho-yuen"> <video src="https://doh2xi7kxy1sk.cloudfront.net/videos/daniel.mp4" poster="https://doh2xi7kxy1sk.cloudfront.net/images/chan-ho-yuen.png" loop muted aria-hidden="true"></video> <div class="episode-overlay"> <p> Chan Ho Yuen<br> <span class="emotion">Emotion: Love</span> </p> <button><img src="https://doh2xi7kxy1sk.cloudfront.net/images/play-icon.png" alt="Play icon"> Play episode</button> </div> </div> </div> <div class="episode-row"> <div class="single-episode" data-athlete="abbas-karimi"> <video src="https://doh2xi7kxy1sk.cloudfront.net/videos/abbas.mp4" poster="https://doh2xi7kxy1sk.cloudfront.net/images/mohammad-abbas-karimi.png" loop muted aria-hidden="true"></video> <div class="episode-overlay"> <p> Mohammad Abbas Karimi<br> <span class="emotion">Emotion: Loneliness</span> </p> <button><img src="https://doh2xi7kxy1sk.cloudfront.net/images/play-icon.png" alt="Play icon"> Play episode</button> </div> </div> <div class="single-episode" data-athlete="birgut-skarstein"> <video src="https://doh2xi7kxy1sk.cloudfront.net/videos/birgit.mp4" poster="https://doh2xi7kxy1sk.cloudfront.net/images/birgit-skarstein.png" loop muted aria-hidden="true"></video> <div class="episode-overlay"> <p> Birgit Skarstein<br> <span class="emotion">Emotion: Power</span> </p> <button><img src="https://doh2xi7kxy1sk.cloudfront.net/images/play-icon.png" alt="Play icon"> Play episode</button> </div> </div> </div> </div> <div id="what-is-raw"> <h3>What is RAW?</h3> <div class="grid"> <div> <p>RAW is an interactive WebXR experience that aims to positively impact perceptions of disability.</p> <p>The experience was designed in a collaboration between the <a href="https://www.paralympic.org/ipc" target="_blank">International Paralympic Committee</a>, <a href="https://about.facebook.com/" target="_blank">Facebook</a> & <a href="https://www.phoria.com.au/" target="_blank">PHORIA</a>.</p> </div> <div> <p>Access RAW in Virtual Reality, or on desktop and mobile devices.</p> <p>Follow the hashtag <a href="https://twitter.com/search?q=%23Paralympics">#Paralympics</a> and share <a href="https://twitter.com/search?q=%23RawParalympics">#RawParalympics</a> on social media.</p> <div class="social-media"> <a href="#" target="_blank" id="facebook-share"><img src="https://doh2xi7kxy1sk.cloudfront.net/images/facebook.png" alt="Facebook logo"></a> <a href=" https://twitter.com/intent/tweet?url=https://raw-emotions.phoria.com.au&hashtags=RawParalympics,Paralympics&text=I%20just%20tried%20RAW%20%E2%80%94%20Emotions%20Unite%20Us%21%20It%E2%80%99s%20an%20immersive%20web%20experience%20all%20about%20Paralympians%20and%20their%20stories.%20Check%20it%20out%20for%20yourself%3A" target="_blank" onclick="window.open(this.href,'window','width=640,height=480,resizable,scrollbars') ;return false;"><img src="https://doh2xi7kxy1sk.cloudfront.net/images/twitter.png" alt="Twitter logo"></a> </div> </div> </div> </div> <div id="faqs" data-collapsible aria-expanded="false"> <h3 class="faqs-header" role="button" tabindex="0" aria-controls="faqs"> Frequently Asked Questions <span class="faqs-caret"><img src="https://doh2xi7kxy1sk.cloudfront.net/images/play-icon.png" alt="FAQs collapsible indicator"></span> </h3> <div class="grid"> <div> <h4 class="question">What is RAW?</h4> <div class="answer"> <p>RAW is an immersive WebXR experience, told through the eyes of Paralympians, that explores the emotions that unite us all.</p> </div> <h4 class="question">Who is the International Paralympic Committee?</h4> <div class="answer"> <p>The International Paralympic Committee (IPC) is a not-for-profit organisation working to lead the Paralympic Movement, oversee the delivery of the Paralympic Games and support members to enable Paralympians to achieve sporting excellence.</p> <p>Find out more about our mission and our history <a href="https://www.paralympic.org/ipc/who-we-are" target="_blank">here</a>.</p> </div> <h4 class="question">What are the Paralympics?</h4> <div class="answer"> <p>The Paralympics or the Paralympic Games are a series of international multi-sport events run in parallel to the Summer and Winter Olympic Games. The Paralympic Games involve athletes with a range of impairments, including impaired muscle power, impaired passive range of movement, limb deficiency, leg length difference, short stature, hypertonia, ataxia, athetosis, vision impairment and intellectual impairment.</p> <p>All Paralympic Games are governed by the International Paralympic Committee (IPC).</p> <p>This year we are celebrating the Tokyo 2020 Paralympic Games, running from 24 August - 5 September 2021. Support the athletes and discover the program <a href="https://www.paralympic.org/tokyo-2020" target="_blank">here</a>.</p> </div> <h4 class="question">What devices or browsers support RAW?</h4> <div class="answer"> <p>Compatible with Android mobile devices from Samsung S9+ (or similar) and up, iOS from iPhone 8+ and up.</p> <p>Compatible with Oculus Quest 1 and Quest 2 VR headsets.</p> </div> </div> <div> <h4 class="question"> How can I explore the RAW experience on the web? </h4> <div class="answer"> <p>Simply click on the link <a href="https://raw-emotions.phoria.com.au/">here</a> and choose an athlete to play their episode.</p> <p>Hot tip: Make sure you have your sound turned on!</p> </div> <h4 class="question">How do I play RAW in VR?</h4> <div class="answer"> <p>RAW is a WebXR experience, which means there’s no app!</p> <p>Check out the <a href="https://www.oculus.com/experiences/event/4215919281825793/">event</a> in Oculus browser or follow these steps:</p> <ol> <li>Put on your headset</li> <li>Launch the browser application</li> <li>Type URL: <a href="https://raw-emotions.phoria.com.au/experience">https://raw-emotions.phoria.com.au/experience</a></li> </ol> </div> <h4 class="question">How many people can participate at once?</h4> <div class="answer"> <p>RAW is designed as a solo or single-player experience</p> </div> <h4 class="question">What is the runtime for each athlete?</h4> <div class="answer"> <p>Between 1 minute - 2 minutes 30 seconds.</p> </div> <h4 class="question">Is RAW accessibility friendly?</h4> <div class="answer"> <p>Yes — RAW was designed with accessibility in mind. The experience features things like spatial sound, closed captions and high levels of contrast.</p> </div> <h4 class="question">Does RAW store any user information or data?</h4> <div class="answer"> <p>Nope — but your user data may be tracked by the device you use. If you’re concerned about this, we suggest checking out the user agreement for your chosen device. For more information, please review the IPC Privacy Policy <a href="https://www.paralympic.org/privacy">here</a>.</p> </div> </div> </div> <!-- Troubleshooting --> <h3 class="troubleshooting-header">Tips to optimise your experience</h3> <div class="grid troubleshooting"> <div> <h4>Mobile</h4> <ol> <li>Make sure you have a strong, stable internet connection!</li> <li>Always open the experience in a new browser tab.</li> <li>Turn your device media sound up and use headphones.</li> <li>Rotate your device to landscape view.</li> <li>Clear your browser cache (instructions below).</li> </ol> <div class="indent"> <h5>iOS - Safari</h5> <ol> <li>Open the <b>Settings</b> app.</li> <li>Tap <b>Safari</b>.</li> <li>Tap <b>Clear History and Website Data</b>.</li> <li>On the screen that pops up, choose <b>Clear History and Data</b>.</li> </ol> <h5>Android - Google Chrome</h5> <ol> <li>On your phone or tablet, open the <b>Chrome</b> app.</li> <li>At the top right, tap <b>More</b>.</li> <li>Tap <b>History</b>. Clear browsing data.</li> <li>At the top, choose a time range. To delete everything, select <b>All time</b>.</li> <li>Check the boxes next to <b>Cookies and site data</b> and <b>Cached images and files</b>.</li> <li>Tap <b>Clear data</b>.</li> </ol> </div> <br> <h4>Virtual Reality</h4> <ol> <li>Make sure you have a strong, stable internet connection!</li> <li>Make sure your headset and controllers are fully charged.</li> <li>Open the experience in a new browser tab.</li> <li>Turn your device's media sound up.</li> <li>Clear your browser cache (instructions below).</li> </ol> <div class="indent"> <h5>Oculus browser</h5> <ol> <li>Open the <b>Oculus Browser</b>.</li> <li>Select the three dots on the top right to open <b>Settings</b>.</li> <li>Select <b>Clear Browsing Data</b>.</li> <li>Check the box next to <b>Cached images and files</b>.</li> <li>Select the <b>Clear Data</b> button.</li> <li>Reload the experience.</li> </ol> </div> </div> <div> <h4>Desktop</h4> <ol> <li>Make sure you have a strong, stable internet connection.</li> <li>Set up a mouse and keyboard so you can navigate effectively.</li> <li>Close other tabs if you don’t need them.</li> <li>Turn up your desktop sound and use headphones.</li> <li>Clear your browser cache (instructions below).</li> </ol> <div class="indent"> <h5>Safari</h5> <ol> <li>Click on the <b>Safari</b> tab at the top left of your screen and choose <b>Preferences</b>.</li> <li>Click the <b>Advanced</b> tab on the popup menu.</li> <li>Tap <b>Clear History and Website Data</b>.</li> <li>At the end of the tab, check the box next to <b>Show Develop menu in menu bar</b> and close menu.</li> <li>Click the <b>Develop</b> tab from the Safari menu at the top of the page.</li> <li>Click <b>Empty Caches</b> from the dropdown menu.</li> </ol> <h5>Google Chrome</h5> <ol> <li>On your computer, open <b>Chrome</b>.</li> <li>Select <b>Menu</b> (3 dots icon on top right corner of the browser).</li> <li>Click <b>More</b> tools and then <b>Clear browsing data</b>.</li> <li>At the top, choose a time range. To delete everything, select <b>All time</b>.</li> <li>Check the boxes next to <b>Cookies and site data</b> and <b>Cached images and files</b>.</li> <li>Click <b>Clear data</b>.</li> </ol> <h5>Firefox</h5> <ol> <li>Click the menu button and select <b>Settings</b>.</li> <li>Select the <b>Privacy & Security</b> panel.</li> <li>In the <b>Cookies and Site Data</b> section, click <b>Clear Data</b>.</li> <li>Uncheck the box next to <b>Cookies and Site Data</b>.</li> <li>Check the box next to <b>Cached Web Content</b>, click the <b>Clear</b> button.</li> <li>Close the menu. Any changes you've made will automatically be saved.</li> </ol> <h5>Microsoft Edge</h5> <ol> <li>On your computer, open <b>Microsoft Edge</b>.</li> <li>Select <b>Menu</b> (3 dots icon on top right corner of the browser).</li> <li>Click <b>Settings</b> and then <b>Privacy & services</b>.</li> <li>Under <b>Clear browsing data</b>, select <b>Choose what to clear</b>.</li> <li>Check the box next to <b>Cached images and files</b> and <b>Cookies and other site data</b>.</li> <li>Click <b>Clear</b>.</li> </ol> </div> </div> </div> </div> <br> </main> <script src="https://doh2xi7kxy1sk.cloudfront.net/scripts/analytics.js"></script> <script src="https://doh2xi7kxy1sk.cloudfront.net/__modules__.js"></script> <script src="https://doh2xi7kxy1sk.cloudfront.net/__start-home-page__.js"></script> <script src="https://doh2xi7kxy1sk.cloudfront.net/__loading__.js"></script> <script src="https://doh2xi7kxy1sk.cloudfront.net/vendor/collapsible.js"></script> <script src="https://doh2xi7kxy1sk.cloudfront.net/scripts/main.js"></script> <script src="https://doh2xi7kxy1sk.cloudfront.net/scripts/app-browser-detection.js"></script> <!-- Load Facebook SDK for JavaScript --> <script> window.fbAsyncInit = function () { FB.init({ appId: '2131359957007142', autoLogAppEvents: false, xfbml: true, version: 'v11.0' }); }; </script> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script> <!-- Hotjar --> <script> (function (h, o, t, j, a, r) { h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) }; h._hjSettings = { hjid: 1321096, hjsv: 6 }; a = o.getElementsByTagName('head')[0]; r = o.createElement('script'); r.async = 1; r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; a.appendChild(r); })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv='); </script> </body> </html>