Add vorbereitungen section for workshop fgho 2023

app/templates/workshops/_fgho_sommerschule_2023/_vorbereitungen.html.j2

@@ -1 +1,82 @@
 <h2>Vorbereitungen</h2>
+<div class="row">
+  <div class="col s12 m5">
+    <img class="materialboxed responsive-img" alt="Dashboard" src="{{ url_for('static', filename='images/workshops/fgho_sommerschule_2023/dashboard.png') }}">
+  </div>
+  <div class="col s12 m7">
+    <p>
+      Navigiere zum Abschnitt "<a href="{{ url_for('main.dashboard', _anchor='corpora') }}">My Corpora</a>"
+      auf der <a href="{{ url_for('main.dashboard') }}">Dashboard</a> Seite.
+    </p>
+    <p>
+      Nutze dort den "<a href="{{ url_for('corpora.create_corpus') }}">Create corpus +</a>"
+      Button um einen neuen Korpus zu erstellen.
+    </p>
+  </div>
+</div>
+
+<hr>
+
+<div class="row">
+  <div class="col s12 m5">
+    <img class="materialboxed responsive-img" alt="Dashboard" src="{{ url_for('static', filename='images/workshops/fgho_sommerschule_2023/create_corpus.png') }}">
+  </div>
+  <div class="col s12 m7">
+    <p>
+      Trage in dem Formular einen <b>Titel</b> und eine <b>Beschreibung</b> ein, die Felder
+      können frei befüllt werden. Die Angaben sollen dir in Zukunft helfen den
+      Korpus wiederzufinden, wenn deine Korpusliste sich füllt.
+    </p>
+  </div>
+</div>
+
+<hr>
+
+<div class="row">
+  <div class="col s12 m5">
+    <img class="materialboxed responsive-img" alt="Dashboard" src="{{ url_for('static', filename='images/workshops/fgho_sommerschule_2023/empty_corpus.png') }}">
+  </div>
+  <div class="col s12 m7">
+    <p>
+      Nachdem du den Korpus erstellt hast, wirst du zur Korpusübersicht
+      weitergeleitet. Diese zeigt einen leeren Korpus, in dem noch keine
+      Korpusdateien hinterlegt sind. Um den Korpus mit Texten zu füllen,
+      wird der „<b>+ Add corpus file</b>“ Button benutzt.
+    </p>
+  </div>
+</div>
+
+<hr>
+
+<div class="row">
+  <div class="col s12 m5">
+    <img class="materialboxed responsive-img" alt="Dashboard" src="{{ url_for('static', filename='images/workshops/fgho_sommerschule_2023/add_corpus_file.png') }}">
+  </div>
+  <div class="col s12 m7">
+    <p>
+      In dem folgenden Formular werden nun Metadaten zu dem Text, den wir
+      hinzufügen wollen, hinterlegt. Diese Daten sollten sorgfältig eingetragen
+      werden, da sie in der Analyse mit einbezogen werden. Mit dem „File“-Feld
+      muss eine Textdatei im „.vrt“ Format ausgewählt werden.
+    </p>
+    <p>
+      Füge deinem neu erstellten Korpus so die zwei, <b>im Workshop zur Verfügung
+      gestellten</b>, Texte hinzu.
+    </p>
+  </div>
+</div>
+
+<hr>
+
+<div class="row">
+  <div class="col s12 m5">
+    <img class="materialboxed responsive-img" alt="Dashboard" src="{{ url_for('static', filename='images/workshops/fgho_sommerschule_2023/corpus.png') }}">
+  </div>
+  <div class="col s12 m7">
+    <p>
+      Nachdem die Texte dem Korpus hinzugefügt wurden, sollte deine
+      Korpusübersicht wie in dem Bild aussehen. Nutze nun die „<b>Build</b>“-Aktion,
+      um den Korpus für eine Analyse vorzubereiten.
+    </p>
+  </div>
+</div>

app/templates/workshops/fgho_sommerschule_2023.html.j2

@@ -7,6 +7,10 @@
       <h1 id="title">{{ title }}</h1>
     </div>
 
+    <div class="col s12">
+      <a class="btn waves-effect waves-light" href="#fgho-sommerschule-2023-workshop-aufgaben">Hier geht es zu den Aufgaben<i class="material-icons right">send</i></a>
+    </div>
+
     <div class="col s12" id="fgho-sommerschule-2023-vorbereitungen">
       {% include "workshops/_fgho_sommerschule_2023/_vorbereitungen.html.j2" %}
     </div>

app/workshops/routes.py

@@ -1,9 +1,17 @@
-from flask import render_template
+from flask import redirect, render_template, url_for
+from flask_breadcrumbs import register_breadcrumb
 from . import bp
 
 
+@bp.route('')
+@register_breadcrumb(bp, '.', '<i class="material-icons left">business_center</i>Workshops')
+def workshops():
+    return redirect(url_for('main.dashboard'))
+
+
 @bp.route('/fgho_sommerschule_2023')
-def index():
+@register_breadcrumb(bp, '.fgho_sommerschule_2023', 'FGHO Sommerschule 2023')
+def fgho_sommerschule_2023():
     return render_template(
         'workshops/fgho_sommerschule_2023.html.j2',
         title='FGHO Sommerschule 2023',