Boa 0.2.1 - Docs.rs

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>Webpack App</title>
  <link href="assets/bootstrap.min.css" rel="stylesheet" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<style>
  .demo__img {
    width: 400px;
    display: block;
    margin-bottom: 16px;
  }

  textarea.textbox {
    height: 250px;
    border: 1px solid #8db5e4;
    margin-bottom: 16px;
    flex: 2;
    margin-right: 16px;
  }

  .container {
    margin: 0 auto;
  }

  .demo__repl {
    display: flex;
  }

  .output {
    flex: 1;
    border: 1px solid black;
    padding: 8px;
    font-size: 2rem;
  }

  @media (min-width: 320px) and (max-width: 1024px) {
    .demo__img {
      max-width: 100%;
    }

    .demo__repl {
      flex-direction: column;
    }

    textarea.textbox {
      min-height: 279px;
    }

    .output {
      min-height: 100px;
    }
  }
</style>

<body>
  <div class="container">
    <img class="demo__img" src="./assets/01_rust_loves_js.png" />

    <div class="demo__repl">
      <textarea class="form-control textbox"> </textarea>
      <p class="output"></p>
    </div>
    <button type="buttont" class="btn btn-primary">Evaluate</button>
  </div>
</body>

</html>