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 { label {
font-size: 1.2rem; font-size: 1.0rem;
} }
.input-field > label { .input-field > label {
font-size: 1.2rem; font-size: 1.0rem;
} }
.table-wrapper { .table-wrapper {
@ -86,7 +86,7 @@ td {
color: #F44336; color: #F44336;
position: relative; position: relative;
min-height: 18px; min-height: 18px;
font-size: 1.1rem; font-size: 0.9rem;
} }
@media only screen and (min-width: 993px) { @media only screen and (min-width: 993px) {
@ -108,7 +108,7 @@ td {
height: 75px; height: 75px;
} }
#advanced-tree-expand { .expand {
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
} }
@ -137,12 +137,15 @@ label.active {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
.btn:active { .btn:active, .btn-large:active, .btn-small:active {
background: #393939; background: #393939;
} }
.btn:hover { .btn:hover, .btn-large:hover, .btn-small:hover {
background: #212121; background: #212121;
} }
.btn:focus, .btn-large, .btn-small {
background: #161616;
}
.btn.btn-round { .btn.btn-round {
border-radius: 1.5rem; border-radius: 1.5rem;
@ -166,6 +169,7 @@ label.active {
.insidebutton { .insidebutton {
color: #161616; color: #161616;
background-color: #fff; background-color: #fff;
margin-top: 0rem;
display: inline-block; display: inline-block;
float: left; float: left;
line-height: 2.5rem; line-height: 2.5rem;
@ -178,7 +182,7 @@ label.active {
transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out;
cursor: pointer; cursor: pointer;
font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif; font-family: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
text-transform: none; /*text-transform: none;*/
} }
.insidebutton:hover { .insidebutton:hover {
@ -195,6 +199,12 @@ label.active {
background-color: #737373; 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) { input.valid[type=text]:not(.browser-default) {
border-bottom: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e;
box-shadow: none; box-shadow: none;
@ -208,3 +218,78 @@ input[type=text]:not(.browser-default).validate + label {
border: 2px solid #212121; border: 2px solid #212121;
background-color: #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'); $('#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) { $("#submit-form").submit( function(eventObj) {

2
templates/about.html
View File

@ -29,7 +29,7 @@
<div class="row"> <div class="row">
<div class="col s12"> <div class="col s12">
<h4>{{ _('About') }}</h4> <h4>{{ _('About') }}</h4>
<p class="caption">{{ _('about_description') }}</p> <p class="caption">{{ _('intro_description') }}</p>
</div> </div>
</div> </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 --> <!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <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/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/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 href="static/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
@ -15,7 +17,7 @@
</head> </head>
<body class="backgroundcolorcjvt"> <body class="backgroundcolorcjvt">
<nav class="redcjvt" role="navigation"> <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"> <ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="{{url_for('about')}}?lang={{ _('code') }}">{{ _('About') }}</a></li> <li><a href="{{url_for('about')}}?lang={{ _('code') }}">{{ _('About') }}</a></li>
<li><a id="switch-language" href="{{ _('switch_link') }}"> <li><a id="switch-language" href="{{ _('switch_link') }}">
@ -24,23 +26,32 @@
</ul> </ul>
</div> </div>
</nav> </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"> <div class="container">
<br> <br>
<div class="row"> <div class="row">
<div class="col s12"> <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"> <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">
<div class="card-content"> <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 = "file-field input-field">
<div class = "btn insidebutton"> <div class = "btn insidebutton">
<span>{{ _('Browse') }}</span> <span>{{ _('Browse') }}</span>
<input type = "file" name="file"/> <input type = "file" name="file"/>
</div> </div>
<div class = "file-path-wrapper"> <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 %} {% if 'file' in validation %}
<span class="helper-text" data-error="{{validation['file']}}"></span> <span class="helper-text" data-error="{{validation['file']}}"></span>
{% endif %} {% endif %}
@ -49,7 +60,7 @@
<div class="row"> <div class="row">
<div class="input-field col s12"> <div class="input-field col s12">
<input id="input_url" name="input_url" type="text" class="validate{% if 'input_url' in validation %} invalid{% endif %}"> <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 %} {% if 'input_url' in validation %}
<span class="helper-text" data-error="{{validation['input_url']}}"></span> <span class="helper-text" data-error="{{validation['input_url']}}"></span>
{% endif %} {% endif %}
@ -58,10 +69,10 @@
</div> </div>
</div> </div>
<br> <br>
<h4>{{ _('Tree specification') }}</h4> <h6>{{ _('Tree specification') }}</h6>
<div class="card"> <div class="card">
<div class="card-content"> <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="row">
<div class="input-field col s12"> <div class="input-field col s12">
<br /> <br />
@ -69,7 +80,7 @@
</div> </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" 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="row">
<div class="input-field"> <div class="input-field">
<div class="col s4"> <div class="col s4">
@ -104,12 +115,12 @@
</div> </div>
</div> </div>
<br> <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" id="advanced-tree">
<div class="card-content"> <div class="card-content">
<div class="row"> <div class="row">
<div class="col s12"> <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="input-field">
<div class="switch"> <div class="switch">
<label> <label>
@ -124,7 +135,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col s12"> <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="input-field">
<div class="switch"> <div class="switch">
<label> <label>
@ -137,10 +148,30 @@
</div> </div>
</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="row">
<div class="col s12"> <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="input-field">
<div class="switch"> <div class="switch">
<label> <label>
@ -153,38 +184,21 @@
</div> </div>
</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"> <div class="row">
<div class="input-field col s12"> <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>
<input id="frequency_threshold" name="frequency_threshold" type="text" class="validate {% if 'frequency_threshold' in validation %} invalid{% endif %}" value="1"> <!-- <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>-->
<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>
<div class = "file-field input-field"> <div class = "file-field input-field">
<div class = "btn insidebutton"> <div class = "btn insidebutton">
<span>{{ _('Browse') }}</span> <span>{{ _('Browse') }}</span>
<input type = "file" name="compare_file"/> <input type = "file" name="compare_file"/>
</div> </div>
<div class = "file-path-wrapper"> <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 %} {% if 'compare_file' in validation %}
<span class="helper-text" data-error="{{validation['file']}}"></span> <span class="helper-text" data-error="{{validation['file']}}"></span>
{% endif %} {% endif %}
@ -194,7 +208,7 @@
<div class="row"> <div class="row">
<div class="input-field col s12"> <div class="input-field col s12">
<input id="compare_url" name="compare_url" type="text" class="validate{% if 'compare_url' in validation %} invalid{% endif %}"> <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 %} {% if 'compare_url' in validation %}
<span class="helper-text" data-error="{{validation['compare_url']}}"></span> <span class="helper-text" data-error="{{validation['compare_url']}}"></span>
{% endif %} {% endif %}
@ -209,14 +223,14 @@
</br> </br>
{% endif %} {% endif %}
<button class="btn waves-effect waves-light btn-large btn-round" type="submit" name="action">{{ _('Submit') }} <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> </button>
</form> </form>
<!-- Modal Structure --> <!-- Modal Structure -->
<div id="modal1" class="modal"> <div id="modal1" class="modal">
<div class="modal-content"> <div class="modal-content">
<h4>{{ _('No results') }}</h4> <h6>{{ _('No results') }}</h6>
<p>{{ _('Processing with your settings didnt produce any results!') }}</p> <p>{{ _('Processing with your settings didnt produce any results!') }}</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
@ -230,17 +244,25 @@
<footer class="page-footer blackcjvt"> <footer class="page-footer blackcjvt">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col s2"> <div class="col s2 footer-element footer-col-content">
<h5 class="white-text">Credits</h5> <h5>{{ _('Issuer') }}</h5>
<p class="grey-text text-lighten-4">Add some logos here?</p> <div id="ul_link" class="footer-element"><img src="static/images/ul.png" ></div>
</div> </div>
<div class="col s2"> <div class="col s2 footer-element footer-col-content">
<p class="grey-text text-lighten-4">And some others</p> <h5>{{ _('Financial support') }}</h5>
<div id="aris_link" class="footer-element"><img src="static/images/aris.png" ></div>
</div> </div>
<div class="col s6"> <div class="col s2 footer-element footer-col-content">
<p class="grey-text text-lighten-4">And others...</p> <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>
</div> </div>
@ -257,6 +279,7 @@
<script src="static/js/materialize.js"></script> <script src="static/js/materialize.js"></script>
<script src="static/js/wNumb.js"></script> <script src="static/js/wNumb.js"></script>
<script src="static/js/nouislider.min.js"></script> <script src="static/js/nouislider.min.js"></script>
<script src="static/js/generic.js"></script>
<script src="static/js/init.js"></script> <script src="static/js/init.js"></script>
{% if 'results' in validation %} {% 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 #: templates/about.html:22 templates/index.html:22 templates/result.html:22
msgid "switch_code" msgid "switch_code"
msgstr "SL" msgstr "Slovenščina"
#: templates/about.html:32 #: templates/about.html:32
msgid "about_description" msgid "about_description"
@ -234,7 +234,7 @@ msgstr ""
#: templates/index.html:211 #: templates/index.html:211
msgid "Submit" msgid "Submit"
msgstr "" msgstr "Get trees"
#: templates/index.html:219 #: templates/index.html:219
msgid "No results" msgid "No results"
@ -242,7 +242,7 @@ msgstr ""
#: templates/index.html:220 #: templates/index.html:220
msgid "Processing with your settings didnt produce any results!" msgid "Processing with your settings didnt produce any results!"
msgstr "" msgstr "Processing with your settings did not produce any results!"
#: templates/result.html:32 #: templates/result.html:32
msgid "Download complete results" 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 #: templates/about.html:22 templates/index.html:22 templates/result.html:22
msgid "switch_code" msgid "switch_code"
msgstr "EN" msgstr "English"
#: templates/about.html:32 #: templates/about.html:32
msgid "about_description" msgid "about_description"
@ -233,7 +233,7 @@ msgstr ""
#: templates/index.html:211 #: templates/index.html:211
msgid "Submit" msgid "Submit"
msgstr "" msgstr "Poišči drevesa"
#: templates/index.html:219 #: templates/index.html:219
msgid "No results" msgid "No results"