<!doctype html>
<html>
  <head>
    <link rel="icon" href="data:;base64,iVBORw0KGgo=" />
    <!-- DEVONLY --> <script src="http://localhost:35729/livereload.js"></script>
    <script src="choose.js" defer></script>
    <link rel="stylesheet" href="choose.css" />
  </head>
  <body>
    <dialog id="notice_dialog">
      <form method="dialog"><span id="notice_span"></span><button>X</button></form>
    </dialog>
    <div class="container">
      <div class="controls">
        <button id="load_albums_button">Load Albums</button>
        <select id="album_selector" size="8"> </select>
        <button id="load_photos_button">Load Photos</button>
        <button id="make_collage_button">Make Collage</button>
      </div>
      <div id="selected_photos">
        <div>1<img src="stock.svg" /> </div>
        <div>2<img src="stock.svg" /> </div>
        <div>3<img src="stock.svg" /> </div>
        <div>4<img src="stock.svg" /> </div>
        <div>5<img src="stock.svg" /> </div>
        <div>6<img src="stock.svg" /> </div>
        <div>7<img src="stock.svg" /> </div>
        <div>8<img src="stock.svg" /> </div>
        <div>9<img src="stock.svg" /> </div>
        <div>10<img src="stock.svg" /> </div>
        <div>11<img src="stock.svg" /> </div>
        <div>12<img src="stock.svg" /> </div>
      </div>
      <div id="album_photos"></div>
    </div>
  </body>
</html>