From 882987ba68a9266f966f852cea0d28b976213628 Mon Sep 17 00:00:00 2001
From: Patrick Jentsch <p.jentsch@uni-bielefeld.de>
Date: Sat, 4 May 2024 14:41:40 +0200
Subject: [PATCH] fixes

---
 .../_base/_modals/_manual/06_services.html.j2 |   2 +-
 app/templates/_base/metas.html.j2             |   2 +
 app/templates/_base/scripts.html.j2           |  48 ++++----
 .../{styles.html.j2 => stylesheets.html.j2}   |  12 +-
 app/templates/admin/edit_user.html.j2         |   2 +-
 app/templates/auth/login.html.j2              |   2 +-
 app/templates/auth/register.html.j2           |   2 +-
 app/templates/auth/reset_password.html.j2     |   2 +-
 .../auth/reset_password_request.html.j2       |   2 +-
 app/templates/base.html.j2                    | 108 ++++++++++--------
 .../spacy_nlp_pipeline_models/create.html.j2  |   2 +-
 .../spacy_nlp_pipeline_model.html.j2          |   2 +-
 .../spacy_nlp_pipeline_models.html.j2         |   2 +-
 .../create.html.j2                            |   2 +-
 .../tesseract_ocr_pipeline_model.html.j2      |   2 +-
 .../tesseract_ocr_pipeline_models.html.j2     |   2 +-
 app/templates/corpora/analysis.html.j2        |   2 +-
 app/templates/corpora/corpus.html.j2          |   2 +-
 app/templates/corpora/create.html.j2          |   2 +-
 .../corpora/files/corpus_file.html.j2         |   2 +-
 app/templates/corpora/files/create.html.j2    |   2 +-
 app/templates/corpora/import.html.j2          |   2 +-
 app/templates/corpora/public_corpus.html.j2   |   2 +-
 app/templates/main/index.html.j2              |   2 +-
 app/templates/main/social_area.html.j2        |   2 +-
 app/templates/materialize/base.html.j2        |  49 --------
 .../services/file_setup_pipeline.html.j2      |   2 +-
 .../services/spacy_nlp_pipeline.html.j2       |   2 +-
 .../services/tesseract_ocr_pipeline.html.j2   |   2 +-
 .../services/transkribus_htr_pipeline.html.j2 |   2 +-
 app/templates/users/settings/settings.html.j2 |   2 +-
 app/templates/users/user.html.j2              |   2 +-
 app/templates/{materialize => }/wtf.html.j2   |   0
 33 files changed, 119 insertions(+), 154 deletions(-)
 create mode 100644 app/templates/_base/metas.html.j2
 rename app/templates/_base/{styles.html.j2 => stylesheets.html.j2} (67%)
 delete mode 100644 app/templates/materialize/base.html.j2
 rename app/templates/{materialize => }/wtf.html.j2 (100%)

diff --git a/app/templates/_base/_modals/_manual/06_services.html.j2 b/app/templates/_base/_modals/_manual/06_services.html.j2
index e65f8088..40d9fb53 100644
--- a/app/templates/_base/_modals/_manual/06_services.html.j2
+++ b/app/templates/_base/_modals/_manual/06_services.html.j2
@@ -1,4 +1,4 @@
-<h3 class="manual-chapter-title">Services</h5>
+<h3 class="manual-chapter-title">Services</h3>
 <div class="row">
   <div class="col s12 m4">
     <img alt="Services" class="materialboxed responsive-img" src="{{ url_for('static', filename='images/manual/services.png') }}">
diff --git a/app/templates/_base/metas.html.j2 b/app/templates/_base/metas.html.j2
new file mode 100644
index 00000000..30185f8f
--- /dev/null
+++ b/app/templates/_base/metas.html.j2
@@ -0,0 +1,2 @@
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
diff --git a/app/templates/_base/scripts.html.j2 b/app/templates/_base/scripts.html.j2
index efc317d8..a527a835 100644
--- a/app/templates/_base/scripts.html.j2
+++ b/app/templates/_base/scripts.html.j2
@@ -1,20 +1,20 @@
+<script src="{{ url_for('static', filename='external/materialize/js/materialize.min.js') }}"></script>
 <script src="{{ url_for('static', filename='external/JSON-Patch/js/fast-json-patch.min.js') }}"></script>
 <script src="{{ url_for('static', filename='external/list.js/js/list.min.js') }}"></script>
 <script src="{{ url_for('static', filename='external/pako/js/pako_inflate.min.js') }}"></script>
 <script src="{{ url_for('static', filename='external/plotly.js/js/plotly.min.js') }}"></script>
 <script src="{{ url_for('static', filename='external/socket.io/js/socket.io.min.js') }}"></script>
-
-{%- assets
+{% assets
   filters='rjsmin',
   output='gen/app.%(version)s.js',
   'js/index.js',
   'js/app.js',
   'js/utils.js'
-%}
+-%}
 <script src="{{ ASSET_URL }}"></script>
-{%- endassets %}
+{% endassets -%}
 
-{%- assets
+{% assets
   filters='rjsmin',
   output='gen/Forms.%(version)s.js',
   'js/forms/index.js',
@@ -22,22 +22,22 @@
   'js/forms/create-contribution-form.js',
   'js/forms/create-corpus-file-form.js',
   'js/forms/create-job-form.js'
-%}
+-%}
 <script src="{{ ASSET_URL }}"></script>
-{%- endassets %}
+{% endassets -%}
 
-{%- assets
+{% assets
   filters='rjsmin',
   output='gen/resource-displays.%(version)s.js',
   'js/resource-displays/index.js',
   'js/resource-displays/resource-display.js',
   'js/resource-displays/corpus-display.js',
   'js/resource-displays/job-display.js'
-%}
+-%}
 <script src="{{ ASSET_URL }}"></script>
-{%- endassets %}
+{% endassets -%}
 
-{%- assets
+{% assets
   filters='rjsmin',
   output='gen/resource-lists.%(version)s.js',
   'js/resource-lists/index.js',
@@ -56,11 +56,11 @@
   'js/resource-lists/public-user-list.js',
   'js/resource-lists/spacy-nlp-pipeline-model-list.js',
   'js/resource-lists/tesseract-ocr-pipeline-model-list.js'
-%}
+-%}
 <script src="{{ ASSET_URL }}"></script>
-{%- endassets %}
+{% endassets -%}
 
-{%- assets
+{% assets
   filters='rjsmin',
   output='gen/requests.%(version)s.js',
   'js/requests/index.js',
@@ -69,11 +69,11 @@
   'js/requests/corpora.js',
   'js/requests/jobs.js',
   'js/requests/users.js'
-%}
+-%}
 <script src="{{ ASSET_URL }}"></script>
-{%- endassets %}
+{% endassets -%}
 
-{%- assets
+{% assets
   filters='rjsmin',
   output='gen/corpus-analysis.%(version)s.js',
   'js/corpus-analysis/index.js',
@@ -98,17 +98,16 @@
   'js/corpus-analysis/concordance-extension.js',
   'js/corpus-analysis/reader-extension.js',
   'js/corpus-analysis/static-visualization-extension.js'
-%}
+-%}
 <script src="{{ ASSET_URL }}"></script>
-{%- endassets %}
+{% endassets -%}
 
 <script>
   // TODO: Implement an app.run method and use this for all of the following
   const app = new nopaque.App();
   app.init();
 
-  // Check if the current user is authenticated
-  {%- if current_user.is_authenticated %}
+  {% if current_user.is_authenticated -%}
   // TODO: Set this as a property of the app object
   const currentUserId = {{ current_user.hashid|tojson }};
 
@@ -120,11 +119,10 @@
   app.getUser(currentUserId, true, true)
     .catch((error) => {throw JSON.stringify(error);});
 
-  // Check if the current user hasn't accepted the terms of use yet
-  {%- if not current_user.terms_of_use_accepted %}
+  {% if not current_user.terms_of_use_accepted -%}
   M.Modal.getInstance(document.querySelector('#terms-of-use-modal')).open();
-  {%- endif %}
-  {%- endif %}
+  {% endif -%}
+  {% endif -%}
 
   // Display flashed messages
   for (let [category, message] of {{ get_flashed_messages(with_categories=True)|tojson }}) {
diff --git a/app/templates/_base/styles.html.j2 b/app/templates/_base/stylesheets.html.j2
similarity index 67%
rename from app/templates/_base/styles.html.j2
rename to app/templates/_base/stylesheets.html.j2
index b5936f0a..d8adca98 100644
--- a/app/templates/_base/styles.html.j2
+++ b/app/templates/_base/stylesheets.html.j2
@@ -1,16 +1,18 @@
-{% if current_user.is_authenticated %}
+<link href="{{ url_for('static', filename='external/material-design-icons/css/material-icons.css') }}" rel="stylesheet">
+<link href="{{ url_for('static', filename='external/materialize/css/materialize.min.css') }}" rel="stylesheet">
+{% if current_user.is_authenticated -%}
 <link href="{{ url_for('static', filename='materialize/css/sidenav-fixed.css') }}" rel="stylesheet">
-{% endif %}
+{% endif -%}
 <link href="{{ url_for('static', filename='materialize/css/sticky-footer.css') }}" rel="stylesheet">
 <link href="{{ url_for('static', filename='materialize/css/fixes.css') }}" rel="stylesheet">
 <link href="{{ url_for('static', filename='nopaque-icons/css/nopaque-icons.css') }}" rel="stylesheet">
 <link href="{{ url_for('static', filename='css/queryBuilder.css') }}" rel="stylesheet">
-{%- assets
+{% assets
   filters='pyscss',
   output='gen/app.%(version)s.css',
   'css/colors.scss',
   'css/helpers.scss',
   'css/style.css'
-%}
+-%}
 <link href="{{ ASSET_URL }}" rel="stylesheet">
-{%- endassets %}
+{% endassets -%}
diff --git a/app/templates/admin/edit_user.html.j2 b/app/templates/admin/edit_user.html.j2
index 0ac4f27d..30b0b961 100644
--- a/app/templates/admin/edit_user.html.j2
+++ b/app/templates/admin/edit_user.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block page_content %}
 <div class="container">
diff --git a/app/templates/auth/login.html.j2 b/app/templates/auth/login.html.j2
index 7aa402f6..b6e21488 100644
--- a/app/templates/auth/login.html.j2
+++ b/app/templates/auth/login.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 
 {% block page_content %}
diff --git a/app/templates/auth/register.html.j2 b/app/templates/auth/register.html.j2
index adfbc0af..7d006702 100644
--- a/app/templates/auth/register.html.j2
+++ b/app/templates/auth/register.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 
 {% block page_content %}
diff --git a/app/templates/auth/reset_password.html.j2 b/app/templates/auth/reset_password.html.j2
index 7df460bb..c587ce73 100644
--- a/app/templates/auth/reset_password.html.j2
+++ b/app/templates/auth/reset_password.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block page_content %}
 <div class="container">
diff --git a/app/templates/auth/reset_password_request.html.j2 b/app/templates/auth/reset_password_request.html.j2
index 5bf28111..5af9d580 100644
--- a/app/templates/auth/reset_password_request.html.j2
+++ b/app/templates/auth/reset_password_request.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block page_content %}
 <div class="container">
diff --git a/app/templates/base.html.j2 b/app/templates/base.html.j2
index f12c0c84..6890f9af 100644
--- a/app/templates/base.html.j2
+++ b/app/templates/base.html.j2
@@ -1,60 +1,72 @@
-{% extends "materialize/base.html.j2" %}
-
 {% if title is not defined %}
 {% set title = 'nopaque' %}
 {% endif %}
 
-{% block html_attribs %}lang="en"{% endblock html_attribs %}
+{% block doc %}
+<!DOCTYPE html>
+<html {% block html_attribs %}lang="en"{% endblock html_attribs %}>
+  {% block html %}
+  <head>
+    {% block head %}
+    {% block metas %}
+    {% include "_base/metas.html.j2" %}
+    {% endblock metas %}
 
-{% block head %}
-{{ super() }}
-<link href="{{ url_for('static', filename='images/nopaque_-_favicon.png') }}" rel="icon">
-{% endblock head %}
+    <title {% block title_attribs %}{% endblock title_attribs %}>
+      {%- block title %}{{ title }}{% endblock title -%}
+    </title>
 
-{% block metas %}
-<meta charset="UTF-8">
-{{ super() }}
-{% endblock metas %}
+    <link href="{{ url_for('static', filename='images/nopaque_-_favicon.png') }}" rel="icon">
 
-{% block title %}{{ title }}{% endblock title %}
+    {% block stylesheets %}
+    {% include "_base/stylesheets.html.j2" %}
+    {% endblock stylesheets %}
+    {% endblock head %}
+  </head>
+  <body {% block body_attribs %}{% endblock body_attribs %}>
+    {% block body %}
+    <header {% block header_attribs %}{% endblock header_attribs %}>
+      {% block header %}
+      {% block navbar %}
+      {% include "_base/navbar.html.j2" %}
+      {% endblock navbar %}
+      {% block sidenav %}
+      {% if current_user.is_authenticated %}
+      {% include "_base/sidenav.html.j2" %}
+      {% endif %}
+      {% endblock sidenav %}
+      {% endblock header %}
+    </header>
 
-{% block styles %}
-{{ super() }}
-{% include "_base/styles.html.j2" %}
-{% endblock styles %}
+    <main {% block main_attribs %}class="background-color"{% endblock main_attribs %}>
+      {% block main %}
+      {% block page_content %}{% endblock page_content %}
 
-{% block navbar %}
-{% include "_base/navbar.html.j2" %}
-{% endblock navbar %}
+      <div id="dropdowns">
+        {% block dropdowns %}
+        {% include "_base/dropdowns.html.j2" %}
+        {% endblock dropdowns %}
+      </div>
 
-{% block sidenav %}
-{% if current_user.is_authenticated %}
-{% include "_base/sidenav.html.j2" %}
-{% endif %}
-{% endblock sidenav %}
+      <div id="modals">
+        {% block modals %}
+        {% include "_base/modals.html.j2" %}
+        {% endblock modals %}
+      </div>
+      {% endblock main %}
+    </main>
 
-{% block main_attribs %} class="background-color"{% endblock main_attribs %}
-{% block main %}
-{% block page_content %}{% endblock page_content %}
-<div id="dropdowns">
-  {% block dropdowns %}
-  {% include "_base/dropdowns.html.j2" %}
-  {% endblock dropdowns %}
-</div>
+    <footer {% block footer_attribs %}class="page-footer primary-variant-color"{% endblock footer_attribs %}>
+      {% block footer %}
+      {% include "_base/footer.html.j2" %}
+      {% endblock footer %}
+    </footer>
 
-<div id="modals">
-  {% block modals %}
-  {% include "_base/modals.html.j2" %}
-  {% endblock modals %}
-</div>
-{% endblock main %}
-
-{% block footer_attribs %} class="page-footer primary-variant-color"{% endblock footer_attribs %}
-{% block footer %}
-{% include "_base/footer.html.j2" %}
-{% endblock footer %}
-
-{% block scripts %}
-{{ super() }}
-{% include "_base/scripts.html.j2" %}
-{% endblock scripts %}
+    {% block scripts %}
+    {% include "_base/scripts.html.j2" %}
+    {% endblock scripts %}
+    {% endblock body %}
+  </body>
+  {% endblock html %}
+</html>
+{% endblock doc %}
diff --git a/app/templates/contributions/spacy_nlp_pipeline_models/create.html.j2 b/app/templates/contributions/spacy_nlp_pipeline_models/create.html.j2
index b19241c6..ab5a6c4c 100644
--- a/app/templates/contributions/spacy_nlp_pipeline_models/create.html.j2
+++ b/app/templates/contributions/spacy_nlp_pipeline_models/create.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block main_attribs %} class="service-scheme" data-service="spacy-nlp-pipeline"{% endblock main_attribs %}
 
diff --git a/app/templates/contributions/spacy_nlp_pipeline_models/spacy_nlp_pipeline_model.html.j2 b/app/templates/contributions/spacy_nlp_pipeline_models/spacy_nlp_pipeline_model.html.j2
index 467effc9..272f541e 100644
--- a/app/templates/contributions/spacy_nlp_pipeline_models/spacy_nlp_pipeline_model.html.j2
+++ b/app/templates/contributions/spacy_nlp_pipeline_models/spacy_nlp_pipeline_model.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block main_attribs %} class="service-scheme" data-service="spacy-nlp-pipeline"{% endblock main_attribs %}
 
diff --git a/app/templates/contributions/spacy_nlp_pipeline_models/spacy_nlp_pipeline_models.html.j2 b/app/templates/contributions/spacy_nlp_pipeline_models/spacy_nlp_pipeline_models.html.j2
index b57507be..04c9eac8 100644
--- a/app/templates/contributions/spacy_nlp_pipeline_models/spacy_nlp_pipeline_models.html.j2
+++ b/app/templates/contributions/spacy_nlp_pipeline_models/spacy_nlp_pipeline_models.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block page_content %}
 <div class="container">
diff --git a/app/templates/contributions/tesseract_ocr_pipeline_models/create.html.j2 b/app/templates/contributions/tesseract_ocr_pipeline_models/create.html.j2
index 84eda745..79205157 100644
--- a/app/templates/contributions/tesseract_ocr_pipeline_models/create.html.j2
+++ b/app/templates/contributions/tesseract_ocr_pipeline_models/create.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block main_attribs %} class="service-scheme" data-service="tesseract-ocr-pipeline"{% endblock main_attribs %}
 
diff --git a/app/templates/contributions/tesseract_ocr_pipeline_models/tesseract_ocr_pipeline_model.html.j2 b/app/templates/contributions/tesseract_ocr_pipeline_models/tesseract_ocr_pipeline_model.html.j2
index c7cc2d5c..3caf4866 100644
--- a/app/templates/contributions/tesseract_ocr_pipeline_models/tesseract_ocr_pipeline_model.html.j2
+++ b/app/templates/contributions/tesseract_ocr_pipeline_models/tesseract_ocr_pipeline_model.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block main_attribs %} class="service-scheme" data-service="tesseract-ocr-pipeline"{% endblock main_attribs %}
 
diff --git a/app/templates/contributions/tesseract_ocr_pipeline_models/tesseract_ocr_pipeline_models.html.j2 b/app/templates/contributions/tesseract_ocr_pipeline_models/tesseract_ocr_pipeline_models.html.j2
index a2f18c2a..1c0cce7f 100644
--- a/app/templates/contributions/tesseract_ocr_pipeline_models/tesseract_ocr_pipeline_models.html.j2
+++ b/app/templates/contributions/tesseract_ocr_pipeline_models/tesseract_ocr_pipeline_models.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block page_content %}
 <div class="container">
diff --git a/app/templates/corpora/analysis.html.j2 b/app/templates/corpora/analysis.html.j2
index 1d501b31..22d5c79d 100644
--- a/app/templates/corpora/analysis.html.j2
+++ b/app/templates/corpora/analysis.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 {% import 'corpora/_analysis/concordance.html.j2' as concordance_extension %}
 {% import 'corpora/_analysis/reader.html.j2' as reader_extension %}
 {% import 'corpora/_analysis/static_visualization.html.j2' as static_visualization_extension %}
diff --git a/app/templates/corpora/corpus.html.j2 b/app/templates/corpora/corpus.html.j2
index 649e2186..f6c90031 100644
--- a/app/templates/corpora/corpus.html.j2
+++ b/app/templates/corpora/corpus.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block main_attribs %} class="service-scheme" data-service="corpus-analysis"{% endblock main_attribs %}
 
diff --git a/app/templates/corpora/create.html.j2 b/app/templates/corpora/create.html.j2
index 5feb7225..fbd8ea4b 100644
--- a/app/templates/corpora/create.html.j2
+++ b/app/templates/corpora/create.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block main_attribs %} class="service-scheme" data-service="corpus-analysis"{% endblock main_attribs %}
 
diff --git a/app/templates/corpora/files/corpus_file.html.j2 b/app/templates/corpora/files/corpus_file.html.j2
index 28a762d4..40c539ab 100644
--- a/app/templates/corpora/files/corpus_file.html.j2
+++ b/app/templates/corpora/files/corpus_file.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block main_attribs %} class="service-scheme" data-service="corpus-analysis"{% endblock main_attribs %}
 
diff --git a/app/templates/corpora/files/create.html.j2 b/app/templates/corpora/files/create.html.j2
index ff634294..b3ac4106 100644
--- a/app/templates/corpora/files/create.html.j2
+++ b/app/templates/corpora/files/create.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block main_attribs %} class="service-scheme" data-service="corpus-analysis"{% endblock main_attribs %}
 
diff --git a/app/templates/corpora/import.html.j2 b/app/templates/corpora/import.html.j2
index dd0806a7..c9b527b9 100644
--- a/app/templates/corpora/import.html.j2
+++ b/app/templates/corpora/import.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block main_attribs %} class="service-scheme" data-service="corpus-analysis"{% endblock main_attribs %}
 
diff --git a/app/templates/corpora/public_corpus.html.j2 b/app/templates/corpora/public_corpus.html.j2
index 663cf49b..8ba92b85 100644
--- a/app/templates/corpora/public_corpus.html.j2
+++ b/app/templates/corpora/public_corpus.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block main_attribs %} class="service-scheme" data-service="corpus-analysis"{% endblock main_attribs %}
 
diff --git a/app/templates/main/index.html.j2 b/app/templates/main/index.html.j2
index 7b80a794..56530208 100644
--- a/app/templates/main/index.html.j2
+++ b/app/templates/main/index.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block page_content %}
 <div class="parallax-container" id="title">
diff --git a/app/templates/main/social_area.html.j2 b/app/templates/main/social_area.html.j2
index 35262f53..fd38b623 100644
--- a/app/templates/main/social_area.html.j2
+++ b/app/templates/main/social_area.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block main_attribs %} class="social-area-color-lighten" {% endblock main_attribs %}
 
diff --git a/app/templates/materialize/base.html.j2 b/app/templates/materialize/base.html.j2
deleted file mode 100644
index d32eac25..00000000
--- a/app/templates/materialize/base.html.j2
+++ /dev/null
@@ -1,49 +0,0 @@
-{% if title is not defined %}
-{% set title = 'Title' %}
-{% endif %}
-
-{% block doc %}
-<!DOCTYPE html>
-<html {% block html_attribs %}{% endblock html_attribs %}>
-  {% block html %}
-  <head>
-    {% block head %}
-    <title>{% block title %}{{ title }}{% endblock title %}</title>
-
-    {% block metas %}
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    {% endblock metas %}
-
-    {% block styles %}
-    <link rel="stylesheet" href="{{ url_for('static', filename='external/material-design-icons/css/material-icons.css') }}">
-    <link rel="stylesheet" href="{{ url_for('static', filename='external/materialize/css/materialize.min.css') }}">
-    {% endblock styles %}
-    {% endblock head %}
-  </head>
-  <body {% block body_attribs %}{% endblock body_attribs %}>
-    {% block body %}
-    <header {% block header_attribs %}{% endblock header_attribs %}>
-      {% block header %}
-      {% block navbar %}
-      {% endblock navbar %}
-      {% block sidenav %}
-      {% endblock sidenav %}
-      {% endblock header %}
-    </header>
-
-    <main {% block main_attribs %}{% endblock main_attribs %}>
-      {% block main %}{% endblock main %}
-    </main>
-
-    <footer {% block footer_attribs %}{% endblock footer_attribs %}>
-      {% block footer %}{% endblock footer %}
-    </footer>
-
-    {% block scripts %}
-    <script src="{{ url_for('static', filename='external/materialize/js/materialize.min.js') }}"></script>
-    {% endblock scripts %}
-    {% endblock body %}
-  </body>
-  {% endblock html %}
-</html>
-{% endblock doc %}
diff --git a/app/templates/services/file_setup_pipeline.html.j2 b/app/templates/services/file_setup_pipeline.html.j2
index 0f046e98..f2647983 100644
--- a/app/templates/services/file_setup_pipeline.html.j2
+++ b/app/templates/services/file_setup_pipeline.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block main_attribs %} class="service-scheme" data-service="file-setup-pipeline"{% endblock main_attribs %}
 
diff --git a/app/templates/services/spacy_nlp_pipeline.html.j2 b/app/templates/services/spacy_nlp_pipeline.html.j2
index a7bf214c..094d132a 100644
--- a/app/templates/services/spacy_nlp_pipeline.html.j2
+++ b/app/templates/services/spacy_nlp_pipeline.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block main_attribs %} class="service-scheme" data-service="spacy-nlp-pipeline"{% endblock main_attribs %}
 
diff --git a/app/templates/services/tesseract_ocr_pipeline.html.j2 b/app/templates/services/tesseract_ocr_pipeline.html.j2
index 69be6889..d4e9ce2c 100644
--- a/app/templates/services/tesseract_ocr_pipeline.html.j2
+++ b/app/templates/services/tesseract_ocr_pipeline.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block main_attribs %} class="service-scheme" data-service="tesseract-ocr-pipeline"{% endblock main_attribs %}
 
diff --git a/app/templates/services/transkribus_htr_pipeline.html.j2 b/app/templates/services/transkribus_htr_pipeline.html.j2
index 50eb3b6e..37dfd6c7 100644
--- a/app/templates/services/transkribus_htr_pipeline.html.j2
+++ b/app/templates/services/transkribus_htr_pipeline.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block main_attribs %} class="service-scheme" data-service="transkribus-htr-pipeline"{% endblock main_attribs %}
 
diff --git a/app/templates/users/settings/settings.html.j2 b/app/templates/users/settings/settings.html.j2
index f2593bd6..aeced15e 100644
--- a/app/templates/users/settings/settings.html.j2
+++ b/app/templates/users/settings/settings.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block page_content %}
 <div class="section container">
diff --git a/app/templates/users/user.html.j2 b/app/templates/users/user.html.j2
index 41054eb6..89a42188 100644
--- a/app/templates/users/user.html.j2
+++ b/app/templates/users/user.html.j2
@@ -1,5 +1,5 @@
 {% extends "base.html.j2" %}
-{% import "materialize/wtf.html.j2" as wtf %}
+{% import "wtf.html.j2" as wtf %}
 
 
 {% block page_content %}
diff --git a/app/templates/materialize/wtf.html.j2 b/app/templates/wtf.html.j2
similarity index 100%
rename from app/templates/materialize/wtf.html.j2
rename to app/templates/wtf.html.j2