viewer/index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui, width=device-width"
    />
    <link rel="icon" href="favicon.png" type="image/png">
    <title>Story Adventure Viewer</title>
    <link href="bootstrap.min.css" rel="stylesheet" />
    <script src="bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="bootstrap-icons-font/bootstrap-icons.min.css">
    <link href="style.css" rel="stylesheet" />
  </head>

  <body>
    <div id="background">
      <img id="background_image" />
    </div>
    <div class="container" id="menu_container">
      <div class="row">
        <div class="col">
          <button type="button" id="load_button" class="btn btn-success">
            Load a Story Adventure
          </button>
        </div>
      </div>
    </div>

    <div class="text-center d-none" id="spinner">
      <div class="spinner-border text-warning" role="status">
        <span class="visually-hidden">Loading...</span>
      </div>
    </div>

    <div class="container" id="story_container">
      <div class="row" id="story">
        <div class="col" id="story_text">Lorem Ipsum</div>
      </div>
      <div class="row" id="choices_row">
       
      </div>
    </div>

    <script src="code.js" type="module"></script>
  </body>
</html>