<!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>