demo/index.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <title>xterm.js demo</title>
   5         <link rel="stylesheet" href="../src/xterm.css" />
   6         <link rel="stylesheet" href="../addons/fullscreen/fullscreen.css" />
   7         <link rel="stylesheet" href="style.css" />
   8         <script src="https://cdnjs.cloudflare.com/ajax/libs/fetch/1.0.0/fetch.min.js"></script>
   9         <script src="../src/xterm.js" ></script>
  10         <script src="../addons/attach/attach.js" ></script>
  11         <script src="../addons/fit/fit.js" ></script>
  12         <script src="../addons/fullscreen/fullscreen.js" ></script>
  13     </head>
  14     <body>
  15         <h1>
  16             xterm.js: xterm, in the browser
  17         </h1>
  18         <div id="terminal-container"></div>
  19         <div>
  20           <h2>Options</h2>
  21           <label><input type="checkbox" id="option-cursor-blink"> cursorBlink</label>
  22           <div>
  23                 <h3>Size</h3>
  24             <div>
  25               <div style="display: inline-block; margin-right: 16px;">
  26                 <label for="cols">Columns</label>
  27                 <input type="number" id="cols" />
  28               </div>
  29               <div style="display: inline-block; margin-right: 16px;">
  30                 <label for="rows">Rows</label>
  31                 <input type="number" id="rows" />
  32               </div>
  33             </div>
  34           </div>
  35         </div>
  36         <script src="main.js" defer ></script>
  37     </body>
  38 </html>