trans(profile): add information about pronunciation

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 }"

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:

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'

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: