Back buttons on all the page descriptions

Makes getting back to the full sample list easy if you link directly to
a sample.

360-photos.html

@@ -43,6 +43,7 @@
           This sample demonstrates displaying a 360 degree equirectangular stereo
           photo. It intentionally suppresses view position to ensure that the user
           cannot move out of the photo sphere.
+          <a class="back" href="./">Back</a>
         </p>
       </details>
     </header>

css/common.css

@@ -44,3 +44,21 @@ canvas {
   margin: 0;
   touch-action: none;
 }
+
+.back {
+  float: right;
+  text-decoration: none;
+}
+
+.back:hover {
+  text-decoration: underline;
+}
+
+.back::before {
+  display: inline-block;
+  content: attr(data-index) '<';
+  font-weight: bold;
+  white-space: nowrap;
+  margin-right: 0.2em;
+  margin-left: 0.2em;
+}

framebuffer-scaling.html

@@ -45,7 +45,9 @@
           performance or quality as needed.
 
           Framebuffer scaling should be used to make a performance/memory/quality
-          tradeoff for the lifetime of the session. <br/>
+          tradeoff for the lifetime of the session. 
+          <a class="back" href="./">Back</a>
+          <br/>
 
           <select id='framebufferScaleSelect'>
             <option value='0.0' selected>Default - Allow the system to decide</option>

input-selection.html

@@ -42,6 +42,7 @@
         <p>
           This sample demonstrates handling 'select' events generated by
           XRInputSources to create clickable objects in the scene.
+          <a class="back" href="./">Back</a>
         </p>
       </details>
     </header>

input-tracking.html

@@ -43,6 +43,7 @@
           This sample demonstrates basic tracking and rendering of
           XRInputSources. It does not respond to button presses or other
           controller interactions.
+          <a class="back" href="./">Back</a>
         </p>
       </details>
     </header>

magic-window.html

@@ -42,7 +42,8 @@
         <p>
           This sample demonstrates use of a non-exclusive XRSession to present
           'Magic Window' content prior to entering XR presentation with an
-          exclusive.
+          exclusive session.
+          <a class="back" href="./">Back</a>
         </p>
       </details>
     </header>

mirroring.html

@@ -44,6 +44,7 @@
           XRDevice while mirroring to a context. The scene is not rendered to
           the page prior to XR presentation. Mirroring has no effect on mobile
           or standalone devices.
+          <a class="back" href="./">Back</a>
         </p>
       </details>
     </header>

positional-audio.html

@@ -45,6 +45,7 @@
           This sample demonstrates playing audio that sounds as if it originates
           at a specific point in the space. Audio will begin playing when you
           enter XR.
+          <a class="back" href="./">Back</a>
         </p>
       </details>
     </header>

reduced-bind-rendering.html

@@ -43,6 +43,7 @@
           This sample demonstrates a simple technique to reduce the number of
           state changes an application needs to make while rendering, potentially
           enabling better performance.
+          <a class="back" href="./">Back</a>
         </p>
       </details>
     </header>

room-scale.html

@@ -43,6 +43,7 @@
           This sample demonstrates using a 'stage' frame of reference to provide
           room scale tracking. If stage bounds are provided by the XRDevice, they
           will be represented as a green ground plane.
+          <a class="back" href="./">Back</a>
         </p>
       </summary>
     </header>

spectator-mode.html

@@ -43,6 +43,7 @@
           This sample demonstrates how to render a separate, 3rd person view of
           the scene to an external monitor if one is available. This sample is
           not applicable to mobile or standalone devices.
+          <a class="back" href="./">Back</a>
         </p>
       </details>
     </header>

tests/cube-sea.html

@@ -42,6 +42,7 @@
         <p>
           All hail the cube sea! It's not very interesting to look at, but it's
           fantastic for testing!
+          <a class="back" href="./">Back</a>
         </p>
       </details>
     </header>

tests/permission-request.html

@@ -42,6 +42,7 @@
         <p>
           Tests requesting permissions from within XR. Demonstrates how the UA
           handles those requests, if at all.
+          <a class="back" href="./">Back</a>
         </p>
       </details>
     </header>

tests/pointer-painter.html

@@ -42,6 +42,7 @@
         <p>
           Leaves behind a trail of pointers and cursors on select events. Useful
           for testing screen input.
+          <a class="back" href="./">Back</a>
         </p>
       </details>
     </header>

viewport-scaling.html

@@ -46,6 +46,7 @@
 
           Viewport scaling should be used to make a performance/quality tradeoff
           in response to realtime performance monitoring.
+          <a class="back" href="./">Back</a>
         </p>
       </details>
     </header>

xr-presentation.html

@@ -43,6 +43,7 @@
           This sample demonstrates how to present a simple WebGL scene to a
           XRDevice. The scene is not rendered to the page prior to XR
           presentation, nor is it mirrored during presentation.
+          <a class="back" href="./">Back</a>
         </p>
       </details>
     </header>