2024-08-03 00:38:54 -04:00
|
|
|
<!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>
|
2024-08-07 18:07:41 -04:00
|
|
|
<link rel="stylesheet" href="choose.css" />
|
2024-08-03 00:38:54 -04:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2024-08-07 18:07:41 -04:00
|
|
|
<dialog id="notice_dialog">
|
2024-08-03 01:47:22 -04:00
|
|
|
<p id="notice_p"></p>
|
|
|
|
|
<form><button type="submit" formmethod="dialog">X</button></form>
|
2024-08-07 18:07:41 -04:00
|
|
|
</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>
|
2024-08-08 12:05:40 -04:00
|
|
|
<button id="make_collage_button">Make Collage</button>
|
2024-08-07 18:07:41 -04:00
|
|
|
</div>
|
|
|
|
|
<div id="selected_photos">
|
2024-08-07 19:42:43 -04:00
|
|
|
<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>
|
2024-08-07 18:07:41 -04:00
|
|
|
</div>
|
2024-08-03 00:38:54 -04:00
|
|
|
<div id="album_photos"></div>
|
2024-08-07 18:07:41 -04:00
|
|
|
</div>
|
2024-08-03 00:38:54 -04:00
|
|
|
</body>
|
|
|
|
|
</html>
|
