lkrsnik/STARK-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Pre template modifications

Browse Source
This commit is contained in:
lkrsnik 2024-03-05 09:08:24 +01:00
parent e6a5fad2db
commit f23c9e3953
15 changed files with 531 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

99
static/css/style.css
View File

@ -32,11 +32,11 @@ h4 {
}
label {
font-size: 1.2rem;
font-size: 1.0rem;
}
.input-field > label {
font-size: 1.2rem;
font-size: 1.0rem;
}
.table-wrapper {
@ -86,7 +86,7 @@ td {
color: #F44336;
position: relative;
min-height: 18px;
font-size: 1.1rem;
font-size: 0.9rem;
}
@media only screen and (min-width: 993px) {
@ -108,7 +108,7 @@ td {
height: 75px;
}
#advanced-tree-expand {
.expand {
color: rgba(0, 0, 0, 0.87);
}
@ -137,12 +137,15 @@ label.active {
background-color: #f5f5f5;
}
.btn:active {
.btn:active, .btn-large:active, .btn-small:active {
background: #393939;
}
.btn:hover {
.btn:hover, .btn-large:hover, .btn-small:hover {
background: #212121;
}
.btn:focus, .btn-large, .btn-small {
background: #161616;
}
.btn.btn-round {
border-radius: 1.5rem;
@ -166,6 +169,7 @@ label.active {
.insidebutton {
color: #161616;
background-color: #fff;
margin-top: 0rem;
display: inline-block;
float: left;
line-height: 2.5rem;
@ -178,7 +182,7 @@ label.active {
transition: opacity 0.3s ease-out;
cursor: pointer;
font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
text-transform: none;
/*text-transform: none;*/
}
.insidebutton:hover {
@ -195,6 +199,12 @@ label.active {
background-color: #737373;
}
::placeholder {
font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
font-size: 1rem;
color: #9e9e9e !important;
}
input.valid[type=text]:not(.browser-default) {
border-bottom: 1px solid #9e9e9e;
box-shadow: none;
@ -208,3 +218,78 @@ input[type=text]:not(.browser-default).validate + label {
border: 2px solid #212121;
background-color: #212121;
}
sup {
/* vertical-align: top; */
font-size: 0.6em;
}
.icon-nav {
margin-top: 0.5rem;
margin-left: 0.5rem;
width: 2rem;
height: 2rem;
display: inline-block;
text-align: center;
border-radius: 2px;
cursor: pointer;
}
.whitecjvt {
background-color: #ffffff;
}
h6 {
font-size: 0.875rem;
line-height: 1.125rem;
letter-spacing: 0.16px;
font-weight: 600;
color: #161616;
font-size: 100%;
vertical-align: baseline;
}
h5 {
padding-top: 1.5rem;
color: #b3b3b3;
font-size: 12px;
font-weight: normal;
line-height: 1.33;
letter-spacing: 0.32px;
margin: 0px;
}
.footer-col-content {
position: relative;
margin-left: 1.5rem;
margin-right: 1.5rem;
height: 12rem;
border-left: 1px solid #666666;
color: white;
margin-bottom: 2rem;
}
.page-footer {
padding-top: 0px;
}
.footer-element {
width: 100%;
height: 300px;
border-radius: 2px;
}
.footer-element img, .footer-license {
width: 100%;
object-fit: contain;
position: absolute; /* Add position: absolute */
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.em-1 {
font-size: 1em;
}

1
static/icons/logo--facebook.svg Normal file
View File

@ -0,0 +1 @@
<svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}</style></defs><title>logo--facebook</title><path d="M26.67,4H5.33A1.34,1.34,0,0,0,4,5.33V26.67A1.34,1.34,0,0,0,5.33,28H16.82V18.72H13.7V15.09h3.12V12.42c0-3.1,1.89-4.79,4.67-4.79.93,0,1.86,0,2.79.14V11H22.37c-1.51,0-1.8.72-1.8,1.77v2.31h3.6l-.47,3.63H20.57V28h6.1A1.34,1.34,0,0,0,28,26.67V5.33A1.34,1.34,0,0,0,26.67,4Z" transform="translate(0 0)"/><rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 571 B

1
static/icons/logo--twitter.svg Normal file
View File

@ -0,0 +1 @@
<svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style>.cls-1{fill:none;}</style></defs><title>logo--twitter</title><path d="M11.92,24.94A12.76,12.76,0,0,0,24.76,12.1c0-.2,0-.39,0-.59A9.4,9.4,0,0,0,27,9.18a9.31,9.31,0,0,1-2.59.71,4.56,4.56,0,0,0,2-2.5,8.89,8.89,0,0,1-2.86,1.1,4.52,4.52,0,0,0-7.7,4.11,12.79,12.79,0,0,1-9.3-4.71,4.51,4.51,0,0,0,1.4,6,4.47,4.47,0,0,1-2-.56v.05A4.53,4.53,0,0,0,9.5,17.83a4.53,4.53,0,0,1-2,.08A4.51,4.51,0,0,0,11.68,21,9.05,9.05,0,0,1,6.07,23,9.77,9.77,0,0,1,5,22.91a12.77,12.77,0,0,0,6.92,2" transform="translate(0)"/><rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 699 B

18
static/icons/logo--x.svg Normal file
View File

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="svg5" xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1668.56 1221.19"
style="enable-background:new 0 0 1668.56 1221.19;" xml:space="preserve">
<style type="text/css">
.st0{stroke:#FFFFFF;stroke-miterlimit:10;}
.st1{fill:#FFFFFF;}
</style>
<g>
<circle class="st0" cx="834.28" cy="610.6" r="481.33"/>
<g id="layer1" transform="translate(52.390088,-25.058597)">
<path id="path1009" class="st1" d="M485.39,356.79l230.07,307.62L483.94,914.52h52.11l202.7-218.98l163.77,218.98h177.32
L836.82,589.6l215.5-232.81h-52.11L813.54,558.46L662.71,356.79H485.39z M562.02,395.17h81.46l359.72,480.97h-81.46L562.02,395.17
z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 916 B

BIN
static/images/aris.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

BIN
static/images/cjvt.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
static/images/clarin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
static/images/ul.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

23
static/js/generic.js Normal file
View File

@ -0,0 +1,23 @@
$(document).ready(function(){
$("#facebook_link").click(function(){
window.open("https://www.facebook.com/", "_blank");
});
$("#twitter_x_link").click(function(){
window.open("https://twitter.com/", "_blank");
});
$("#ul_link").click(function(){
window.open("https://www.uni-lj.si/", "_blank");
});
$("#aris_link").click(function(){
window.open("https://www.arrs.si/", "_blank");
});
$("#cjvt_link").click(function(){
window.open("https://www.cjvt.si/", "_blank");
});
$("#clarin_link").click(function(){
window.open("https://www.clarin.si/", "_blank");
});
$("#apache_link").click(function(){
window.open("https://www.apache.org/licenses/LICENSE-2.0", "_blank");
});
});

15
static/js/init.js
View File

@ -128,6 +128,21 @@ document.addEventListener("DOMContentLoaded", function(event) {
$('#advanced-tree-expand i').text('add');
}
});
$('#compare-settings').hide();
var compareExpanded = false;
$('#compare-expand').bind('click', function(e) {
if (!compareExpanded){
compareExpanded = true;
$('#compare-settings').show('fast');
$('#compare-expand i').text('remove');
} else {
compareExpanded = false;
$('#compare-settings').hide('fast');
$('#compare-expand i').text('add');
}
});
});
$("#submit-form").submit( function(eventObj) {

2
templates/about.html
View File

@ -29,7 +29,7 @@
<div class="row">
<div class="col s12">
<h4>{{ _('About') }}</h4>
<p class="caption">{{ _('about_description') }}</p>
<p class="caption">{{ _('intro_description') }}</p>
</div>
</div>
</div>

301
templates/base.html Normal file
View File

@ -0,0 +1,301 @@
<!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"/>
<title>STARK</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600;700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;600;700" 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"/>
<link rel="icon" type="image/svg+xml" href="static/favicon/favicon.svg">
</head>
<body class="backgroundcolorcjvt">
<nav class="redcjvt" role="navigation">
<div class="nav-wrapper container"><a id="logo-container" href="{{url_for('index')}}?lang={{ _('code') }}&reload=true" class="brand-logo"><b>STARK</b><sup>demo</sup></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="{{url_for('about')}}?lang={{ _('code') }}">{{ _('About') }}</a></li>
<li><a id="switch-language" href="{{ _('switch_link') }}">
{{ _('switch_code') }}
</a></li>
</ul>
</div>
</nav>
<nav class="whitecjvt" role="navigation">
<div class="nav-wrapper container">
<ul class="right hide-on-med-and-down">
<li><div id="facebook_link" class="icon-nav"><img src="static/icons/logo--facebook.svg" ></div></li>
<li><div id="twitter_x_link" class="icon-nav"><img src="static/icons/logo--twitter.svg" ></div></li>
</ul>
</div>
</nav>
<div class="container">
<br>
<div class="row">
<div class="col s12">
<form autocomplete="off" action="{{ url_for('index', lang=_('code')) }}" method="POST" enctype="multipart/form-data" id="submit-form">
<h6>{{ _('Input data') }}</h6>
<div class="card">
<div class="card-content">
<!-- <label><b>{{ _('Upload a treebank') }}</b> {{ _('in CONLL-U format') }} (<a class="nav-link" href="https://github.com/clarinsi/STARK/blob/master/settings.md#&#45;&#45;input" target="_blank" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>-->
<div class = "file-field input-field">
<div class = "btn insidebutton">
<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') }}"/>-->
<input class="file-path validate{% if 'file' in validation %} invalid{% endif %}" type="text" placeholder="{{ _('Upload a treebank') }} {{ _('in CONLL-U format') }}"/>
{% 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 %}">
<label for="input_url"><u>{{ _('Or') }}</u> {{ _('insert a URL link to a treebank in CONLL-U format') }} (<a class="nav-link" target="_blank" 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>
{% if 'input_url' in validation %}
<span class="helper-text" data-error="{{validation['input_url']}}"></span>
{% endif %}
</div>
</div>
</div>
</div>
<br>
<h6>{{ _('Tree specification') }}</h6>
<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" target="_blank" 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>
<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" target="_blank" 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>
</div>
<div class="col s4">
<label>
<input type="checkbox" class="filled-in" name="node_type_lemma"/>
<span>{{ _('Lemma') }}</span>
</label>
</div>
<div class="col s4">
<label>
<input type="checkbox" class="filled-in" name="node_type_form"/>
<span>{{ _('Form') }}</span>
</label>
</div>
<!-- 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 %}
</div>
</div>
</div>
</div>
<br>
<h6><a class="waves-effect waves-light inline expand" id="advanced-tree-expand"><i class="material-icons em-1">add</i> {{ _('Advanced settings') }}</a></h6>
<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" target="_blank" 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="labeled_trees" checked="checked">
<span class="lever"></span>
{{ _('Yes') }}
</label>
</div>
</div>
</div>
</div>
<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" target="_blank" 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>
</div>
</div>
</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" target="_blank" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input id="query" name="query" type="text" class="validate">
<label for="root_restriction"><b>{{ _('Query') }}</b>: {{ _('write a query. Note: Tree size attribute will be ignored!') }} (<a class="nav-link" href="https://github.com/clarinsi/STARK/blob/master/settings.md#--query" target="_blank" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>
</div>
</div>
<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" target="_blank" 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="col s12">
<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" target="_blank" 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="association_measures">
<span class="lever"></span>
{{ _('Yes') }}
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<h6><a class="waves-effect waves-light inline expand" id="compare-expand"><i class="material-icons em-1 ">add</i> {{ _('Compare treebanks') }}</a></h6>
<div class="card" id="compare-settings">
<div class="card-content">
<div class="row">
<label>{{ _('Select a reference treebank to identify key phenomena (prints the &#37;DIFF, BIC and OR keyness scores).') }} (<a class="nav-link" href="https://github.com/clarinsi/STARK/blob/master/settings.md#--compare" target="_blank" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>
<!-- <label><b>{{ _('Upload a compare corpus') }}</b> {{ _('in CONLL-U format') }} (<a class="nav-link" href="https://github.com/clarinsi/STARK/blob/master/settings.md#&#45;&#45;compare" target="_blank" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>-->
<div class = "file-field input-field">
<div class = "btn insidebutton">
<span>{{ _('Browse') }}</span>
<input type = "file" name="compare_file"/>
</div>
<div class = "file-path-wrapper">
<input class="file-path validate{% if 'compare_file' in validation %} invalid{% endif %}" type="text" placeholder="{{ _('Upload a compare corpus') }} {{ _('in CONLL-U format') }}"/>
{% if 'compare_file' in validation %}
<span class="helper-text" data-error="{{validation['file']}}"></span>
{% endif %}
</div>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input id="compare_url" name="compare_url" type="text" class="validate{% if 'compare_url' in validation %} invalid{% endif %}">
<label for="compare_url"><u>{{ _('Or') }}</u> {{ _('insert a URL link to a treebank in CONLL-U format') }} (<a class="nav-link" target="_blank" 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>
{% if 'compare_url' in validation %}
<span class="helper-text" data-error="{{validation['compare_url']}}"></span>
{% endif %}
</div>
</div>
</div>
</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 btn-round" type="submit" name="action">{{ _('Submit') }}
<!-- <i class="material-icons right">send</i>-->
</button>
</form>
<!-- Modal Structure -->
<div id="modal1" class="modal">
<div class="modal-content">
<h6>{{ _('No results') }}</h6>
<p>{{ _('Processing with your settings didnt produce any results!') }}</p>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Ok</a>
</div>
</div>
</div>
</div>
</div>
<footer class="page-footer blackcjvt">
<div class="container">
<div class="row">
<div class="col s2 footer-element footer-col-content">
<h5>{{ _('Issuer') }}</h5>
<div id="ul_link" class="footer-element"><img src="static/images/ul.png" ></div>
</div>
<div class="col s2 footer-element footer-col-content">
<h5>{{ _('Financial support') }}</h5>
<div id="aris_link" class="footer-element"><img src="static/images/aris.png" ></div>
</div>
<div class="col s2 footer-element footer-col-content">
<h5>{{ _('Transfer tool') }}</h5>
<div id="clarin_link" class="footer-element"><img src="static/images/clarin.png" ></div>
</div>
<div class="col s2 footer-element footer-col-content">
<h5>{{ _('License') }}</h5>
<div id="apache_link"><div class="footer-license">STARK is openly available under Apache License 2.0.</div></div>
</div>
<div class="col s2 footer-element footer-col-content">
<h5>{{ _('Support') }}</h5>
<div id="cjvt_link" class="footer-element"><img src="static/images/cjvt.png" ></div>
</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/generic.js"></script>
<script src="static/js/init.js"></script>
{% 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 %}
</body>
</html>

125
templates/index.html
View File

@ -7,6 +7,8 @@
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600;700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@400;600;700" 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"/>
@ -15,7 +17,7 @@
</head>
<body class="backgroundcolorcjvt">
<nav class="redcjvt" role="navigation">
<div class="nav-wrapper container"><a id="logo-container" href="{{url_for('index')}}?lang={{ _('code') }}&reload=true" class="brand-logo">STARK</a>
<div class="nav-wrapper container"><a id="logo-container" href="{{url_for('index')}}?lang={{ _('code') }}&reload=true" class="brand-logo"><b>STARK</b><sup>demo</sup></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="{{url_for('about')}}?lang={{ _('code') }}">{{ _('About') }}</a></li>
<li><a id="switch-language" href="{{ _('switch_link') }}">
@ -24,23 +26,32 @@
</ul>
</div>
</nav>
<nav class="whitecjvt" role="navigation">
<div class="nav-wrapper container">
<ul class="right hide-on-med-and-down">
<li><div id="facebook_link" class="icon-nav"><img src="static/icons/logo--facebook.svg" ></div></li>
<li><div id="twitter_x_link" class="icon-nav"><img src="static/icons/logo--twitter.svg" ></div></li>
</ul>
</div>
</nav>
<div class="container">
<br>
<div class="row">
<div class="col s12">
<p class="caption">{{ _('intro_description') }}</p>
<form autocomplete="off" action="{{ url_for('index', lang=_('code')) }}" method="POST" enctype="multipart/form-data" id="submit-form">
<h4>{{ _('Input data') }}</h4>
<h6>{{ _('Input data') }}</h6>
<div class="card">
<div class="card-content">
<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>
<!-- <label><b>{{ _('Upload a treebank') }}</b> {{ _('in CONLL-U format') }} (<a class="nav-link" href="https://github.com/clarinsi/STARK/blob/master/settings.md#&#45;&#45;input" target="_blank" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>-->
<div class = "file-field input-field">
<div class = "btn insidebutton">
<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') }}"/>
<!-- <input class="file-path validate{% if 'file' in validation %} invalid{% endif %}" type="text" placeholder="{{ _('Upload') }}"/>-->
<input class="file-path validate{% if 'file' in validation %} invalid{% endif %}" type="text" placeholder="{{ _('Upload a treebank') }} {{ _('in CONLL-U format') }}"/>
{% if 'file' in validation %}
<span class="helper-text" data-error="{{validation['file']}}"></span>
{% endif %}
@ -49,7 +60,7 @@
<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 %}">
<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>
<label for="input_url"><u>{{ _('Or') }}</u> {{ _('insert a URL link to a treebank in CONLL-U format') }} (<a class="nav-link" target="_blank" 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>
{% if 'input_url' in validation %}
<span class="helper-text" data-error="{{validation['input_url']}}"></span>
{% endif %}
@ -58,10 +69,10 @@
</div>
</div>
<br>
<h4>{{ _('Tree specification') }}</h4>
<h6>{{ _('Tree specification') }}</h6>
<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>
<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" target="_blank" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>
<div class="row">
<div class="input-field col s12">
<br />
@ -69,7 +80,7 @@
</div>
</div>
<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>
<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" target="_blank" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>
<div class="row">
<div class="input-field">
<div class="col s4">
@ -104,12 +115,12 @@
</div>
</div>
<br>
<h4><a class="waves-effect waves-light inline" id="advanced-tree-expand"><i class="material-icons">add</i> {{ _('Advanced settings') }}</a></h4>
<h6><a class="waves-effect waves-light inline expand" id="advanced-tree-expand"><i class="material-icons em-1">add</i> {{ _('Advanced settings') }}</a></h6>
<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>
<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" target="_blank" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>
<div class="input-field">
<div class="switch">
<label>
@ -124,7 +135,7 @@
</div>
<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>
<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" target="_blank" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>
<div class="input-field">
<div class="switch">
<label>
@ -137,10 +148,30 @@
</div>
</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" target="_blank" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input id="query" name="query" type="text" class="validate">
<label for="root_restriction"><b>{{ _('Query') }}</b>: {{ _('write a query. Note: Tree size attribute will be ignored!') }} (<a class="nav-link" href="https://github.com/clarinsi/STARK/blob/master/settings.md#--query" target="_blank" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>
</div>
</div>
<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" target="_blank" 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="col s12">
<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>
<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" target="_blank" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>
<div class="input-field">
<div class="switch">
<label>
@ -153,38 +184,21 @@
</div>
</div>
</div>
</div>
</div>
<h6><a class="waves-effect waves-light inline expand" id="compare-expand"><i class="material-icons em-1 ">add</i> {{ _('Compare treebanks') }}</a></h6>
<div class="card" id="compare-settings">
<div class="card-content">
<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>
<div class="row">
<div class="input-field col s12">
<input id="query" name="query" type="text" class="validate">
<label for="root_restriction"><b>{{ _('Query') }}</b>: {{ _('write a query. Note: Tree size attribute will be ignored!') }} (<a class="nav-link" href="https://github.com/clarinsi/STARK/blob/master/settings.md#--query" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>
</div>
</div>
<div class="row">
<label><b>{{ _('Upload a compare corpus') }}</b> {{ _('in CONLL-U format') }} (<a class="nav-link" href="https://github.com/clarinsi/STARK/blob/master/settings.md#--compare" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>
<label>{{ _('Select a reference treebank to identify key phenomena (prints the &#37;DIFF, BIC and OR keyness scores).') }} (<a class="nav-link" href="https://github.com/clarinsi/STARK/blob/master/settings.md#--compare" target="_blank" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>
<!-- <label><b>{{ _('Upload a compare corpus') }}</b> {{ _('in CONLL-U format') }} (<a class="nav-link" href="https://github.com/clarinsi/STARK/blob/master/settings.md#&#45;&#45;compare" target="_blank" title="{{ _('Help') }}"><span class="menu-title sr-only">{{ _('Help') }}</span></a>)</label>-->
<div class = "file-field input-field">
<div class = "btn insidebutton">
<span>{{ _('Browse') }}</span>
<input type = "file" name="compare_file"/>
</div>
<div class = "file-path-wrapper">
<input class="file-path validate{% if 'compare_file' in validation %} invalid{% endif %}" type="text" placeholder="{{ _('Upload') }}"/>
<input class="file-path validate{% if 'compare_file' in validation %} invalid{% endif %}" type="text" placeholder="{{ _('Upload a compare corpus') }} {{ _('in CONLL-U format') }}"/>
{% if 'compare_file' in validation %}
<span class="helper-text" data-error="{{validation['file']}}"></span>
{% endif %}
@ -194,7 +208,7 @@
<div class="row">
<div class="input-field col s12">
<input id="compare_url" name="compare_url" type="text" class="validate{% if 'compare_url' in validation %} invalid{% endif %}">
<label for="compare_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>
<label for="compare_url"><u>{{ _('Or') }}</u> {{ _('insert a URL link to a treebank in CONLL-U format') }} (<a class="nav-link" target="_blank" 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>
{% if 'compare_url' in validation %}
<span class="helper-text" data-error="{{validation['compare_url']}}"></span>
{% endif %}
@ -209,14 +223,14 @@
</br>
{% endif %}
<button class="btn waves-effect waves-light btn-large btn-round" type="submit" name="action">{{ _('Submit') }}
<i class="material-icons right">send</i>
<!-- <i class="material-icons right">send</i>-->
</button>
</form>
<!-- Modal Structure -->
<div id="modal1" class="modal">
<div class="modal-content">
<h4>{{ _('No results') }}</h4>
<h6>{{ _('No results') }}</h6>
<p>{{ _('Processing with your settings didnt produce any results!') }}</p>
</div>
<div class="modal-footer">
@ -230,17 +244,25 @@
<footer class="page-footer blackcjvt">
<div class="container">
<div class="row">
<div class="col s2">
<h5 class="white-text">Credits</h5>
<p class="grey-text text-lighten-4">Add some logos here?</p>
<div class="col s2 footer-element footer-col-content">
<h5>{{ _('Issuer') }}</h5>
<div id="ul_link" class="footer-element"><img src="static/images/ul.png" ></div>
</div>
<div class="col s2">
<p class="grey-text text-lighten-4">And some others</p>
<div class="col s2 footer-element footer-col-content">
<h5>{{ _('Financial support') }}</h5>
<div id="aris_link" class="footer-element"><img src="static/images/aris.png" ></div>
</div>
<div class="col s6">
<p class="grey-text text-lighten-4">And others...</p>
<div class="col s2 footer-element footer-col-content">
<h5>{{ _('Transfer tool') }}</h5>
<div id="clarin_link" class="footer-element"><img src="static/images/clarin.png" ></div>
</div>
<div class="col s2 footer-element footer-col-content">
<h5>{{ _('License') }}</h5>
<div id="apache_link"><div class="footer-license">STARK is openly available under Apache License 2.0.</div></div>
</div>
<div class="col s2 footer-element footer-col-content">
<h5>{{ _('Support') }}</h5>
<div id="cjvt_link" class="footer-element"><img src="static/images/cjvt.png" ></div>
</div>
</div>
</div>
@ -257,6 +279,7 @@
<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/generic.js"></script>
<script src="static/js/init.js"></script>
{% if 'results' in validation %}

6
translations/en/LC_MESSAGES/messages.po
View File

@ -81,7 +81,7 @@ msgstr "?lang=sl"
#: templates/about.html:22 templates/index.html:22 templates/result.html:22
msgid "switch_code"
msgstr "SL"
msgstr "Slovenščina"
#: templates/about.html:32
msgid "about_description"
@ -234,7 +234,7 @@ msgstr ""
#: templates/index.html:211
msgid "Submit"
msgstr ""
msgstr "Get trees"
#: templates/index.html:219
msgid "No results"
@ -242,7 +242,7 @@ msgstr ""
#: templates/index.html:220
msgid "Processing with your settings didnt produce any results!"
msgstr ""
msgstr "Processing with your settings did not produce any results!"
#: templates/result.html:32
msgid "Download complete results"

4
translations/sl/LC_MESSAGES/messages.po
View File

@ -81,7 +81,7 @@ msgstr "?lang=en"
#: templates/about.html:22 templates/index.html:22 templates/result.html:22
msgid "switch_code"
msgstr "EN"
msgstr "English"
#: templates/about.html:32
msgid "about_description"
@ -233,7 +233,7 @@ msgstr ""
#: templates/index.html:211
msgid "Submit"
msgstr ""
msgstr "Poišči drevesa"
#: templates/index.html:219
msgid "No results"