annotator/static/annotator.html

57 lines
1.4 KiB
HTML
Raw Normal View History

2023-02-23 11:56:58 +01:00
<!doctype HTML>
<html>
<head>
<meta charset="utf-8">
<style>
* {
font-family: sans-serif;
}
.centered {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.column {
float: left;
width: 50%;
padding: 10px;
box-sizing: border-box;
}
.row:after {
content: "";
display: table;
clear: both;
}
img {
max-width: 100%;
max-height: 100%;
}
#annotations {
margin-left: 20px;
}
</style>
</head>
<body>
<h1 class="centered">Annotator</h1>
<div class="row">
<div class="column">
<h2 class="centered">Previous frame (<span id="img-1-index">1</span>)</h2>
<img id="img-1">
</div>
<div class="column">
<h2 class="centered">Current frame (<span id="img-2-index">2</span>)</h2>
<img id="img-2">
<h3>Annotations:</h3>
<div id="annotations">
</div>
</div>
</div>
<script src="/static/main.js"></script>
</body>
</html>