src/native_client_sdk/src/gonacl_appengine/static/pnacl-demo-voronoi/index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <!--
   4 Copyright (c) 2013 The Chromium Authors. All rights reserved.
   5 Use of this source code is governed by a BSD-style license that can be
   6 found in the LICENSE file.
   7 -->
   8 <head>
   9   <meta charset="UTF-8">
  10   <title>Voronoi</title>
  11   <script type="text/javascript" src="example.js"></script>
  12   <link href="/static/common.css" rel="stylesheet" type="text/css">
  13 </head>
  14 <body>
  15   <div class="absolute-fill">
  16     <div class="flex-container">
  17       <div class="main absolute-fill-parent">
  18         <div class="absolute-fill">
  19           <div class="flex-container flex-column flex-justify-center">
  20             <div id="message">
  21               <div id="statusField"></div>
  22               <progress id="progress"></progress>
  23             </div>
  24           </div>
  25         </div>
  26         <div id="listener" class="absolute-fill"></div>
  27       </div>
  28       <div class="sidebar">
  29         <h1>Voronoi</h1>
  30         <p>
  31           This demo renders the Voronoi diagram for a moving set of points using
  32           a brute force technique.
  33         </p>
  34         <table id="config">
  35           <tbody>
  36             <tr>
  37               <td class="name">Points:</td>
  38               <td class="value">
  39                 <input type="range" id="pointRange"
  40                     min="1" max="1024" step="1" value="48">
  41                 <label id="pointCount">48 points</label>
  42               </td>
  43             </tr>
  44             <tr>
  45               <td class="name">Thread Count:</td>
  46               <td class="value">
  47                 <select id="threadCount">
  48                   <option value="0">Main Thread only</option>
  49                   <option value="1">1 Thread</option>
  50                   <option value="2" selected="selected">2 Threads</option>
  51                   <option value="4">4 Threads</option>
  52                   <option value="6">6 Threads</option>
  53                   <option value="8">8 Threads</option>
  54                   <option value="12">12 Threads</option>
  55                   <option value="24">24 Threads</option>
  56                   <option value="32">32 Threads</option>
  57                 </select>
  58               </td>
  59             </tr>
  60             <tr>
  61               <td class="name"><label for="drawPoints">Draw Points:</label></td>
  62               <td class="value">
  63                 <input type="checkbox" id="drawPoints" checked="checked">
  64               </td>
  65             </tr>
  66             <tr>
  67               <td class="name">
  68                 <label for="drawInteriors">Draw Interiors:</label>
  69               </td>
  70               <td class="value">
  71                 <input type="checkbox" id="drawInteriors" checked="checked">
  72               </td>
  73             </tr>
  74           </tbody>
  75         </table>
  76       </div>
  77     </div>
  78   </div>
  79 </body>
  80 </html>