From 5f6dc5c9350242d6a939bdca139779cb7f58d2ac Mon Sep 17 00:00:00 2001
From: Remi <73385395+itsrubberduck@users.noreply.github.com>
Date: Sat, 18 Oct 2025 10:53:43 +0200
Subject: [PATCH] Add email guidance and show callsign for advanced lessons

---
 app/pages/classroom.vue | 42 +++++++++++++++++++++++++++++++++++++++++
 app/pages/feedback.vue  |  7 +++++++
 2 files changed, 49 insertions(+)

diff --git a/app/pages/classroom.vue b/app/pages/classroom.vue
index c1ffce0..794cd08 100644
--- a/app/pages/classroom.vue
+++ b/app/pages/classroom.vue
@@ -928,6 +928,13 @@
                 </div>
               </div>
             </div>
+            <div v-else-if="scenario" class="scenario-quick">
+              <div class="scenario-quick-main">
+                <span class="scenario-quick-label">Callsign</span>
+                <span class="scenario-quick-value">{{ displayCallsign(scenario.radioCall, scenario) }}</span>
+              </div>
+              <span class="scenario-quick-sub">Pronunciation: {{ scenario.radioCall }}</span>
+            </div>
             <div class="console-grid">
               <div class="col">
                 <div class="label">Briefing</div>
@@ -6099,6 +6106,41 @@ onMounted(() => {
   font-weight: 600;
 }
 
+.scenario-quick {
+  grid-column: 1 / -1;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding: 12px 14px;
+  border: 1px solid var(--border);
+  background: color-mix(in srgb, var(--text) 6%, transparent);
+  border-radius: 12px;
+}
+
+.scenario-quick-main {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.scenario-quick-label {
+  font-size: 11px;
+  letter-spacing: .08em;
+  color: var(--t3);
+  text-transform: uppercase;
+}
+
+.scenario-quick-value {
+  font-size: 18px;
+  font-weight: 600;
+}
+
+.scenario-quick-sub {
+  font-size: 13px;
+  color: var(--t3);
+}
+
 .scenario-sub {
   color: var(--t3);
   font-size: 13px;
diff --git a/app/pages/feedback.vue b/app/pages/feedback.vue
index c08237e..f02d57f 100644
--- a/app/pages/feedback.vue
+++ b/app/pages/feedback.vue
@@ -35,6 +35,13 @@
 
       <section class="max-w-5xl mx-auto">
         <div class="">
+          <p class="mb-6 text-sm text-white/70 sm:text-base">
+            For sending images or advanced feedback, please email us at
+            <a href="mailto:info@opensquawk.de" class="font-semibold text-cyan-200 hover:text-cyan-100">
+              info@opensquawk.de
+            </a>
+            — it takes only a minute and helps us so much!
+          </p>
           <form
               class="space-y-8 rounded-3xl border border-white/10 bg-white/10 p-6 shadow-[0_30px_80px_rgba(5,10,35,0.45)] backdrop-blur-3xl"
               @submit.prevent="handleSubmit" novalidate>