wsi-annotation-demo / index.html
andreped's picture
Refactored HTML after splitting
41d0781
raw
history blame
1.71 kB
<html>
<head>
<title>Whole Slide Image Annotation</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="node_modules/@recogito/annotorious/dist/annotorious.min.css">
<link rel="stylesheet" href="node_modules/@recogito/annotorious-selector-pack/dist/annotorious-selector-pack.min.css">
<link rel="stylesheet" href="css/styles.css">
<!-- Dependencies -->
<script src="node_modules/openseadragon/build/openseadragon/openseadragon.min.js"></script>
<script src="node_modules/@recogito/annotorious-openseadragon/dist/openseadragon-annotorious.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@recogito/[email protected]/dist/annotorious-toolbar.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@recogito/[email protected]/dist/annotorious-selector-pack.min.js"></script>
</head>
<body>
<div>
<div class="sidebar-left">
<h1>Whole Slide Image Annotation Demo</h1>
<hr>
<div id="annotations-container">
<h2>Annotations</h2>
<hr>
<div id="annotations-list"></div>
</div>
</div>
<div id="wsi-canvas"></div>
<div id="annotation-toolbar"></div>
<div class="sidebar-right">
<h2>View tracking information</h2>
<hr>
<div class="position"></div>
<hr>
<div class="zoom"></div>
</div>
<div id="annotation_list" style="display: none;"></div>
</div>
<script type="text/javascript" src="js/scripts.js"></script>
</body>
</html>