index.html revision 5d1f7b1de12d16ceb2c938c56701a3e8bfa558f7
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
11    <title>Lua Interpreter</title>
12
13    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300,700">
14    <link href="/static/styles/style.css" rel="stylesheet">
15
16    <script type="text/javascript" src="//storage.googleapis.com/gonacl/demos/publish/234230_dev/lua/hterm.concat.js"></script>
17    <script type="text/javascript" src="naclterm.js"></script>
18    <script type="text/javascript" src="lua.js"></script>
19
20  </head>
21
22  <body class="demo">
23
24    <header>
25      <h1>Lua Interpreter</h1>
26    </header>
27
28    <section>
29      <div class="intro">
30        <p>
31          This demo provides a client-side interactive shell for the <a
32            href="http://www.lua.org/" target="_blank">Lua</a> programming
33          language.
34        </p>
35        <p class="note">
36          Note: the C++ source code of this demo is available in <a
37          href="https://code.google.com/p/naclports/source/browse/trunk/src/examples/tools/lua_ppapi/README.nacl"
38          target="_blank">naclports</a>.  The terminal interface is
39          rendered in HTML/CSS using the
40          <a href="https://github.com/libapps-mirror/libapps" target="_blank">hterm</a> library.
41        </p>
42        <div class="panel panel-info">
43          <h2>Run in Lua</h2>
44          <div class="panel-body">
45            <button type="button" id="shell">Interactive Shell</button>
46            <button type="button" id="unittests">Lua Unit Tests</button>
47            <button type="button" id="scimark">SciMark</button>
48            <button type="button" id="binarytrees">Binarytrees</button>
49          </div>
50          <h2>Paste Snippets</h2>
51          <div class="panel-body">
52            <button type="button" id="mandlebrot">Mandlebrot Ascii</button>
53            <button type="button" id="fibonacci">Fibonacci</button>
54            <button type="button" id="donut">Donut</button>
55            <button type="button" id="banner">Banner</button>
56          </div>
57        </div>
58
59        <p class="credit">
60          <b>Links:</b>
61          </br>
62          Unit Testss:
63          <a href="http://www.lua.org/tests/5.2/" target="_blank">Lua Unit Tests</a>
64          <br/>
65          Benchmarks:
66          <a href="http://luajit.org/download/scimark.lua" target="_blank">SciMark</a>,
67          <a href="http://kripken.github.io/lua.vm.js/binarytrees.lua" target="_blank">binarytrees</a>
68          <br/>
69          Snippets:
70          <a href="http://people.sc.fsu.edu/~%20jburkardt/c_src/mandelbrot_ascii/mandelbrot_ascii.html" target="_blank">Mandlebrot Ascii</a>,
71          <a href="http://www.a1k0n.net/2011/07/20/donut-math.html" target="_blank">Donut</a>
72        </p>
73
74      </div>
75
76      <div class="Demo-body">
77
78      <div id="listener" class="Demo-content">
79        <div id="terminal"></div>
80      </div>
81    </div>
82
83    <div id="loading-cover">
84      <div id="message">
85        <div id="statusField"></div>
86        <div id="progress" class="progress progress-striped active">
87          <div id="progress-bar" class="progress-bar"  role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
88          </div>
89        </div>
90      </div>
91    </div>
92  </section>
93
94</body>
95</html>
96