2023-10-04 15:24:40 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1.0" / >
2024-01-22 13:56:12 +00:00
< title > STARK< / title >
2023-10-04 15:24:40 +00:00
<!-- CSS -->
< link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet" >
< link href = "static/css/materialize.css" type = "text/css" rel = "stylesheet" media = "screen,projection" / >
< link href = "static/css/nouislider.css" type = "text/css" rel = "stylesheet" media = "screen,projection" / >
< link href = "static/css/style.css" type = "text/css" rel = "stylesheet" media = "screen,projection" / >
< / head >
< body >
< nav class = "grey darken-2" role = "navigation" >
2024-02-13 14:19:22 +00:00
< div class = "nav-wrapper container" > < a id = "logo-container" href = "/?reload=true" class = "brand-logo" > STARK< / a >
2023-12-05 14:26:57 +00:00
< ul id = "nav-mobile" class = "right hide-on-med-and-down" >
< li > < a href = "/about" > About< / a > < / li >
< / ul >
2023-10-04 15:24:40 +00:00
< / div >
< / nav >
2024-01-22 13:56:12 +00:00
< div class = "container" >
< br >
< div class = "row" >
< div class = "col s12" >
< p class = "caption" > Welcome to the online demo interface for STARK - a highly-customizible tool designed to extract various types of syntactic trees from dependency-parsed corpora (treebanks). Unlike the original command-line version, this user-friendly interface offers a streamlined set of settings, which are described in more detail here. Simply upload your treebank and click ‘ ’ < / p >
2024-02-13 14:19:22 +00:00
< form autocomplete = "off" action = "{{ url_for('index') }}" method = "POST" enctype = "multipart/form-data" id = "submit-form" >
2024-01-22 13:56:12 +00:00
< h4 > Input data< / h4 >
< div class = "card" >
< div class = "card-content" >
2024-02-13 14:19:22 +00:00
< label > < b > Upload a treebank< / b > in CONLL-U format (< a class = "nav-link" href = "https://github.com/clarinsi/STARK/blob/master/settings.md#--input" title = "Help" > < span class = "menu-title sr-only" > Help< / span > < / a > )< / label >
2024-01-22 13:56:12 +00:00
< div class = "file-field input-field" >
< div class = "btn" >
< span > Browse< / span >
< input type = "file" name = "file" / >
< / div >
< div class = "file-path-wrapper" >
< input class = "file-path validate{% if 'file' in validation %} invalid{% endif %}" type = "text" placeholder = "Upload" / >
{% if 'file' in validation %}
< span class = "helper-text" data-error = "{{validation['file']}}" > < / span >
{% endif %}
< / div >
< / div >
< div class = "row" >
< div class = "input-field col s12" >
< input id = "input_url" name = "input_url" type = "text" class = "validate{% if 'input_url' in validation %} invalid{% endif %}" >
2024-02-13 14:19:22 +00:00
< label for = "input_url" > < u > Or< / u > insert a URL link to a treebank in CONLL-U format (< a class = "nav-link" href = "https://raw.githubusercontent.com/UniversalDependencies/UD_English-GUM/master/en_gum-ud-train.conllu" title = "Example" > < span class = "menu-title sr-only" > Example< / span > < / a > )< / label >
2024-01-22 13:56:12 +00:00
{% if 'input_url' in validation %}
< span class = "helper-text" data-error = "{{validation['input_url']}}" > < / span >
{% endif %}
< / div >
< / div >
< / div >
< / div >
< br >
< h4 > Tree specification< / h4 >
< div class = "card" >
< div class = "card-content" >
< label > < b > Tree size< / b > : number of tokens in the tree (< a class = "nav-link" href = "https://github.com/clarinsi/STARK/blob/master/settings.md#--size" title = "Help" > < span class = "menu-title sr-only" > Help< / span > < / a > )< / label >
< div class = "row" >
< div class = "input-field col s12" >
< br / >
< div id = "slider" > < / div >
< / div >
< / div >
2023-10-04 15:24:40 +00:00
2024-01-22 13:56:12 +00:00
< label > < b > Node type< / b > : token characteristics to consider (< a class = "nav-link" href = "https://github.com/clarinsi/STARK/blob/master/settings.md#--node_type" title = "Help" > < span class = "menu-title sr-only" > Help< / span > < / a > )< / label >
< div class = "row" >
< div class = "input-field" >
< div class = "col s4" >
< label >
< input type = "checkbox" class = "filled-in {% if 'node_type' in validation %} invalid{% endif %}" name = "node_type_upos" checked = "checked" / >
< span > Part-of-speech< / span >
{% if 'node_type' in validation %}
< span class = "helper-text" data-error = "{{validation['node_type']}}" > < / span >
{% endif %}
< / label >
2023-10-04 15:24:40 +00:00
< / div >
2024-01-22 13:56:12 +00:00
< div class = "col s4" >
< label >
< input type = "checkbox" class = "filled-in" name = "node_type_lemma" / >
< span > Lemma< / span >
< / label >
2023-10-04 15:24:40 +00:00
< / div >
2024-01-22 13:56:12 +00:00
< div class = "col s4" >
< label >
< input type = "checkbox" class = "filled-in" name = "node_type_form" / >
< span > Form< / span >
< / label >
2023-10-04 15:24:40 +00:00
< / div >
2024-01-22 13:56:12 +00:00
<!-- Shared error message for all checkboxes -->
{% if 'node_type' in validation %}
< div class = "col s12" >
< span class = "validation-error" id = "node-type-error" > {{ validation['node_type'] }}< / span >
< / div >
{% endif %}
2023-10-04 15:24:40 +00:00
< / div >
< / div >
< / div >
2024-01-22 13:56:12 +00:00
< / div >
< br >
2024-02-13 14:19:22 +00:00
< h4 > < a class = "waves-effect waves-light inline" id = "advanced-tree-expand" > < i class = "material-icons" > add< / i > Advanced settings< / a > < / h4 >
2024-01-22 13:56:12 +00:00
< div class = "card" id = "advanced-tree" >
< div class = "card-content" >
< div class = "row" >
< div class = "col s12" >
< label > < b > Labeled trees< / b > : include names of dependency relations (< a class = "nav-link" href = "https://github.com/clarinsi/STARK/blob/master/settings.md#--labeled" title = "Help" > < span class = "menu-title sr-only" > Help< / span > < / a > )< / label >
2023-12-05 14:26:57 +00:00
< div class = "input-field" >
2024-01-22 13:56:12 +00:00
< div class = "switch" >
2023-10-04 15:24:40 +00:00
< label >
2024-01-22 13:56:12 +00:00
No
< input type = "checkbox" name = "labeled_trees" checked = "checked" >
< span class = "lever" > < / span >
Yes
2023-10-04 15:24:40 +00:00
< / label >
2023-12-05 14:26:57 +00:00
< / div >
2023-10-04 15:24:40 +00:00
< / div >
< / div >
< / div >
2024-01-22 13:56:12 +00:00
< div class = "row" >
< div class = "col s12" >
< label > < b > Fixed order< / b > : differentiate trees based on surface word order (< a class = "nav-link" href = "https://github.com/clarinsi/STARK/blob/master/settings.md#--fixed" title = "Help" > < span class = "menu-title sr-only" > Help< / span > < / a > )< / label >
< div class = "input-field" >
< div class = "switch" >
< label >
No
< input type = "checkbox" name = "fixed_order" checked = "checked" >
< span class = "lever" > < / span >
Yes
< / label >
2023-10-04 15:24:40 +00:00
< / div >
< / div >
< / div >
2024-01-22 13:56:12 +00:00
< / div >
2023-10-04 15:24:40 +00:00
2024-01-22 13:56:12 +00:00
< div class = "row" >
< div class = "col s12" >
2024-02-13 14:19:22 +00:00
< label > < b > Association measures< / b > : print MI, logDice and t-score (< a class = "nav-link" href = "https://github.com/clarinsi/STARK/blob/master/settings.md#--association_measures" title = "Help" > < span class = "menu-title sr-only" > Help< / span > < / a > )< / label >
2024-01-22 13:56:12 +00:00
< div class = "input-field" >
< div class = "switch" >
< label >
No
< input type = "checkbox" name = "association_measures" >
< span class = "lever" > < / span >
Yes
< / label >
2023-10-04 15:24:40 +00:00
< / div >
< / div >
< / div >
< / div >
2024-02-13 14:19:22 +00:00
< div class = "row" >
< div class = "input-field col s12" >
< input id = "frequency_threshold" name = "frequency_threshold" type = "text" class = "validate {% if 'frequency_threshold' in validation %} invalid{% endif %}" value = "1" >
< label for = "frequency_threshold" > < b > Frequency threshold< / b > : specify the minimum frequency of a tree in the treebank (< a class = "nav-link" href = "https://github.com/clarinsi/STARK/blob/master/settings.md#--frequency_threshold" title = "Help" > < span class = "menu-title sr-only" > Help< / span > < / a > )< / label >
{% if 'frequency_threshold' in validation %}
< span class = "helper-text" data-error = "{{validation['frequency_threshold']}}" > < / span >
{% endif %}
< / div >
< / div >
< div class = "row" >
< div class = "input-field col s12" >
< input id = "root_restriction" name = "root_restriction" type = "text" class = "validate" >
< label for = "root_restriction" > < b > Head< / b > : specify potential restrictions on the head node (< a class = "nav-link" href = "https://github.com/clarinsi/STARK/blob/master/settings.md#--head" title = "Help" > < span class = "menu-title sr-only" > Help< / span > < / a > )< / label >
< / div >
< / div >
2023-10-04 15:24:40 +00:00
< / div >
2024-01-22 13:56:12 +00:00
< / div >
{% if 'general' in validation %}
< div class = "col s12" >
< span class = "validation-error" id = "unknown-error" > {{ validation['general'] }}< / span >
< / div >
< / br >
{% endif %}
< button class = "btn waves-effect waves-light btn-large" type = "submit" name = "action" > Submit
< i class = "material-icons right" > send< / i >
< / button >
< / form >
2024-02-13 14:19:22 +00:00
<!-- Modal Structure -->
< div id = "modal1" class = "modal" >
< div class = "modal-content" >
< h4 > No results< / h4 >
< p > Processing with your settings didn't produce any results!< / p >
< / div >
< div class = "modal-footer" >
< a href = "#!" class = "modal-close waves-effect waves-green btn-flat" > Ok< / a >
< / div >
< / div >
2023-10-04 15:24:40 +00:00
< / div >
2024-01-22 13:56:12 +00:00
< / div >
2023-10-04 15:24:40 +00:00
< / div >
< footer class = "page-footer light-blue" >
< div class = "container" >
< div class = "row" >
< div class = "col l6 s12" >
< h5 class = "white-text" > Credits< / h5 >
< p class = "grey-text text-lighten-4" > Add some logos here?< / p >
< / div >
< / div >
< / div >
< div class = "footer-copyright" >
< div class = "container" >
Made by < a class = "orange-text text-lighten-3" href = "http://materializecss.com" > Materialize< / a >
< / div >
< / div >
< / footer >
<!-- Scripts -->
< script src = "https://code.jquery.com/jquery-2.1.1.min.js" > < / script >
< script src = "static/js/materialize.js" > < / script >
< script src = "static/js/wNumb.js" > < / script >
< script src = "static/js/nouislider.min.js" > < / script >
< script src = "static/js/init.js" > < / script >
2024-02-13 14:19:22 +00:00
{% if 'results' in validation %}
< script type = "text/javascript" >
(function($){
$(function(){
$('.sidenav').sidenav();
}); // end of document ready
$(document).ready(function(){
$('.modal').modal('open');
});
})(jQuery); // end of jQuery name space
< / script >
{% endif %}
2023-10-04 15:24:40 +00:00
< / body >
< / html >
