diff options
| author | Pinapelz <yukais@pinapelz.com> | 2025-02-06 02:46:23 -0800 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2025-02-06 02:46:23 -0800 |
| commit | 35d6d27a7e9bc741e6b3648b6573369411fd7861 (patch) | |
| tree | a47768e78c5df0d84ab887f87ee6e68a3959eca0 /templates/index.html | |
| parent | 716f1fab54ef6c6b3a70f9cd4b2b70f7e9cdd7a8 (diff) | |
add image pop-up modal
Diffstat (limited to 'templates/index.html')
| -rw-r--r-- | templates/index.html | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/templates/index.html b/templates/index.html index 15ee038..4b98bdc 100644 --- a/templates/index.html +++ b/templates/index.html @@ -4,7 +4,7 @@ <meta charset='utf-8' lang='en'/> <title>Offline TierMaker</title> <link rel="stylesheet" href="/static/styles.css"> - <script src="/static/index.js"></script> + <script src="/static/index.js" defer></script> </head> <body> <div class='title'> @@ -20,24 +20,28 @@ <div class='buttons-container'> <div class='button'> <label for='load-img-input'> + Add <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'> + R <img src='reset.png' title='Reset list'> </label> <input id='reset-list-input' type='button' /> </div> <div class='button'> <label for='export-input'> + E <img src='export.png' title='Export'> </label> <input id='export-input' type='button' /> </div> <div class='button'> <label for='import-input'> + I <img src='import.png' title='Import'/> </label> <input id='import-input' type='file' accept='.json' multiple/> @@ -49,7 +53,7 @@ </div> </section> <div class="top-container"> - <img id='trash' src='trash_bin.png' title='Delete image (drag it over here)'></img> + <img id='trash' src='trash_bin.png' title='Delete image (drag it over here)'> <div class='button'> <label for='toggle-layout'> <img src='toggle_layout.png' title='Toggle Layout'/> @@ -57,5 +61,13 @@ <input id='toggle-layout' type='button'/> </div> </div> + <div id="image-modal" class="modal"> + <div class="modal-content"> + <span class="close">×</span> + <img id="modal-img" src="" alt="Image preview" /> + <textarea id="modal-description" placeholder="Enter description here"></textarea> + <button id="modal-save">Save</button> + </div> + </div> </body> </html>
\ No newline at end of file |