<!DOCTYPE html>
<html>

<head>
  <title>Tiny Survey</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css"
    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>

<body>
  <div class="container">
    <h1 class="mb-3 mt-2">&#10068; Tiny Survey</h1>
    <p>
      <input type="text" class="form-control" id="topic" spellcheck="false">
    </p>
    <p>
      <button class="btn btn-primary mt-1" onclick="doEnterOptions();">Open</button>
    </p>
    <p>
      Enter the topic of your survey and click Open to open it.
    </p>
  </div>
  <script>
    function doEnterOptions() {
      window.open("enteroptions.html", "_self");
    }
  </script>
</body>
</html>