You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

51 lines
1.6 KiB
HTML

3 years ago
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
3 years ago
<script src="session.js" defer></script>
3 years ago
<script src="labels.js" defer></script>
<script src="picture.js" defer></script>
3 years ago
<script src="panels.js" defer></script>
<script src="text-export.js" defer></script>
3 years ago
3 years ago
<link rel="stylesheet" href="style.css" />
<title>Concrete Label</title>
</head>
<body>
3 years ago
<main id="container">
<figure class="background-container">
3 years ago
<img id="background-image" draggable="false" src="./assets/map_description_H.jpg" />
3 years ago
</figure>
3 years ago
<div id="editor"></div>
3 years ago
<div class="text-input">
<form class="modal">
<textarea id="input" placeholder="Describe this area" type="text"></textarea>
3 years ago
<button id="insert" type="submit">Insert</button>
<button id="cancel">x</button>
</form>
</div>
3 years ago
</main>
3 years ago
<nav>
<button id="show-transcription">Export</button>
3 years ago
<button id="show-info">?</button>
<button id="show-image">IMG</button>
3 years ago
</nav>
3 years ago
<aside class="info" id="info-panel">
3 years ago
<button class="close">X</button>
3 years ago
<h1 class="title">Concrete 🎏 Label</h1>
<p>
3 years ago
What do we need to know: - text labels-contents - order - position - size - who
wrote it ? (random id? name? nothing at all?) - timestamp ? -
3 years ago
</p>
</aside>
3 years ago
<aside class="transcription" id="transcription-panel">
<button class="close">X</button>
<h1 class="title">Label Transcription</h1>
<ol class="labels-contents"></ol>
<button id="export-text">Export</button>
3 years ago
</aside>
3 years ago
</body>
</html>