app/__init__.py

@@ -104,6 +104,15 @@ def create_app(config: Config = Config) -> Flask:
     from .blueprints.contributions import bp as contributions_blueprint
     app.register_blueprint(contributions_blueprint, url_prefix='/contributions')
 
+    from .blueprints.spacy_nlp_pipeline_models import bp as spacy_nlp_pipeline_models_blueprint
+    app.register_blueprint(spacy_nlp_pipeline_models_blueprint, url_prefix='/spacy-nlp-pipeline-models')
+
+    from .blueprints.tesseract_ocr_pipeline_models import bp as tesseract_ocr_pipeline_models_blueprint
+    app.register_blueprint(tesseract_ocr_pipeline_models_blueprint, url_prefix='/tesseract-ocr-pipeline-models')
+
+    from.blueprints.transkribus_htr_pipeline_models import bp as transkribus_htr_pipeline_models_blueprint
+    app.register_blueprint(transkribus_htr_pipeline_models_blueprint, url_prefix='/transkribus-htr-pipeline-models')
+
     from .blueprints.corpora import bp as corpora_blueprint
     app.register_blueprint(corpora_blueprint, cli_group='corpus', url_prefix='/corpora')
 

app/blueprints/auth/__init__.py

@@ -1,29 +1,5 @@
-from flask import Blueprint, redirect, request, url_for
-from flask_login import current_user
-from app import db
+from flask import Blueprint
 
 
 bp = Blueprint('auth', __name__)
-
-
-@bp.before_app_request
-def before_request():
-    if not current_user.is_authenticated:
-        return
-
-    current_user.ping()
-    db.session.commit()
-
-    if (
-        not current_user.confirmed
-        and request.endpoint
-        and request.blueprint != 'auth'
-        and request.endpoint != 'static'
-    ):
-        return redirect(url_for('auth.unconfirmed'))
-
-    if not current_user.terms_of_use_accepted:
-        return redirect(url_for('main.terms_of_use'))
-
-
 from . import routes

app/blueprints/auth/routes.py

@@ -12,6 +12,26 @@ from .forms import (
 )
 
 
+@bp.before_app_request
+def before_request():
+    """
+    Checks if a user is unconfirmed when visiting specific sites. Redirects to
+    unconfirmed view if user is unconfirmed.
+    """
+    if not current_user.is_authenticated:
+        return
+
+    current_user.ping()
+    db.session.commit()
+    if (not current_user.confirmed
+            and request.endpoint
+            and request.blueprint != 'auth'
+            and request.endpoint != 'static'):
+        return redirect(url_for('auth.unconfirmed'))
+    if not current_user.terms_of_use_accepted:
+        return redirect(url_for('main.terms_of_use'))
+
+
 @bp.route('/register', methods=['GET', 'POST'])
 def register():
     if current_user.is_authenticated:

app/blueprints/contributions/__init__.py

@@ -16,10 +16,3 @@ def before_request():
 
 
 from . import routes
-
-
-from .spacy_nlp_pipeline_models import bp as spacy_nlp_pipeline_models_bp
-bp.register_blueprint(spacy_nlp_pipeline_models_bp, url_prefix='/spacy-nlp-pipeline-models')
-
-from .tesseract_ocr_pipeline_models import bp as tesseract_ocr_pipeline_models_bp
-bp.register_blueprint(tesseract_ocr_pipeline_models_bp, url_prefix='/tesseract-ocr-pipeline-models')

app/blueprints/contributions/routes.py

@@ -1,7 +1,7 @@
-from flask import render_template
+from flask import redirect, url_for
 from . import bp
 
 
 @bp.route('')
 def index():
-    return render_template('contributions/index.html.j2', title='Contributions')
+    return redirect(url_for('main.dashboard', _anchor='contributions'))

app/blueprints/main/routes.py

@@ -72,14 +72,14 @@ def terms_of_use():
     )
 
 
-@bp.route('/social')
+@bp.route('/social-area')
 @login_required
-def social():
+def social_area():
     corpora = Corpus.query.filter(Corpus.is_public == True, Corpus.user != current_user).all()
     users = User.query.filter(User.is_public == True, User.id != current_user.id).all()
     return render_template(
-        'main/social.html.j2',
-        title='Social',
+        'main/social_area.html.j2',
+        title='Social Area',
         corpora=corpora,
         users=users
     )

app/blueprints/spacy_nlp_pipeline_models/routes.py

@@ -12,7 +12,10 @@ from .forms import (
 @bp.route('/')
 @login_required
 def index():
-    return redirect(url_for('contributions.index', _anchor='spacy-nlp-pipeline-models'))
+    return render_template(
+        'spacy_nlp_pipeline_models/index.html.j2',
+        title='SpaCy NLP Pipeline Models'
+    )
 
 
 @bp.route('/create', methods=['GET', 'POST'])
@@ -43,7 +46,7 @@ def create():
         flash(f'SpaCy NLP Pipeline model "{snpm.title}" created')
         return {}, 201, {'Location': url_for('.index')}
     return render_template(
-        'contributions/spacy_nlp_pipeline_models/create.html.j2',
+        'spacy_nlp_pipeline_models/create.html.j2',
         title='Create SpaCy NLP Pipeline Model',
         form=form
     )
@@ -51,7 +54,7 @@ def create():
 
 @bp.route('/<hashid:spacy_nlp_pipeline_model_id>', methods=['GET', 'POST'])
 @login_required
-def entity(spacy_nlp_pipeline_model_id):
+def spacy_nlp_pipeline_model(spacy_nlp_pipeline_model_id):
     snpm = SpaCyNLPPipelineModel.query.get_or_404(spacy_nlp_pipeline_model_id)
     if not (snpm.user == current_user or current_user.is_administrator):
         abort(403)
@@ -63,7 +66,7 @@ def entity(spacy_nlp_pipeline_model_id):
             db.session.commit()
         return redirect(url_for('.index'))
     return render_template(
-        'contributions/spacy_nlp_pipeline_models/entity.html.j2',
+        'spacy_nlp_pipeline_models/spacy_nlp_pipeline_model.html.j2',
         title=f'{snpm.title} {snpm.version}',
         form=form,
         spacy_nlp_pipeline_model=snpm

app/blueprints/tesseract_ocr_pipeline_models/routes.py

@@ -11,7 +11,10 @@ from .forms import (
 
 @bp.route('/')
 def index():
-    return redirect(url_for('contributions.index', _anchor='tesseract-ocr-pipeline-models'))
+    return render_template(
+        'tesseract_ocr_pipeline_models/index.html.j2',
+        title='Tesseract OCR Pipeline Models'
+    )
 
 
 @bp.route('/create', methods=['GET', 'POST'])
@@ -40,14 +43,14 @@ def create():
         flash(f'Tesseract OCR Pipeline model "{topm.title}" created')
         return {}, 201, {'Location': url_for('.index')}
     return render_template(
-        'contributions/tesseract_ocr_pipeline_models/create.html.j2',
+        'tesseract_ocr_pipeline_models/create.html.j2',
         title='Create Tesseract OCR Pipeline Model',
         form=form
     )
 
 
 @bp.route('/<hashid:tesseract_ocr_pipeline_model_id>', methods=['GET', 'POST'])
-def entity(tesseract_ocr_pipeline_model_id):
+def tesseract_ocr_pipeline_model(tesseract_ocr_pipeline_model_id):
     topm = TesseractOCRPipelineModel.query.get_or_404(tesseract_ocr_pipeline_model_id)
     if not (topm.user == current_user or current_user.is_administrator):
         abort(403)
@@ -59,7 +62,7 @@ def entity(tesseract_ocr_pipeline_model_id):
             db.session.commit()
         return redirect(url_for('.index'))
     return render_template(
-        'contributions/tesseract_ocr_pipeline_models/entity.html.j2',
+        'tesseract_ocr_pipeline_models/tesseract_ocr_pipeline_model.html.j2',
         title=f'{topm.title} {topm.version}',
         form=form,
         tesseract_ocr_pipeline_model=topm

app/blueprints/transkribus_htr_pipeline_models/__init__.py

@@ -0,0 +1,18 @@
+from flask import Blueprint
+from flask_login import login_required
+
+
+bp = Blueprint('transkribus_htr_pipeline_models', __name__)
+
+
+@bp.before_request
+@login_required
+def before_request():
+    '''
+    Ensures that the routes in this package can only be visited by users that
+    are logged in.
+    '''
+    pass
+
+
+from . import routes

app/blueprints/transkribus_htr_pipeline_models/routes.py

@@ -0,0 +1,7 @@
+from flask import abort
+from . import bp
+
+
+@bp.route('/transkribus_htr_pipeline_models')
+def index():
+    return abort(503)

app/models/spacy_nlp_pipeline_model.py

@@ -41,7 +41,7 @@ class SpaCyNLPPipelineModel(FileMixin, HashidMixin, db.Model):
     @property
     def url(self):
         return url_for(
-            'contributions.spacy_nlp_pipeline_models.entity',
+            'contributions.spacy_nlp_pipeline_model',
             spacy_nlp_pipeline_model_id=self.id
         )
 

app/models/tesseract_ocr_pipeline_model.py

@@ -40,7 +40,7 @@ class TesseractOCRPipelineModel(FileMixin, HashidMixin, db.Model):
     @property
     def url(self):
         return url_for(
-            'contributions.tesseract_ocr_pipeline_models.entity',
+            'contributions.tesseract_ocr_pipeline_model',
             tesseract_ocr_pipeline_model_id=self.id
         )
 

app/static/css/materialize.override.css

@@ -7,15 +7,26 @@
  *
  * Read more: https://materializecss.com/sidenav.html#variations
  */
-@media only screen and (min-width: 993px) {
-  body[data-sidenav-fixed="true" i] header,
+body[data-sidenav-fixed="true" i] main,
+body[data-sidenav-fixed="true" i] footer {
+  padding-left: 300px;
+}
+
+@media only screen and (max-width: 992px) {
   body[data-sidenav-fixed="true" i] main,
   body[data-sidenav-fixed="true" i] footer {
-    padding-left: 300px;
+    padding-left: 0;
   }
 
   body[data-sidenav-fixed="true" i] .navbar-fixed > nav {
-    width: calc(100% - 300px);
+    width: 100%;
+  }
+}
+
+@media only screen and (min-width: 993px) {
+  body[data-sidenav-fixed="true" i] .sidenav-fixed {
+    margin-top: 64px;
+    z-index: 996;
   }
 }
 /* #endregion sidenav-fixed */

app/static/js/app.js

@@ -163,15 +163,6 @@ nopaque.App = class App {
     // AutoInit method (maybe they forgot it?). Anyway... We do it here. :)
     M.CharacterCounter.init(document.querySelectorAll('input[data-length]:not(.no-autoinit), textarea[data-length]:not(.no-autoinit)'));
 
-    // Header navigation processes and services Dropdown.
-    M.Dropdown.init(
-      document.querySelector('#nav-processes-and-services-dropdown-trigger'),
-      {
-        constrainWidth: false,
-        coverTrigger: false
-      }
-    );
-
     // Header navigation account Dropdown.
     M.Dropdown.init(
       document.querySelector('#nav-account-dropdown-trigger'),

app/templates/_base/_modals/data-processing-and-analysis.html.j2

@@ -1,52 +0,0 @@
-<div id="data-processing-and-analysis-modal" class="modal">
-  <div class="modal-content">
-    <div class="card-panel primary-color white-text">
-      <h4 class="m-3"><i class="material-icons left" style="font-size: inherit; line-height: inherit;">miscellaneous_services</i>Data Processing & Analysis</h4>
-    </div>
-
-    <br>
-
-    <div class="row">
-      <div class="col s12 m6 l3 center-align hoverable" style="position: relative;">
-        <a href="{{ url_for('services.file_setup_pipeline') }}" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;"></a>
-        <i class="large nopaque-icons service-icons service-color-text text-darken" data-service="file-setup-pipeline"></i>
-        <br>
-        <b class="service-color-text text-darken" data-service="file-setup-pipeline">File Setup</b>
-        <p class="light">Digital copies of text based research data (books, letters, etc.) often comprise various files and formats. nopaque converts and merges those files to facilitate further processing and the application of other services.</p>
-      </div>
-      <div class="col s12 m6 l3 center-align center-align hoverable" style="position: relative;">
-        <a href="{{ url_for('services.tesseract_ocr_pipeline') }}" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;"></a>
-        <i class="large nopaque-icons service-icons service-color-text text-darken" data-service="tesseract-ocr-pipeline"></i>
-        <br>
-        <b class="service-color-text text-darken" data-service="tesseract-ocr-pipeline">Optical Character Recognition</b>
-        <p class="light">nopaque converts your image data – like photos or scans – into text data through OCR making it machine readable. This step enables you to proceed with further computational analysis of your documents.</p>
-      </div>
-      {% if config.NOPAQUE_TRANSKRIBUS_ENABLED %}
-      <div class="col s12 m6 l3 center-align center-align hoverable" style="position: relative;">
-        <a href="{{ url_for('services.transkribus_htr_pipeline') }}" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;"></a>
-        <i class="large nopaque-icons service-icons service-color-text text-darken" data-service="transkribus-htr-pipeline"></i>
-        <br>
-        <b class="service-color-text text-darken" data-service="transkribus-htr-pipeline">Transkribus HTR Pipeline</b>
-        <p class="light">nopaque converts your image data – like photos or scans – into text data through HTR making it machine readable. This step enables you to proceed with further computational analysis of your documents.</p>
-      </div>
-      {% endif %}
-      <div class="col s12 m6 l3 center-align center-align hoverable" style="position: relative;">
-        <a href="{{ url_for('services.spacy_nlp_pipeline') }}" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;"></a>
-        <i class="large nopaque-icons service-icons service-color-text text-darken" data-service="spacy-nlp-pipeline"></i>
-        <br>
-        <b class="service-color-text text-darken" data-service="spacy-nlp-pipeline">Natural Language Processing</b>
-        <p class="light">By means of computational linguistic data processing (tokenization, lemmatization, part-of-speech tagging and named-entity recognition) nopaque extracts additional information from your text.</p>
-      </div>
-      <div class="col s12 m6 l3 center-align center-align hoverable" style="position: relative;">
-        <a href="{{ url_for('services.corpus_analysis') }}" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;"></a>
-        <i class="large nopaque-icons service-icons service-color-text text-darken" data-service="corpus-analysis"></i>
-        <br>
-        <b class="service-color-text text-darken" data-service="corpus-analysis">Corpus analysis</b>
-        <p class="light">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.</p>
-      </div>
-    </div>
-  </div>
-  <div class="modal-footer">
-    <a class="btn-flat modal-close">Close</a>
-  </div>
-</div>

app/templates/_base/dropdowns.html.j2

@@ -1,8 +1,5 @@
 {% if current_user.is_authenticated %}
 <ul class="dropdown-content" id="nav-account-dropdown-content">
-  <li><a href="#!">Logged in as {{ current_user.username }}<br>&lt;{{ current_user.email }}&gt;</a></li>
-  <li class="divider" tabindex="-1"></li>
-  <li><a href="{{ url_for('users.user', user_id=current_user.id) }}"><i class="material-icons">person</i>Your profile</a></li>
   <li><a href="{{ url_for('settings.settings') }}"><i class="material-icons left">settings</i>Settings</a></li>
   <li><a href="{{ url_for('auth.logout') }}"><i class="material-icons left">logout</i>Log out</a></li>
 </ul>

app/templates/_base/modals.html.j2

@@ -1,5 +1,3 @@
 {% if current_user.is_authenticated and not current_user.terms_of_use_accepted %}
 {% include "_base/_modals/terms_of_use.html.j2" %}
 {% endif %}
-
-{% include "_base/_modals/data-processing-and-analysis.html.j2" %}

app/templates/_base/navbar_primary_content.html.j2

@@ -1,95 +1,38 @@
 {% if current_user.is_authenticated %}
-{# menu icon #}
-{# shown for small/medium devices #}
+<!-- menu icon -->
+<!-- small/medium devices -->
 <a href="#!" class="sidenav-trigger" data-target="sidenav"><i class="material-icons">menu</i></a>
-
-{# nopaque logo #}
-{# shown for large devices #}
-<a href="{{ url_for('main.index') }}" class="brand-logo hide-on-med-and-down" style="height: 100%;">
-  <img src="{{ url_for('static', filename='images/nopaque_-_logo.png') }}" alt="" class="mx-3 py-3" style="height: 100%;">
-</a>
-
-{# left aligned navigation items #}
-{# shown for large devices #}
-<ul class="hide-on-med-and-down" style="margin-left: calc(57px + 1.5rem);">
-  {# dashboard #}
-  <li>
-    <a href="{{ url_for('main.dashboard') }}">
-      <i class="material-icons left">dashboard</i>
-      Dashboard
-    </a>
-  </li>
-
-  {# processes & services #}
-  <li>
-    <a href="#data-processing-and-analysis-modal" class="modal-trigger">
-      <i class="material-icons left">miscellaneous_services</i>
-      Data Processing & Analysis
-    </a>
-  </li>
-
-  {# contributions #}
-  <li>
-    <a href="{{ url_for('contributions.index') }}">
-      <i class="material-icons left">new_label</i>
-      Contributions
-    </a>
-  </li>
-
-  {# social #}
-  <li>
-    <a href="{{ url_for('main.social') }}">
-      <i class="material-icons left">groups</i>
-      Social
-    </a>
-  </li>
-</ul>
-{% else %}
-{# nopaque logo+wordmark+slogan #}
-{# shown for large devices #}
-<a href="{{ url_for('main.index') }}" class="brand-logo hide-on-med-and-down" style="height: 100%;">
-  <img src="{{ url_for('static', filename='images/nopaque_-_logo+wordmark+slogan.png') }}" alt="" class="mx-3 py-3" style="height: 100%;">
-</a>
 {% endif %}
 
-{# nopaque logo+wordmark #}
-{# small/medium devices #}
+<!-- nopaque logo+wordmark -->
+<!-- small/medium devices -->
 <a href="{{ url_for('main.index') }}" class="brand-logo center hide-on-large-only" style="height: 100%;">
   <img src="{{ url_for('static', filename='images/nopaque_-_logo+wordmark.png') }}" alt="" class="py-3" style="height: 100%;">
 </a>
+<!-- large devices -->
+<a href="{{ url_for('main.index') }}" class="brand-logo hide-on-med-and-down" style="width: 300px; height: 100%;">
+  <img src="{{ url_for('static', filename='images/nopaque_-_logo+wordmark.png') }}" alt="" class="py-3 ml-4" style="height: 100%;">
+</a>
 
-{# right aligned navigation items #}
-{# large devices #}
+<!-- right aligned navigation links -->
+<!-- large devices -->
 <ul class="right hide-on-med-and-down" style="height: 64px;">
-  {# manual #}
-  <li class="tooltipped" data-position="bottom" data-tooltip="Manual">
-    <a href="{{ url_for('main.manual') }}">
-      <i class="material-icons">help_outline</i>
-    </a>
-  </li>
-
-  {# news #}
-  <li class="tooltipped" data-position="bottom" data-tooltip="News">
-    <a href="{{ url_for('main.news') }}">
-      <i class="material-icons">email</i>
-    </a>
-  </li>
-
   {% if current_user.is_authenticated %}
-  {# avatar #}
+  <!-- avatar, username and email -->
   <li style="height: 100%;">
     <a href="#!" class="dropdown-trigger no-autoinit" data-target="nav-account-dropdown-content" id="nav-account-dropdown-trigger" style="height: 100%;">
-      <img src="{{ url_for('users.user_avatar', user_id=current_user.id) }}" alt="" class="circle py-3" style="height: 100%;">
+      <img src="{{ url_for('users.user_avatar', user_id=current_user.id) }}" alt="" class="left circle py-3" style="height: 100%;">
+      <span class="ml-2">{{ current_user.username }} ({{ current_user.email }})</span>
     </a>
   </li>
   {% else %}
-  {# log in #}
+  <!-- log in -->
   <li {% if request.path == url_for('auth.login') %}class="active"{% endif %}>
-    <a href="{{ url_for('auth.login') }}">Log in</a>
+    <a href="{{ url_for('auth.login') }}"><i class="material-icons left">login</i>Log in</a>
   </li>
-  {# register #}
+  <!-- register -->
   <li {% if request.path == url_for('auth.register') %}class="active"{% endif %}>
-    <a href="{{ url_for('auth.register') }}" class="waves-effect waves-light btn primary-color lighten">Register</a>
+    <a href="{{ url_for('auth.register') }}"><i class="material-icons left">assignment</i>Register</a>
   </li>
   {% endif %}
 </ul>

app/templates/_base/sidenav.html.j2

@@ -1,6 +1,7 @@
-<ul class="sidenav {{ 'sidenav-fixed' if sidenav_fixed else '' }}" id="sidenav">
+<ul class="sidenav sidenav-fixed" id="sidenav">
   {# user view #}
-  <li>
+  {# shown for small/medium devices #}
+  <li class="hide-on-large-only">
     <div class="user-view">
       <div class="background primary-color"></div>
       <a><img class="circle" src="{{ url_for('users.user_avatar', user_id=current_user.id) }}" alt=""></a>
@@ -10,28 +11,34 @@
   </li>
 
   {# general items #}
-  <li {% if request.path == url_for('main.news') %}class="active"{% endif %}>
+  {% if current_user.can('USE_API') %}
+  <li>
+    <a class="waves-effect" href="{{ url_for('apifairy.docs') }}"><i class="material-icons">api</i>API</a>
+  </li>
+  {% endif %}
+  <li>
+    <a class="waves-effect" href="{{ url_for('main.manual') }}"><i class="material-icons">school</i>Manual</a>
+  </li>
+  <li>
     <a class="waves-effect" href="{{ url_for('main.news') }}"><i class="material-icons">email</i>News</a>
   </li>
-  <li {% if request.path == url_for('main.dashboard') %}class="active"{% endif %}>
-    <a class="waves-effect" href="{{ url_for('main.dashboard') }}"><i class="material-icons">dashboard</i>Dashboard</a>
+
+  {# dashboard items #}
+  <li><div class="divider"></div></li>
+  <li><a class="subheader">Dashboard</a></li>
+  <li {% if request.path == url_for('corpora.corpora') %}class="active"{% endif %}>
+    <a class="waves-effect" href="{{ url_for('corpora.corpora') }}"><i class="nopaque-icons">I</i>My Corpora</a>
   </li>
-  <li {% if request.path == url_for('contributions.index') %}class="active"{% endif %}>
-    <a href="{{ url_for('contributions.index') }}">
-      <i class="material-icons left">new_label</i>
-      Contributions
-    </a>
+  <li {% if request.path == url_for('jobs.jobs') %}class="active"{% endif %}>
+    <a class="waves-effect" href="{{ url_for('jobs.jobs') }}"><i class="nopaque-icons">J</i>My Jobs</a>
   </li>
-  <li {% if request.path == url_for('main.social') %}class="active"{% endif %}>
-    <a class="waves-effect" href="{{ url_for('main.social') }}"><i class="material-icons">groups</i>Social</a>
-  </li>
-  <li {% if request.path == url_for('main.manual') %}class="active"{% endif %}>
-    <a class="waves-effect" href="{{ url_for('main.manual') }}"><i class="material-icons">help_outline</i>Manual</a>
+  <li>
+    <a class="waves-effect" href="{{ url_for('contributions.index') }}"><i class="material-icons">new_label</i>My Contributions</a>
   </li>
 
   {# processes & services items #}
   <li><div class="divider"></div></li>
-  <li><a class="subheader">Data Processing & Analysis</a></li>
+  <li><a class="subheader">Processes & Services</a></li>
   <li class="service-color service-color-border border-darken" data-service="file-setup-pipeline" style="border-left: 10px solid;">
     <a class="waves-effect" href="{{ url_for('services.file_setup_pipeline') }}"><i class="nopaque-icons service-icons" data-service="file-setup-pipeline"></i>File setup</a>
   </li>
@@ -50,17 +57,17 @@
     <a class="waves-effect" href="{{ url_for('services.corpus_analysis') }}"><i class="nopaque-icons service-icons" data-service="corpus-analysis"></i>Corpus Analysis</a>
   </li>
 
-  {# account items #}
-  <li class="hide-on-large-only"><div class="divider"></div></li>
-  <li class="hide-on-large-only"><a class="subheader">Account</a></li>
+  {# social items #}
+  <li><div class="divider"></div></li>
+  <li><a class="subheader">Social</a></li>
   <li>
     <a href="{{ url_for('users.user', user_id=current_user.id) }}"><i class="material-icons">person</i>My Profile</a>
   </li>
-  <li class="hide-on-large-only">
-    <a class="waves-effect" href="{{ url_for('settings.settings') }}"><i class="material-icons">settings</i>Settings</a>
+  <li>
+    <a class="waves-effect" href="{{ url_for('main.social_area', _anchor='public-users') }}"><i class="material-icons">group</i>Public Users</a>
   </li>
-  <li class="hide-on-large-only">
-    <a class="waves-effect" href="{{ url_for('auth.logout') }}"><i class="material-icons">logout</i>Log out</a>
+  <li>
+    <a class="waves-effect" href="{{ url_for('main.social_area', _anchor='public-corpora') }}"><i class="nopaque-icons">I</i>Public Corpora</a>
   </li>
 
   {# administration items #}
@@ -74,4 +81,14 @@
     <a class="waves-effect" href="{{ url_for('admin.users') }}"><i class="material-icons">manage_accounts</i>Users</a>
   </li>
   {% endif %}
+
+  {# account items #}
+  <li class="hide-on-large-only"><div class="divider"></div></li>
+  <li class="hide-on-large-only"><a class="subheader">Account</a></li>
+  <li class="hide-on-large-only">
+    <a class="waves-effect" href="{{ url_for('settings.settings') }}"><i class="material-icons">settings</i>Settings</a>
+  </li>
+  <li class="hide-on-large-only">
+    <a class="waves-effect" href="{{ url_for('auth.logout') }}"><i class="material-icons">logout</i>Log out</a>
+  </li>
 </ul>

app/templates/base.html.j2

@@ -3,7 +3,7 @@
 {% endif %}
 
 {% if sidenav_fixed is not defined %}
-{% set sidenav_fixed = false %}
+{% set sidenav_fixed = current_user.is_authenticated %}
 {% endif %}
 
 {% if sticky_footer is not defined %}

app/templates/main/dashboard.html.j2

@@ -41,10 +41,97 @@
           <div class="job-list" data-user-id="{{ current_user.hashid }}"></div>
         </div>
         <div class="card-action right-align">
-          <p><a href="#data-processing-and-analysis-modal" class="btn modal-trigger waves-effect waves-light">Create job<i class="material-icons right">add</i></a></p>
+          <p><a class="btn modal-trigger waves-effect waves-light" data-target="create-job-modal">Create job<i class="material-icons right">add</i></a></p>
         </div>
       </div>
     </div>
+
+    <div class="col s12" id="contributions">
+      <h2>My Contributions</h2>
+    </div>
+
+    <div class="col s4">
+      <div class="card extension-selector hoverable service-color" data-service="tesseract-ocr-pipeline">
+        <a href="{{ url_for('tesseract_ocr_pipeline_models.index') }}" style="position: absolute; width: 100%; height: 100%;"></a>
+        <div class="card-content">
+          <span class="card-title">Tesseract OCR Pipeline Models</span>
+          <p>Here you can see and edit the models that you have created. You can also create new models.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="col s4">
+      <div class="card extension-selector hoverable service-color" data-service="spacy-nlp-pipeline">
+        <a href="{{ url_for('spacy_nlp_pipeline_models.index') }}" style="position: absolute; width: 100%; height: 100%;"></a>
+        <div class="card-content">
+          <span class="card-title">SpaCy NLP Pipeline Models</span>
+          <p>Here you can see and edit the models that you have created. You can also create new models.</p>
+        </div>
+      </div>
+    </div>
+
+    {% if config.NOPAQUE_TRANSKRIBUS_ENABLED %}
+    <div class="col s4">
+      <div class="card extension-selector hoverable service-color" data-service="transkribus-htr-pipeline">
+      <a href="{{ url_for('transkribus_htr_pipeline_models.index') }}" style="position: absolute; width: 100%; height: 100%;"></a>
+        <div class="card-content">
+          <span class="card-title">Transkribus HTR Pipeline Models</span>
+          <p>Here you can see and edit the models that you have created. You can also create new models.</p>
+        </div>
+      </div>
+    </div>
+    {% endif %}
   </div>
 </div>
 {% endblock page_content %}
+
+{% block modals %}
+{{ super() }}
+<div id="create-job-modal" class="modal">
+  <div class="modal-content">
+    <h4>Select a service</h4>
+    <p>&nbsp;</p>
+    <div class="row">
+      <div class="col s12 m4">
+          <div class="card-panel center-align hoverable">
+            <br>
+            <a href="{{ url_for('services.file_setup_pipeline') }}" class="btn-floating btn-large waves-effect waves-light" style="transform: scale(2);">
+              <i class="nopaque-icons service-color darken service-icons" data-service="file-setup-pipeline"></i>
+            </a>
+            <br><br>
+            <p class="service-color-text darken" data-service="file-setup-pipeline"><b>File setup</b></p>
+            <p class="light">Digital copies of text based research data (books, letters, etc.) often comprise various files and formats. nopaque converts and merges those files to facilitate further processing.</p>
+            <a href="{{ url_for('services.file_setup_pipeline') }}" class="waves-effect waves-light btn service-color darken" data-service="file-setup-pipeline">Create Job</a>
+          </div>
+      </div>
+      <div class="col s12 m4">
+          <div class="card-panel center-align hoverable">
+            <br>
+            <a href="{{ url_for('services.tesseract_ocr_pipeline') }}" class="btn-floating btn-large waves-effect waves-light" style="transform: scale(2);">
+              <i class="nopaque-icons service-color darken service-icons" data-service="tesseract-ocr-pipeline" style="font-size: 2.5rem;"></i>
+            </a>
+            <br><br>
+            <p class="service-color-text darken" data-service="tesseract-ocr-pipeline"><b>Optical Character Recognition</b></p>
+            <p class="light">nopaque converts your image data – like photos or scans – into text data through a process called OCR. This step enables you to proceed with further computational analysis of your documents.</p>
+            <a href="{{ url_for('services.tesseract_ocr_pipeline') }}" class="waves-effect waves-light btn service-color darken" data-service="tesseract-ocr-pipeline">Create Job</a>
+          </div>
+      </div>
+      <div class="col s12 m4">
+          <div class="card-panel center-align hoverable">
+            <br>
+            <a href="{{ url_for('services.spacy_nlp_pipeline') }}" class="btn-floating btn-large waves-effect waves-light" style="transform: scale(2);">
+              <i class="nopaque-icons service-color darken service-icons" data-service="spacy-nlp-pipeline" style="font-size: 2.5rem;"></i>
+            </a>
+            <br><br>
+            <p class="service-color-text darken" data-service="spacy-nlp-pipeline"><b>Natural Language Processing</b></p>
+            <p class="light">By means of computational linguistic data processing (tokenization, lemmatization, part-of-speech tagging and named-entity recognition) nopaque extracts additional information from your text.</p>
+            <a href="{{ url_for('services.spacy_nlp_pipeline') }}" class="waves-effect waves-light btn service-color darken" data-service="spacy-nlp-pipeline">Create Job</a>
+          </div>
+      </div>
+    </div>
+  </div>
+  <div class="modal-footer">
+    <a class="btn-flat modal-close waves-effect waves-light">Close</a>
+  </div>
+</div>
+{% endblock modals %}

app/templates/spacy_nlp_pipeline_models/index.html.j2

@@ -0,0 +1,24 @@
+{% extends "base.html.j2" %}
+{% import "wtf.html.j2" as wtf %}
+
+{% block page_content %}
+<div class="container">
+  <div class="row">
+    <div class="col s12">
+      <h1 id="title">{{ title }}</h1>
+      <p>Here you can see and edit the models that you have created. You can also create new models.</p>
+    </div>
+
+    <div class="col s12">
+      <div class="card">
+        <div class="card-content">
+          <div class="spacy-nlp-pipeline-model-list" data-user-id="{{ current_user.hashid }}"></div>
+        </div>
+        <div class="card-action right-align">
+          <a href="{{ url_for('.create') }}" class="btn waves-effect waves-light"><i class="material-icons left">add</i>Create</a>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+{% endblock page_content %}

app/templates/tesseract_ocr_pipeline_models/index.html.j2

@@ -1,4 +1,5 @@
 {% extends "base.html.j2" %}
+{% import "wtf.html.j2" as wtf %}
 
 {% block page_content %}
 <div class="container">
@@ -8,27 +9,17 @@
       <p>Here you can see and edit the models that you have created. You can also create new models.</p>
     </div>
 
-    <div class="col s12">
-      <div class="card">
-        <div class="card-content">
-          <div class="spacy-nlp-pipeline-model-list" data-user-id="{{ current_user.hashid }}"></div>
-        </div>
-        <div class="card-action right-align">
-          <a href="{{ url_for('.spacy_nlp_pipeline_models.create') }}" class="btn waves-effect waves-light"><i class="material-icons left">add</i>Create</a>
-        </div>
-      </div>
-    </div>
-
     <div class="col s12">
       <div class="card">
         <div class="card-content">
           <div class="tesseract-ocr-pipeline-model-list" data-user-id="{{ current_user.hashid }}"></div>
         </div>
         <div class="card-action right-align">
-          <a href="{{ url_for('.tesseract_ocr_pipeline_models.create') }}" class="btn waves-effect waves-light"><i class="material-icons left">add</i>Create</a>
+          <a href="{{ url_for('.create') }}" class="btn waves-effect waves-light"><i class="material-icons left">add</i>Create</a>
         </div>
       </div>
     </div>
   </div>
 </div>
+
 {% endblock page_content %}