third_party/webxr_test_pages/webxr-samples/tests/index.html - chromium/src - Git at Google

 <!DOCTYPE html>
 <html>
   <head>
     <meta charset='utf-8'>
     <meta http-equiv='X-UA-Compatible' content='chrome=1'>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
     <meta name='mobile-web-app-capable' content='yes'>
     <meta name='apple-mobile-web-app-capable' content='yes'>

     <meta name='twitter:card' content='summary'>
     <meta name='twitter:title' content='WebXR Samples'>
     <meta name='twitter:description' content='Sample WebXR pages for testing and reference'>

     <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="96x96" href="../favicon-96x96.png">

     <link rel='stylesheet' href='../css/stylesheet.css'>
     <link rel='stylesheet' href='../css/pygment_trac.css'>

     <style>
       article {
         position: relative;
         padding: 0.5em;
         background-color: rgba(255, 255, 255, 0.90);
         margin-bottom: 1em;
         border-radius: 3px;
       }

       article h3 {
         font-size: 1.0em;
         margin-top: 0px;
         margin-bottom: 0px;
       }

       article h3::before {
         display: inline-block;
         content: attr(data-index) ' - ';
         font-weight: bold;
         white-space: nowrap;
         margin-right: 0.2em;
       }

       article h4 {
         position: absolute;
         right: 0.5em;
         top: 0.5em;
         margin-top: 0px;
         margin-bottom: 0px;
       }

       article p {
         margin: 0.5em;
       }

       article .links {
         margin-left: 0.5em;
         margin-right: 0.5em;
       }

       article a {
         display: inline-block;
       }

       article a:not(:first-child)::before {
         display: inline-block;
         content: '•';
         font-weight: bold;
         white-space: nowrap;
         margin-left: 0.5em;
         margin-right: 0.5em;
       }

       .github-link {
         font-size: 0.8em;
       }
     </style>

     <!--[if lt IE 9]>
     <script src='https://html5shiv.googlecode.com/svn/trunk/html5.js'></script>
     <![endif]-->
     <title>WebXR - Test Pages</title>
   </head>
   <body>

     <div class='container' id='container'>
       <header class='header'>
         <div id='nav'>
             <a href='../'>Samples</a>
             <a href='../proposals/'>Proposals</a>
             <a href='./' class='selected'>Test Pages</a>
         </div>

         <h1><a href='' class='wordmark'><span>WebXR</span></a></h1>
         <h2 class='tagline'>Test Pages</h2>
       </header>

       <main class='main' id='main'>
         <p>These pages are useful for testing various aspects of WebXR
            implementations, but aren't as well commented or straightforward as
            the sample pages.<br/>

         <script>
           let pages = [
             { title: 'Cube Sea', category: 'Cube Sea',
               path: 'cube-sea.html',
               description: 'All hail the cube sea! Not very interesting to look at, but it\'s fantastic for testing!' },

             { title: 'Pointer Painter', category: 'Input',
               path: 'pointer-painter.html',
               description: 'Leaves behind a trail of pointers and cursors on select events.' },

             { title: 'Permission Requests', category: 'User Agent Behavior',
               path: 'permission-request.html',
               description: 'Tests requesting permissions from within XR.' },

             { title: 'Offscreen Canvas', category: 'Alternate WebGL Modes',
               path: 'offscreen-canvas.html',
               description: 'Tests use of an OffscreenCanvas with XR.' },

             { title: 'Sponza', category: 'Lots-o-Polys',
               path: 'sponza.html',
               description: 'Loads a larger scene than other samples for performance testing. (Warning: Can be slow on mobile devices!)' },
           ];

           let mainElement = document.getElementById("main");

           // Append an element for every item in the pages list.
           for (var i = 0; i < pages.length; ++i) {
             var page = pages[i];

             let article = document.createElement('article');

             let title = document.createElement('h3');
             title.setAttribute('data-index', i + 1);

             let titleLink = document.createElement('a');
             titleLink.href = page.path;
             titleLink.innerHTML = page.title;
             title.appendChild(titleLink);
             article.appendChild(title);

             let category = document.createElement('h4');
             category.innerHTML = page.category;
             article.appendChild(category);

             let description = document.createElement('p');
             description.innerHTML = page.description;
             article.appendChild(description);

             let links = document.createElement('div');
             links.classList.add('links');

             let liveLink = document.createElement('a');
             liveLink.href = page.path;
             liveLink.innerHTML = 'Open';
             links.appendChild(liveLink);

             let polyfillLink = document.createElement('a');
             polyfillLink.href = page.path + '?allowPolyfill=1';
             polyfillLink.innerHTML = 'Open with Polyfill';
             links.appendChild(polyfillLink);

             let sourceLink = document.createElement('a');
             sourceLink.href = 'https://github.com/immersive-web/webxr-samples/blob/master/tests/' + page.path;
             sourceLink.innerHTML = 'Source';
             links.appendChild(sourceLink);

             article.appendChild(links);

             mainElement.appendChild(article);
           }
         </script>
       </main>

       <br/>

       <h3><a class='github-link' href='https://github.com/immersive-web/webxr-samples'>View source on GitHub</a></h3>

       <footer class='footer'>
       </footer>
     </div>
   </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset='utf-8'>
	<meta http-equiv='X-UA-Compatible' content='chrome=1'>
	<meta name='viewport' content='width=device-width, initial-scale=1'>
	<meta name='mobile-web-app-capable' content='yes'>
	<meta name='apple-mobile-web-app-capable' content='yes'>

	<meta name='twitter:card' content='summary'>
	<meta name='twitter:title' content='WebXR Samples'>
	<meta name='twitter:description' content='Sample WebXR pages for testing and reference'>

	<link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96" href="../favicon-96x96.png">

	<link rel='stylesheet' href='../css/stylesheet.css'>
	<link rel='stylesheet' href='../css/pygment_trac.css'>

	<style>
	article {
	position: relative;
	padding: 0.5em;
	background-color: rgba(255, 255, 255, 0.90);
	margin-bottom: 1em;
	border-radius: 3px;
	}

	article h3 {
	font-size: 1.0em;
	margin-top: 0px;
	margin-bottom: 0px;
	}

	article h3::before {
	display: inline-block;
	content: attr(data-index) ' - ';
	font-weight: bold;
	white-space: nowrap;
	margin-right: 0.2em;
	}

	article h4 {
	position: absolute;
	right: 0.5em;
	top: 0.5em;
	margin-top: 0px;
	margin-bottom: 0px;
	}

	article p {
	margin: 0.5em;
	}

	article .links {
	margin-left: 0.5em;
	margin-right: 0.5em;
	}

	article a {
	display: inline-block;
	}

	article a:not(:first-child)::before {
	display: inline-block;
	content: '•';
	font-weight: bold;
	white-space: nowrap;
	margin-left: 0.5em;
	margin-right: 0.5em;
	}

	.github-link {
	font-size: 0.8em;
	}
	</style>

	<!--[if lt IE 9]>
	<script src='https://html5shiv.googlecode.com/svn/trunk/html5.js'></script>
	<![endif]-->
	<title>WebXR - Test Pages</title>
	</head>
	<body>

	<div class='container' id='container'>
	<header class='header'>
	<div id='nav'>
	<a href='../'>Samples</a>
	<a href='../proposals/'>Proposals</a>
	<a href='./' class='selected'>Test Pages</a>
	</div>

	<h1><a href='' class='wordmark'><span>WebXR</span></a></h1>
	<h2 class='tagline'>Test Pages</h2>
	</header>

	<main class='main' id='main'>
	<p>These pages are useful for testing various aspects of WebXR
	implementations, but aren't as well commented or straightforward as
	the sample pages.<br/>

	<script>
	let pages = [
	{ title: 'Cube Sea', category: 'Cube Sea',
	path: 'cube-sea.html',
	description: 'All hail the cube sea! Not very interesting to look at, but it\'s fantastic for testing!' },

	{ title: 'Pointer Painter', category: 'Input',
	path: 'pointer-painter.html',
	description: 'Leaves behind a trail of pointers and cursors on select events.' },

	{ title: 'Permission Requests', category: 'User Agent Behavior',
	path: 'permission-request.html',
	description: 'Tests requesting permissions from within XR.' },

	{ title: 'Offscreen Canvas', category: 'Alternate WebGL Modes',
	path: 'offscreen-canvas.html',
	description: 'Tests use of an OffscreenCanvas with XR.' },

	{ title: 'Sponza', category: 'Lots-o-Polys',
	path: 'sponza.html',
	description: 'Loads a larger scene than other samples for performance testing. (Warning: Can be slow on mobile devices!)' },
	];

	let mainElement = document.getElementById("main");

	// Append an element for every item in the pages list.
	for (var i = 0; i < pages.length; ++i) {
	var page = pages[i];

	let article = document.createElement('article');

	let title = document.createElement('h3');
	title.setAttribute('data-index', i + 1);

	let titleLink = document.createElement('a');
	titleLink.href = page.path;
	titleLink.innerHTML = page.title;
	title.appendChild(titleLink);
	article.appendChild(title);

	let category = document.createElement('h4');
	category.innerHTML = page.category;
	article.appendChild(category);

	let description = document.createElement('p');
	description.innerHTML = page.description;
	article.appendChild(description);

	let links = document.createElement('div');
	links.classList.add('links');

	let liveLink = document.createElement('a');
	liveLink.href = page.path;
	liveLink.innerHTML = 'Open';
	links.appendChild(liveLink);

	let polyfillLink = document.createElement('a');
	polyfillLink.href = page.path + '?allowPolyfill=1';
	polyfillLink.innerHTML = 'Open with Polyfill';
	links.appendChild(polyfillLink);

	let sourceLink = document.createElement('a');
	sourceLink.href = 'https://github.com/immersive-web/webxr-samples/blob/master/tests/' + page.path;
	sourceLink.innerHTML = 'Source';
	links.appendChild(sourceLink);

	article.appendChild(links);

	mainElement.appendChild(article);
	}
	</script>
	</main>

	<br/>

	<h3><a class='github-link' href='https://github.com/immersive-web/webxr-samples'>View source on GitHub</a></h3>

	<footer class='footer'>
	</footer>
	</div>
	</body>
	</html>