]> git.proxmox.com Git - mirror_xterm.js.git/blame - demo/index.html
Refactor TS build and fix testing
[mirror_xterm.js.git] / demo / index.html
CommitLineData
5af18f8e
PK
1<!doctype html>
2<html>
c5ae1cea
PK
3 <head>
4 <title>xterm.js demo</title>
ed1a31d1 5 <link rel="stylesheet" href="../build/xterm.css" />
56ecc77d 6 <link rel="stylesheet" href="../build/addons/fullscreen/fullscreen.css" />
c5ae1cea 7 <link rel="stylesheet" href="style.css" />
0f8fc63a 8 <script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/1.0.0/fetch.min.js"></script>
56ecc77d
DI
9 <script src="/build/xterm.js" ></script>
10 <script src="/build/addons/attach/attach.js" ></script>
11 <script src="/build/addons/fit/fit.js" ></script>
12 <script src="/build/addons/fullscreen/fullscreen.js" ></script>
c5ae1cea
PK
13 </head>
14 <body>
5ce012bd 15 <h1>xterm.js: xterm, in the browser</h1>
c5ae1cea 16 <div id="terminal-container"></div>
e0c0fb69
DI
17 <div>
18 <h2>Options</h2>
19 <label><input type="checkbox" id="option-cursor-blink"> cursorBlink</label>
0f8fc63a
PK
20 <div>
21 <h3>Size</h3>
22 <div>
23 <div style="display: inline-block; margin-right: 16px;">
24 <label for="cols">Columns</label>
25 <input type="number" id="cols" />
26 </div>
27 <div style="display: inline-block; margin-right: 16px;">
28 <label for="rows">Rows</label>
29 <input type="number" id="rows" />
30 </div>
31 </div>
32 </div>
e0c0fb69 33 </div>
95d9ad46 34 <p><strong>Attention:</strong> The demo is a barebones implementation and is designed for xterm.js evaluation purposes only. Exposing the demo to the public as is would introduce security risks for the host.</p>
e0c0fb69 35 <script src="main.js" defer ></script>
c5ae1cea 36 </body>
53e8df40 37</html>