1<!DOCTYPE html>
2<html>
3<!--
4Copyright (c) 2012 The Chromium Authors. All rights reserved.
5Use of this source code is governed by a BSD-style license that can be
6found in the LICENSE file.
7-->
8<head>
9  <meta http-equiv="Pragma" content="no-cache">
10  <meta http-equiv="Expires" content="-1">
11  <title>{{title}}</title>
12  <script type="text/javascript" src="common.js"></script>
13  <script type="text/javascript" src="example.js"></script>
14  <style>
15    .label { display: inline-block; width: 100px; }
16  </style>
17</head>
18<body data-width="640" data-height="480" {{attrs}}>
19  <h1>{{title}}</h1>
20  <h2>Status: <code id="statusField">NO-STATUS</code></h2>
21  <p>The Graphics3D example demonstrates how to create a 3D cube that
22      rotates.</p>
23  <div>
24    <span class="label">X Angle</span>
25    <input type="range" id="xAngle" min="0" max="360" step="1" value="0">
26  </div>
27  <div>
28    <span class="label">Y Angle</span>
29    <input type="range" id="yAngle" min="0" max="360" step="1" value="0">
30  </div>
31  <div>
32    <span class="label">Animating</span>
33    <label>
34      off
35      <input type="radio" id="animateOff" value="false">
36    </label>
37    <label>
38      on
39      <input type="radio" id="animateOn" value="true" checked="true">
40    </label>
41  </div>
42  <!-- The NaCl plugin will be embedded inside the element with id "listener".
43      See common.js.-->
44  <div id="listener"></div>
45</body>
46</html>
47