mirror of
				https://github.com/qurator-spk/neat.git
				synced 2025-10-30 16:24:12 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			92 lines
		
	
	
	
		
			3.4 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			92 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:auto;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_work{background-color:lightgreen}
 | |
|         .ner_conf{background-color:olive}
 | |
|         .ner_evt{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-3" id="region-left">
 | |
|             <a href="" id="preview-link">
 | |
|                 <img id="preview" alt="facsimile_preview" class="img-responsive fit-image"/>
 | |
|             </a>
 | |
|         </div>
 | |
|         <div class="col-8 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>
 |