collage-maker/web/choose.html

39 lines
1.4 KiB
HTML
Raw Permalink Normal View History

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>