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.

93 lines
3.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>neath</title>
<base href="neath.html" target="_blank">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.0.1/papaparse.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<style>
body{font-family:Verdana;font-size:16px}
table{table-layout:fixed;width:100%;text-align:center}
th{background-color:lightgray}
.editable:hover{background-color:yellow}
tr:hover{background-color:whitesmoke}
.accordion:hover .accordion-item:hover .accordion-item-content,
.accordion .accordion-item--default .accordion-item-content{height:10.5em;}
.accordion-item-content, .accordion:hover .accordion-item-content{height:0;overflow:hidden;transition:height.25s;}
.accordion{padding:0;margin:0auto;width:100px;}
.accordion-item:hover{background-color:yellow;}
.type_select:hover{background-color:yellow;}
.ner_per{background-color:skyblue}
.ner_loc{background-color:goldenrod}
.ner_org{background-color:plum}
.ner_pub{background-color:lightgreen}
.ner_conf{background-color:olive}
.ner_art{background-color:lavender}
.ner_todo{background-color:turquoise}
.fit-image{
width: 100%;
object-fit: cover;
}
input[type=range]::-moz-focus-outer {
border: 0;
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row mt-5">
<div class="col-2">
<div id="file-region"></div>
</div>
<div class="col-9">
<div class="row">
<div class="col text-center">
<h3><a href="https://github.com/qurator-spk/neath" target="_blank">neath</a>: named entity annotation tool in html</h3>
<a href="https://github.com/qurator-spk/neath/blob/master/docs/User_Guide.md" target="_blank">User Guide</a> | <a href="https://github.com/qurator-spk/neath/blob/master/docs/Annotation_Guidelines.md" target="_blank">Annotation Guidelines</a> | <a href="https://github.com/qurator-spk/neath/issues" target="_blank">Issues</a><hr>
</div>
</div>
</div>
<div class="col-1">
</div>
</div>
<div class="row mt-3">
<div class="col-2" id="region-left">
<a href="" id="preview-link">
<img id="preview" alt="facsimile_preview" class="img-responsive fit-image"/>
</a>
</div>
<div class="col-9 text-center" id="tableregion">
Please upload a TSV file:
<br><br>
<input type="file" id="tsv-file" name="files"/>
</div>
<div class="col-1" id="region-right">
</div>
</div>
<div class="row mt-3">
<div class="col-2">
</div>
<div class="col-9 text-center" id="btn-region">
</div>
<div class="col-1">
</div>
</div>
</div>
<script src="neath.js"></script>
</body>
</html>