update

frontend/src/components/Einladung.vue

@@ -19,6 +19,7 @@ function naechsterMittwoch() {
 
 const form = reactive({
   stil: 'horror',
+  vorzeile: 'Einladung zum',
   titel: 'Filmabend',
   datum: naechsterMittwoch(),
   uhrzeit: '20:00',
@@ -265,7 +266,12 @@ function malen() {
   ctx.textAlign = 'center'
   ctx.textBaseline = 'alphabetic'
 
-  // Überschrift
+  // Vorzeile und Überschrift
+  ctx.fillStyle = farbe.leise
+  ctx.font = `600 36px ${SCHRIFT}`
+  ctx.letterSpacing = '8px'
+  ctx.fillText(form.vorzeile.toUpperCase(), B / 2, 345, B - 160)
+  ctx.letterSpacing = '0px'
   ctx.save()
   if (horror) {
     ctx.shadowColor = 'rgba(229, 9, 20, 0.7)'
@@ -364,10 +370,16 @@ onUnmounted(() => window.removeEventListener('keydown', escape))
             </button>
           </div>
 
-          <label>
+          <div class="zeile">
-            Überschrift
+            <label>
-            <input v-model="form.titel" type="text" maxlength="24" />
+              Vorzeile
-          </label>
+              <input v-model="form.vorzeile" type="text" maxlength="30" />
+            </label>
+            <label>
+              Überschrift
+              <input v-model="form.titel" type="text" maxlength="24" />
+            </label>
+          </div>
           <div class="zeile">
             <label>
               Datum