<!doctype html>
<html>
- <title>xterm.js demo</title>
- <script src="../src/xterm.js"></script>
+ <head>
+ <title>xterm.js demo</title>
+ <link rel="stylesheet" href="style.css" />
+ <script src="../src/xterm.js"></script>
+ <script src="main.js" defer></script>
+ </head>
+ <body>
+ <h1>
+ xterm.js: xterm, in the browser
+ </h1>
+ <div id="terminal-container"></div>
+ </body>
</html>
\ No newline at end of file
--- /dev/null
+var terminalContainer = document.getElementById('terminal-container'),
+ term = new Terminal({geometry: [60, 37]});
+
+term.open(terminalContainer);
+
+term.on('data', function (data) {
+ term.write(data);
+});
\ No newline at end of file
--- /dev/null
+body {
+ font-family: helvetica, sans-serif, arial;
+ font-size: 1em;
+ color: #111;
+}
+
+h1 {
+ text-align: center;
+}
+
+#terminal-container {
+ background-color: #111;
+ color: #fafafa;
+ width: 960px;
+ height: 600px;
+ margin: 0 auto;
+}
\ No newline at end of file