Spaces:
Paused
Paused
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width" /> | |
| <title>Show Shapes</title> | |
| <link rel="stylesheet" href="../static/css/main.css" /> | |
| <link rel="stylesheet" href="../static/css/show-shapes.css" /> | |
| </head> | |
| <body> | |
| <h1>Showing Shapes</h1> | |
| <img id="imgPlaceholder" | |
| src="https://img.freepik.com/premium-vector/update-concept-application-loading-process-symbol-web-screen-vector-illustration-flat_186332-1253.jpg?w=500"> | |
| <div id="imgNavBtns"> | |
| <button id="prevBtn" class="imgNavBtn">Previous</button> | |
| <button id="nextBtn" class="imgNavBtn">Next</button> | |
| </div> | |
| <h1>Drag & Drop Testing</h1> | |
| <div id="drop_zone"> | |
| <p> | |
| Drag one or more images into this <i>drop zone</i>. | |
| They will be added to the image navigator. | |
| </p> | |
| <div id="droppedImages"> | |
| <!-- <img | |
| src="https://img.freepik.com/premium-vector/update-concept-application-loading-process-symbol-web-screen-vector-illustration-flat_186332-1253.jpg?w=500"> | |
| <img | |
| src="https://img.freepik.com/premium-vector/update-concept-application-loading-process-symbol-web-screen-vector-illustration-flat_186332-1253.jpg?w=500"> --> | |
| </div> | |
| </div> | |
| <h1>Navigation</h1> | |
| <li> | |
| <a href="../..">Home</a> | |
| </li> | |
| <script | |
| src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.contentWindow.min.js"></script> | |
| <script type="text/javascript" src="../static/js/show-shapes.js"></script> | |
| </body> | |
| </html> |