From d1ddf9bbc8accaf6816665cf92209f8e62979549 Mon Sep 17 00:00:00 2001
From: Valentyne Stigloher <pixunil@posteo.eu>
Date: Mon, 15 Sep 2025 10:04:02 +0200
Subject: [PATCH] trans(profile): add information about pronunciation

---
 app/pages/profile/editor.vue   | 9 ++++++---
 locale/_base/translations.suml | 7 +++++++
 locale/de/translations.suml    | 9 ++++++++-
 locale/en/translations.suml    | 7 +++++++
 4 files changed, 28 insertions(+), 4 deletions(-)

diff --git a/app/pages/profile/editor.vue b/app/pages/profile/editor.vue
index cf6156f13..2699d7431 100644
--- a/app/pages/profile/editor.vue
+++ b/app/pages/profile/editor.vue
@@ -460,9 +460,12 @@ const propagateChanged = (field: string, checked: boolean): void => {
                         <T>profile.names</T>
                     </template>
                     <template #names>
-                        <p v-if="$te('profile.namesInfo')" class="small text-muted">
-                            <T>profile.namesInfo</T>
-                        </p>
+                        <div class="alert alert-info">
+                            <p class="small mb-0">
+                                <Icon v="info-circle" />
+                                <T>profile.namesInfo</T>
+                            </p>
+                        </div>
                         <OpinionListInput
                             v-model="formData.names"
                             :prototype="{ value: '', opinion: 'meh', pronunciation: null, voice: null }"
diff --git a/locale/_base/translations.suml b/locale/_base/translations.suml
index 764621469..892136111 100644
--- a/locale/_base/translations.suml
+++ b/locale/_base/translations.suml
@@ -726,6 +726,13 @@ user:
 profile:
     description: 'Description'
     names: 'Names'
+    namesInfo: >
+        You can enter your <strong>names</strong> or <strong>initials</strong> with the spelling
+        and optionally with their pronunciation.
+        Keep in mind that you need to specify pronunciation in IPA (International Phonetic Alphabet)
+        so that it is in an universally recognized format.
+        If the used voice synthesizers does not produce the correct pronunciation,
+        you can try switching to a different one or disabling the voice entirely if it is too far off.
     pronunciation:
         ipa: 'Pronunciation using IPA'
         voice:
diff --git a/locale/de/translations.suml b/locale/de/translations.suml
index cb06c3ee6..c36a87ca5 100644
--- a/locale/de/translations.suml
+++ b/locale/de/translations.suml
@@ -842,6 +842,13 @@ user:
 profile:
     description: 'Beschreibung'
     names: 'Namen'
+    namesInfo: >
+        Du kannst deine <strong>Namen</strong> oder <strong>Initialen</strong> mit ihrer Schreibung
+        und optional ihrer Aussprache eingeben.
+        Beachte bitte, dass die Aussprache in IPA (Internationales Phonetisches Alphabet) eingegeben werden muss,
+        damit diese in einem universellen Format vorliegt.
+        Wenn die Sprachausgabe nicht die korrekte Aussprache erzeugt,
+        kannst du eine andere Sprachausgabe versuchen oder die Sprachausgabe komplett abschalten.
     pronunciation:
         ipa: 'Aussprache in IPA'
         voice:
@@ -849,7 +856,7 @@ profile:
     pronouns: 'Pronomen'
     pronounsInfo: >
         Du kannst entweder ein <strong>Pronomen</strong> (z.B. „sier“ oder „sie/ihr“) oder einen <strong>Link</strong> (z.B. „https://pronomen.net/dey“)
-        oder <strong>vier benutzerdefinierten Formen</strong> (z.B. „xier/xies/xiem/xien“).
+        oder <strong>vier benutzerdefinierten Formen</strong> (z.B. „xier/xies/xiem/xien“) eingeben.
         Du kannst auch den {/pronomen#generator=<strong>Generator</strong>} verwenden, um die Sätze mit benutzerdefinierten Formen auszufüllen.
     pronounsNotFound: 'Nicht erkennbares Format. Bitte beachte die oben genannte Anweisung.'
     words: 'Wörter'
diff --git a/locale/en/translations.suml b/locale/en/translations.suml
index 00bc218a8..1152e2d48 100644
--- a/locale/en/translations.suml
+++ b/locale/en/translations.suml
@@ -942,6 +942,13 @@ user:
 profile:
     description: 'Description'
     names: 'Names'
+    namesInfo: >
+        You can enter your <strong>names</strong> or <strong>initials</strong> with the spelling
+        and optionally with their pronunciation.
+        Keep in mind that you need to specify pronunciation in IPA (International Phonetic Alphabet)
+        so that it is in an universally recognized format.
+        If the used voice synthesizers does not produce the correct pronunciation,
+        you can try switching to a different one or disabling the voice entirely if it is too far off.
     pronunciation:
         ipa: 'Pronunciation using IPA'
         voice: