-
Notifications
You must be signed in to change notification settings - Fork 12
/
index.html
51 lines (51 loc) · 1.98 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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!doctype html>
<html>
<head>
<meta charset='utf-8' lang='en'/>
<title>Offline TierMaker</title>
<link rel='stylesheet' href='tiers.css'/>
<script src='tiers.js' async></script>
</head>
<body>
<div class='title'>
<label class='title-label' for='title-input'>My TierList</label>
<input type='text' id='title-input' />
</div>
<a href='https://github.com/silverweed/tiers' class='gh-link'>GitHub</a>
<section class='main-content'>
<div class='tierlist'>
</div>
<div class='bottom-container'>
<div class='buttons-container'>
<div class='button'>
<label for='load-img-input'>
<img src='plus.png' title='Add images'/>
</label>
<input id='load-img-input' type='file' accept='image/*' multiple/>
</div>
<div class='button'>
<label for='reset-list-input'>
<img src='reset.png' title='Reset list'>
</label>
<input id='reset-list-input' type='button' />
</div>
<div class='button'>
<label for='export-input'>
<img src='export.png' title='Export'>
</label>
<input id='export-input' type='button' />
</div>
<div class='button'>
<label for='import-input'>
<img src='import.png' title='Import'/>
</label>
<input id='import-input' type='file' accept='.json' multiple/>
</div>
</div>
<section class='images'></section>
</div>
<p class='hint'>Hint: you can paste an image into this page to have it show up in the image list.</p>
</section>
<img id='trash' src='trash_bin.png' title='Delete image (drag it over here)'></img>
</body>
</html>