Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / native_client_sdk / src / gonacl_appengine / static / life / index.html
blob6940f0725a03cc37a484601c9e313a6f7e212b5f
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">
11 <title>The Game of Life</title>
13 <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,700">
14 <link href="/static/css/out/site.css" rel="stylesheet">
16 <script type="text/javascript" src="example.js"></script>
18 </head>
20 <body class="demo">
22 <header>
23 <h1>The Game of Life</h1>
25 </header>
27 <section>
28 <div class="intro">
29 <p>
30 This demo renders <a
31 href="http://en.wikipedia.org/wiki/Conway%27s_Game_of_Life"
32 target="_blank">Conway's Game of Life</a>.
33 </p>
34 <p class="note">
35 Note: the C++ source code of this demo is available in the Native Client SDK (<tt>examples/demo/life</tt>).
36 </p>
37 <p class="note">
38 FPS: <span id="fps">0</span>
39 </p>
40 </div>
42 <div class="Demo-body">
43 <div id="listener" class="Demo-content"></div>
44 </div>
46 <div id="loading-cover">
47 <div id="message">
48 <div id="statusField"></div>
49 <div id="progress" class="progress progress-striped active">
50 <div id="progress-bar" class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
51 </div>
52 </div>
53 </div>
54 </div>
55 </section>
57 </body>
58 </html>