diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.html | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..15ee038 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,61 @@ +<!doctype html> +<html> + <head> + <meta charset='utf-8' lang='en'/> + <title>Offline TierMaker</title> + <link rel="stylesheet" href="/static/styles.css"> + <script src="/static/index.js"></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='toggleable-container'> + <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> + </div> + </section> + <div class="top-container"> + <img id='trash' src='trash_bin.png' title='Delete image (drag it over here)'></img> + <div class='button'> + <label for='toggle-layout'> + <img src='toggle_layout.png' title='Toggle Layout'/> + </label> + <input id='toggle-layout' type='button'/> + </div> + </div> + </body> +</html>
\ No newline at end of file |