test_flask_space / templates /show-shapes.html
cm107's picture
Added an iFrame Resizer script to each html page.
364e42c
raw
history blame
1.62 kB
<!DOCTYPE html>
<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>