Further color updates

This commit is contained in:
Patrick Jentsch
2020-08-25 11:49:43 +02:00
parent d88980ffb1
commit 2216bffee8
8 changed files with 101 additions and 65 deletions

View File

@ -2,10 +2,14 @@
{% set main_class = 'corpus-analysis-color lighten' %}
{% block style_additions %}
main button, main .btn, main .btn-floating {background-color: {{ corpus_analysis_color_darken }};}
{% endblock %}
{% block page_content %}
<div class="col s12 m3 push-m9">
<div class="center-align">
<a class="btn-floating btn-large corpus-analysis-color darken waves-effect waves-light" style="transform: scale(2);">
<a class="btn-floating btn-large waves-effect waves-light" style="transform: scale(2);">
<i class="material-icons service" data-service="corpus_analysis"></i>
</a>
</div>

View File

@ -1,14 +1,17 @@
{% extends "nopaque.html.j2" %}
{% set main_class = 'file-setup-color lighten' %}
{% block style_additions %}
main button, main .btn, main .btn-floating {background-color: {{ file_setup_color_darken }};}
{% endblock %}
{% block page_content %}
<div class="col s12 m3 push-m9">
<div class="center-align">
<p>&nbsp;</p>
<p>&nbsp;</p>
<a class="btn-floating btn-large file-setup-color darken waves-effect waves-light" style="transform: scale(2);">
<p class="hide-on-small-only">&nbsp;</p>
<p class="hide-on-small-only">&nbsp;</p>
<a class="btn-floating btn-large waves-effect waves-light" style="transform: scale(2);">
<i class="material-icons service" data-service="file-setup"></i>
</a>
</div>
@ -43,7 +46,7 @@
{{ M.render_field(add_job_form.description, data_length='255', material_icon='description') }}
</div>
<div class="col s12">
{{ M.render_field(add_job_form.files, accept='image/jpeg, image/png, image/tiff', color=file_setup_color_darken, placeholder='Choose your .jpeg, .png or .tiff files') }}
{{ M.render_field(add_job_form.files, accept='image/jpeg, image/png, image/tiff', placeholder='Choose your .jpeg, .png or .tiff files') }}
</div>
<div class="col s12 hide">
{{ M.render_field(add_job_form.version, material_icon='apps') }}
@ -51,7 +54,7 @@
</div>
</div>
<div class="card-action right-align">
{{ M.render_field(add_job_form.submit, color=file_setup_color_darken, material_icon='send') }}
{{ M.render_field(add_job_form.submit, material_icon='send') }}
</div>
</form>
</div>

View File

@ -2,12 +2,16 @@
{% set main_class = 'nlp-color lighten' %}
{% block style_additions %}
main button, main .btn, main .btn-floating {background-color: {{ nlp_color_darken }};}
{% endblock %}
{% block page_content %}
<div class="col s12 m3 push-m9">
<div class="center-align">
<p>&nbsp;</p>
<p>&nbsp;</p>
<a class="btn-floating btn-large nlp-color darken waves-effect waves-light" style="transform: scale(2);">
<p class="hide-on-small-only">&nbsp;</p>
<p class="hide-on-small-only">&nbsp;</p>
<a class="btn-floating btn-large waves-effect waves-light" style="transform: scale(2);">
<i class="material-icons service" data-service="nlp"></i>
</a>
</div>
@ -60,7 +64,7 @@
{{ M.render_field(add_job_form.description, data_length='255', material_icon='description') }}
</div>
<div class="col s12 l5">
{{ M.render_field(add_job_form.files, accept='text/plain', color=nlp_color_darken, placeholder='Choose your .txt files') }}
{{ M.render_field(add_job_form.files, accept='text/plain', placeholder='Choose your .txt files') }}
</div>
<div class="col s12 l4">
{{ M.render_field(add_job_form.language, material_icon='language') }}
@ -92,7 +96,7 @@
</div>
</div>
<div class="card-action right-align">
{{ M.render_field(add_job_form.submit, color=nlp_color_darken, material_icon='send') }}
{{ M.render_field(add_job_form.submit, material_icon='send') }}
</div>
</form>
</div>

View File

@ -2,12 +2,16 @@
{% set main_class = 'ocr-color lighten' %}
{% block style_additions %}
main button, main .btn, main .btn-floating {background-color: {{ ocr_color_darken }};}
{% endblock %}
{% block page_content %}
<div class="col s12 m3 push-m9">
<div class="center-align">
<p>&nbsp;</p>
<p>&nbsp;</p>
<a class="btn-floating btn-large ocr-color darken waves-effect waves-light" style="transform: scale(2);">
<p class="hide-on-small-only">&nbsp;</p>
<p class="hide-on-small-only">&nbsp;</p>
<a class="btn-floating btn-large waves-effect waves-light" style="transform: scale(2);">
<i class="material-icons service" data-service="ocr"></i>
</a>
</div>