Untitled

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    <script
              src="https://code.jquery.com/jquery-3.1.1.min.js"
              integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
              crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.terminal/0.11.23/js/jquery.terminal.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.terminal/0.11.23/css/jquery.terminal.min.css" rel="stylesheet"/>
    <script type="text/javascript">
    jQuery(function($, undefined) {
      $('#terminal').terminal(function(command, term) {
          var result = "";

          switch(command) {
              case 'ls':
                  result = "about";
                  break;
              case 'whoami':
                  result = "stsm";
                  break;
              case 'cat about':
                  result = "This Meetup is for people interested in information about technology and hacking issues such as reverse engineering, malware analysis, rf hacking, fuzzing, exploit development (for research purposes only), penetration testing and much more plus societal issues, such as surveillance, privacy, freedom of information, hacktivism and data security.";
                  break;
              default:
                  result = undefined;
          }

          if (result != undefined) {
              term.echo(String(result));
          }

      }, {
          greetings: '',
          name: 'js_demo',
          height: 400,
          prompt: 'root@stsm$ '
      });
    });
    </script>

    <style media="screen">
      html {
        background: black;
      }
      .cmd textarea {
        border: none !important;
      }
    </style>

<div id="terminal"></div>

  </body>
</html>