diff --git a/frontend/src/components/Einladung.vue b/frontend/src/components/Einladung.vue index 98c7825..c4e1097 100644 --- a/frontend/src/components/Einladung.vue +++ b/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)) - +