public/index.html

<!doctype html>
<html>
  <head>
    <!-- This is for easy debug. Remove it in the future. -->
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta charset="utf-8">
    <title>rvemu: RISC-V Online Emulator</title>
    <link rel="stylesheet" type="text/css" href="./node_modules/xterm/css/xterm.css" />
    <style>
      html, body {
        margin: 0;
        padding: 0;
      }
      #terminal {
        background-color: black;
        color: white;
        height: 100vh;
        width: 100vw;
      }
      .hide {
        display: none;
      }
    </style>
    <script src="./node_modules/xterm/lib/xterm.js"></script>
    <script src="./node_modules/xterm-addon-fit/lib/xterm-addon-fit.js"></script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-80548624-4"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'UA-80548624-4');
    </script>
  </head>
  <body>
    <input id="file" class="hide" type="file" multiple/>
    <div id="flag" class="hide">inactive</div>
    <div id="inputBuffer" class="hide"></div>
    <div id="outputBuffer" class="hide"></div>
    <div id="terminal"></div>
    <script src="./index.js" type="module"></script>
  </body>
</html>