Use macro for color scheme generation and change logo for tablet and mobile

web/app/templates/services/corpus_analysis.html.j2

@@ -3,9 +3,7 @@
 {% set main_class = 'corpus-analysis-color lighten' %}
 
 {% block page_content %}
-<style>
-  main button, main .btn, main .btn-floating {background-color: {{ corpus_analysis_color_darken }};}
-</style>
+{{ Macros.insert_color_scheme(corpus_analysis_color_darken) }}
 
 <div class="col s12 m3 push-m9">
   <div class="center-align">
@@ -16,6 +14,7 @@
 </div>
 
 <div class="col s12 m9 pull-m3">
+  <p>{{ rgb }}</p>
   <p>Nopaque lets you create and upload as many text corpora as you want. It makes use of CQP Query Language, which allows for complex search requests with the aid of metadata and NLP tags. The results can either be displayed as text or abstract visualizations.</p>
 </div>
 

web/app/templates/services/file-setup.html.j2

@@ -3,9 +3,7 @@
 {% set main_class = 'file-setup-color lighten' %}
 
 {% block page_content %}
-<style>
-  main button, main .btn, main .btn-floating {background-color: {{ file_setup_color_darken }};}
-</style>
+{{ Macros.insert_color_scheme(file_setup_color_darken) }}
 
 <div class="col s12 m3 push-m9">
   <div class="center-align">

web/app/templates/services/nlp.html.j2

@@ -3,9 +3,7 @@
 {% set main_class = 'nlp-color lighten' %}
 
 {% block page_content %}
-<style>
-  main button, main .btn, main .btn-floating {background-color: {{ nlp_color_darken }};}
-</style>
+{{ Macros.insert_color_scheme(nlp_color_darken) }}
 
 <div class="col s12 m3 push-m9">
   <div class="center-align">

web/app/templates/services/ocr.html.j2

@@ -3,9 +3,7 @@
 {% set main_class = 'ocr-color lighten' %}
 
 {% block page_content %}
-<style>
-  main button, main .btn, main .btn-floating {background-color: {{ ocr_color_darken }};}
-</style>
+{{ Macros.insert_color_scheme(ocr_color_darken) }}
 
 <div class="col s12 m3 push-m9">
   <div class="center-align">