coco/www/saved.html

68 lines
1.6 KiB
HTML
Raw Normal View History

2020-03-04 22:24:49 +01:00
<!DOCTYPE html>
<html>
<head>
<title>Plotting Data: COCO drawings</title>
<!-- Plotting Data publication -->
<link rel="stylesheet" type="text/css" href="/a/css/main.css">
2020-03-10 12:08:21 +01:00
2020-03-04 22:24:49 +01:00
<link rel="stylesheet" type="text/css" href="coco.css">
</head>
<body class='hideImages'>
<nav id='publication'>
<a href="/a/introduction.html">
Introduction
</a>
<a href="/a/coco/" class='current'>
COCO
</a>
<a href="/a/enron/">
Enron
</a>
<a href="/a/20bn/">
Something-Something
</a>
<a href="/a/interviews.html">
Interviews
</a>
2020-03-10 12:08:21 +01:00
<div id='sub'>
<a href="/a/introduction.html#dataset-of-4-year-olds-coco-dataset">Dataset of 4 year olds</a>
</div>
</nav>
2020-03-04 22:24:49 +01:00
<div class='buttons buttons-inline'>
<label id='convert'><input type='checkbox' id='loadImages'> images</label>
<label id='labelcheck'><input type='checkbox' id='loadLabels'> labels</label>
<label id='godraw'><a href='/a/coco'>Draw your own!</a></label>
2020-03-04 22:24:49 +01:00
</div>
<div id='saved'>
{images}
</div>
<script type="text/javascript">
let loadImagesEl = document.getElementById('loadImages');
let loadLabelsEl = document.getElementById('loadLabels');
let setImageClass = function() {
if(loadImagesEl.checked) {
document.body.classList.remove('hideImages');
} else {
document.body.classList.add('hideImages');
}
}
let setLabelClass = function() {
if(loadLabelsEl.checked) {
document.body.classList.remove('hideLabels');
} else {
document.body.classList.add('hideLabels');
}
}
loadImagesEl.addEventListener('change', (e) => setImageClass());
loadLabelsEl.addEventListener('change', (e) => setLabelClass());
setImageClass();
setLabelClass();
</script>
</body>
</html>