| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>Image Preview</title> |
| <link rel="stylesheet" href="index.css"> |
| </head> |
| <body> |
| <h1>Image Preview</h1> |
| |
| <!-- Controls --> |
| <div class="flex"> |
| <button id="clear">Clear</button> |
| <input id="image-picker" type="file" multiple webkitdirectory accept="image/png, image/svg+xml"> |
| </div> |
| <div class="flex"> |
| <textarea id="image-input"></textarea> |
| </div> |
| <div class="flex"> |
| Size: |
| <input id="image-size-slider" type="range" min="0" max="1024"> |
| <input id="image-size-input" type="number" min="0"> |
| </div> |
| |
| <!-- Output --> |
| <div id="preview"></div> |
| |
| <script src="index.js"></script> |
| </body> |
| </html> |
