-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
32 lines (26 loc) · 1.19 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!doctype html>
<html>
<head><!--
<script src="https://d3js.org/d3-array.v1.min.js"></script>
<script src="https://d3js.org/d3-geo.v1.min.js"></script>-->
<script src="node_modules/js-md5/build/md5.min.js"></script>
<script src="node_modules/exifreader/dist/exif-reader.js"></script>
<script src="js/photodist.js"></script>
<style>
div img { margin: 0.25em; width: 100px; }
div { display: inline-block; width: 45vw; min-height: 10vh; border: thick dashed gray; box-sizing: border-box; margin: 1em; }
div:empty::after { content: attr(placeholder); }
#Result { border: thick solid blue; width: 650px; display: block; margin: auto; }
#Result img { width: 300px; }
</style>
</head>
<body>
<h1>Compare batches of photos to find the nearest in spacetime</h1>
<h2>This app runs now entirely in your browser and does not communicate with my server or upload anything.</h2>
<input id="files-upload" type="file" multiple><br>
<div class="drop-area" id="1" placeholder="Drag files here"></div>
<div class="drop-area" id="2" placeholder="Drag files here"></div>
<div id="Result" placeholder="The nearest photos from the left and right boxes will appear here"></div>
<ul id="file-list"></ul>
</body>
</html>