From 5745dcc52ffc5d0f8d970c9e3176bbb56b46644f Mon Sep 17 00:00:00 2001
From: Andrea Vos <andrea@avris.it>
Date: Mon, 15 Sep 2025 10:28:29 +0200
Subject: [PATCH] (profile) embed code generator

---
 app/components/CalendarIcs.vue         |  2 +-
 app/components/ClipboardLinkButton.vue |  3 ++-
 app/pages/profile/[username].vue       | 17 +++++++++++++++++
 locale/_base/translations.suml         |  3 ++-
 locale/ar/translations.suml            |  3 ++-
 locale/de/translations.suml            |  3 ++-
 locale/en/translations.suml            |  5 ++++-
 locale/eo/translations.suml            |  3 ++-
 locale/es/translations.suml            |  3 ++-
 locale/et/translations.suml            |  3 ++-
 locale/fo/translations.suml            |  3 ++-
 locale/fr/translations.suml            |  3 ++-
 locale/gl/translations.suml            |  3 ++-
 locale/hu/translations.suml            |  3 ++-
 locale/it/translations.suml            |  3 ++-
 locale/ja/translations.suml            |  2 +-
 locale/ko/translations.suml            |  2 +-
 locale/lad/translations.suml           |  3 ++-
 locale/nb/translations.suml            |  3 ++-
 locale/nl/translations.suml            |  3 ++-
 locale/nn/translations.suml            |  3 ++-
 locale/pl/translations.suml            |  5 ++++-
 locale/pt/translations.suml            |  3 ++-
 locale/ro/translations.suml            |  3 ++-
 locale/ru/translations.suml            |  3 ++-
 locale/sv/translations.suml            |  3 ++-
 locale/tok/translations.suml           |  2 +-
 locale/tr/translations.suml            |  3 ++-
 locale/ua/translations.suml            |  3 ++-
 locale/vi/translations.suml            |  2 +-
 locale/zh/translations.suml            |  2 +-
 31 files changed, 75 insertions(+), 30 deletions(-)

diff --git a/app/components/CalendarIcs.vue b/app/components/CalendarIcs.vue
index f5df1f6a5..d784aedeb 100644
--- a/app/components/CalendarIcs.vue
+++ b/app/components/CalendarIcs.vue
@@ -9,7 +9,7 @@ const onlyFirst = ref(true);
 
 <template>
     <div>
-        <ClipboardLinkButton :link="url + (onlyFirst ? '?only_first_days' : '')" :class="small ? 'btn-sm' : ''" />
+        <ClipboardLinkButton :link="url + (onlyFirst ? '?only_first_days' : '')" :class="small ? 'btn-sm' : ''" label="crud.copyLink" />
         <a :href="url + (onlyFirst ? '?only_first_days' : '')" :class="['btn', 'btn-outline-primary', 'm-1', small ? 'btn-sm' : '']">
             <Icon v="calendar-plus" />
             <T :params="{ name: '.ics' }">crud.download</T>
diff --git a/app/components/ClipboardLinkButton.vue b/app/components/ClipboardLinkButton.vue
index afc3cd83b..c526932c2 100644
--- a/app/components/ClipboardLinkButton.vue
+++ b/app/components/ClipboardLinkButton.vue
@@ -3,6 +3,7 @@ import { useClipboard } from '@vueuse/core';
 
 const props = defineProps<{
     link: string;
+    label?: string;
 }>();
 
 const { copy, copied } = useClipboard({ source: props.link });
@@ -11,6 +12,6 @@ const { copy, copied } = useClipboard({ source: props.link });
 <template>
     <button type="button" :class="['btn', copied ? 'btn-success' : 'btn-outline-primary', 'm-1']" @click="copy()">
         <Icon :v="copied ? 'clipboard-check' : 'clipboard'" />
-        <T>crud.copy</T>
+        <T>{{ label || 'crud.copy'}}</T>
     </button>
 </template>
diff --git a/app/pages/profile/[username].vue b/app/pages/profile/[username].vue
index f407f12ec..c70048b63 100644
--- a/app/pages/profile/[username].vue
+++ b/app/pages/profile/[username].vue
@@ -91,6 +91,7 @@ const user = userAsyncData.data;
 
 const terms = ref<TermsEntryRaw[]>([]);
 const cardMenuVisible = ref(false);
+const embedMenuVisible = ref(false);
 const icsMenuVisible = ref(false);
 
 const cardsEnabled = ref(true);
@@ -224,6 +225,10 @@ const { data: latestPosts } = useAsyncData('latest-posts', async () => {
 }, {
     lazy: true,
 });
+
+const embedCode = computed(() => {
+    return `<iframe src="${getUrlForLocale(config.locale)}/card/@${username.value}" style="border:0; width:100%; height:400px;" loading="lazy" referrerpolicy="no-referrer"><a href="${getUrlForLocale(config.locale)}/@${username.value}" target="_blank" rel="noopener">@${username.value}</a></iframe>`;
+});
 </script>
 
 <template>
@@ -385,6 +390,18 @@ const { data: latestPosts } = useAsyncData('latest-posts', async () => {
                                 </span>
                             </div>
                         </template>
+                        <a v-if="!embedMenuVisible" href="#" class="list-group-item list-group-item-action list-group-item-hoverable" @click.prevent="embedMenuVisible = true">
+                            <Icon v="box-full" />
+                            <T>profile.embed.header</T>
+                        </a>
+                        <div v-else class="list-group-item">
+                            <p class="small">
+                                <Icon v="box-full" />
+                                <T>profile.embed.header</T><T>quotation.colon</T>
+                            </p>
+                            <textarea class="form-control form-control-sm mb-2" rows="3" readonly v-model="embedCode"></textarea>
+                            <ClipboardLinkButton :link="embedCode" class="w-100" />
+                        </div>
                         <template v-if="(profile.events?.length ?? 0) + (profile.customEvents?.length ?? 0) > 0">
                             <a
                                 v-if="!icsMenuVisible"
diff --git a/locale/_base/translations.suml b/locale/_base/translations.suml
index d996e0a2e..e0e72629c 100644
--- a/locale/_base/translations.suml
+++ b/locale/_base/translations.suml
@@ -987,7 +987,8 @@ crud:
     author: 'Added by'
     saved: 'Changes saved successfully!'
     loginRequired: '{/account=Log in} to submit an entry'
-    copy: 'Copy link'
+    copyLink: 'Copy link'
+    copy: 'Copy'
     download: 'Download %name%'
     loadAll: 'Load all…'
     validation:
diff --git a/locale/ar/translations.suml b/locale/ar/translations.suml
index 89078e3a8..f6c43c1df 100644
--- a/locale/ar/translations.suml
+++ b/locale/ar/translations.suml
@@ -848,7 +848,8 @@ crud:
     all: 'الجميع'
     saved: 'التغييرات تم حفظها بنجاح!'
     loginRequired: 'يجب عليك {/الحساب=تسجيل الدخول} لإرسال إدخال'
-    copy: 'نسخ الرابط'
+    copyLink: 'نسخ الرابط'
+    copy: 'نسخ'
     download: 'تحميل %name%'
     loadAll: 'تحميل الكل...'
     validation:
diff --git a/locale/de/translations.suml b/locale/de/translations.suml
index 01a4efc8d..035f1f44a 100644
--- a/locale/de/translations.suml
+++ b/locale/de/translations.suml
@@ -1107,7 +1107,8 @@ crud:
     author: 'Hinzugefügt von'
     saved: 'Änderungen erfolgreich gespeichert!'
     loginRequired: '{/account=Log dich ein} um Eintrag einzureichen'
-    copy: 'Link kopieren'
+    copyLink: 'Link kopieren'
+    copy: 'Kopieren'
     download: '%name% herunterladen'
     loadAll: 'Alle laden...'
     validation:
diff --git a/locale/en/translations.suml b/locale/en/translations.suml
index b56f3260b..f7be566f8 100644
--- a/locale/en/translations.suml
+++ b/locale/en/translations.suml
@@ -1169,6 +1169,8 @@ profile:
                 description: 'Only logged in users can see your full card.'
         always: 'Your username, avatar and pronouns will remain public regardless of the visibility settings.'
         accessDenied: 'This card is only visible to logged in users.'
+    embed:
+        header: 'Embed code'
 
 share: 'Share'
 
@@ -1187,7 +1189,8 @@ crud:
     author: 'Added by'
     saved: 'Changes saved successfully!'
     loginRequired: '{/account=Log in} to submit an entry'
-    copy: 'Copy link'
+    copyLink: 'Copy link'
+    copy: 'Copy'
     download: 'Download %name%'
     loadAll: 'Load all…'
     validation:
diff --git a/locale/eo/translations.suml b/locale/eo/translations.suml
index 5a92318dd..1082450c7 100644
--- a/locale/eo/translations.suml
+++ b/locale/eo/translations.suml
@@ -880,7 +880,8 @@ crud:
         listMaxLength: 'La maksimuma kvanto de elementoj en ĉi tiu listo estas %maxlength%.'
         invalidLink: 'Nevalida URL-aranĝo'
         genericForm: 'La alsendita folmuralo estas nevalida. Bonvolu korekti la erarojn kaj realsendi ĝin.'
-    copy: 'Kopii ligilon'
+    copyLink: 'Kopii ligilon'
+    copy: 'Kopii'
     alt: 'Alternativa teksto'
 
 search:
diff --git a/locale/es/translations.suml b/locale/es/translations.suml
index c2c4c0f80..dc359d2cf 100644
--- a/locale/es/translations.suml
+++ b/locale/es/translations.suml
@@ -913,7 +913,8 @@ crud:
     author: 'Añadido por'
     saved: 'Los cambios se guardaron exitosamente!'
     loginRequired: '{/cuenta=Iniciar sesión} para enviar un ítem'
-    copy: 'Copiar enlace'
+    copyLink: 'Copiar enlace'
+    copy: 'Copiar'
     download: 'Descargar %name%'
     loadAll: 'Cargar todo…'
     validation:
diff --git a/locale/et/translations.suml b/locale/et/translations.suml
index 96ae63e99..2e57a8d67 100644
--- a/locale/et/translations.suml
+++ b/locale/et/translations.suml
@@ -744,7 +744,8 @@ crud:
     author: 'Lisas'
     saved: 'Muudatused edukalt salvestatud!'
     loginRequired: 'Kirjete esitamiseks {/account=logi sisse}'
-    copy: 'Kopeeri link'
+    copyLink: 'Kopeeri link'
+    copy: 'Kopeeri'
     download: 'Laadi alla %name%'
     loadAll: 'Laadi kõik…'
     validation:
diff --git a/locale/fo/translations.suml b/locale/fo/translations.suml
index 68579eb9a..0f422cb73 100644
--- a/locale/fo/translations.suml
+++ b/locale/fo/translations.suml
@@ -1209,7 +1209,8 @@ crud:
     author: 'Lagt aftrat av'
     saved: 'Broytingar vóru goymdar!'
     loginRequired: '{/brúkari=Rita in} fyri at senda uppskot inn'
-    copy: 'Avrita leinkið'
+    copyLink: 'Avrita leinkið'
+    copy: 'Avrita'
     download: 'Tak niður %name%'
     loadAll: 'Heinta alt…'
     validation:
diff --git a/locale/fr/translations.suml b/locale/fr/translations.suml
index e95797d48..c95707b04 100644
--- a/locale/fr/translations.suml
+++ b/locale/fr/translations.suml
@@ -671,7 +671,8 @@ crud:
     author: 'Ajouté par'
     saved: 'Modifications enregistrées !'
     loginRequired: '{/compte=Connectez-vous} pour proposer un mot'
-    copy: 'Copier le lien'
+    copyLink: 'Copier le lien'
+    copy: 'Copier'
     download: 'Télécharger %name%'
     alt: 'Texte alternatif'
 
diff --git a/locale/gl/translations.suml b/locale/gl/translations.suml
index b29768be9..79aeec70b 100644
--- a/locale/gl/translations.suml
+++ b/locale/gl/translations.suml
@@ -495,7 +495,8 @@ crud:
     author: 'Adicionado por'
     saved: 'Alterações salvas com sucesso!'
     loginRequired: 'Faça {/conta=login} para participar do nosso banco de dados'
-    copy: 'Copiar link'
+    copyLink: 'Copiar link'
+    copy: 'Copiar'
     download: 'Baixar %name%'
 
 footer:
diff --git a/locale/hu/translations.suml b/locale/hu/translations.suml
index 0eb1504b9..9c0719ca8 100644
--- a/locale/hu/translations.suml
+++ b/locale/hu/translations.suml
@@ -850,7 +850,8 @@ crud:
     author: 'által hozzáadott'
     saved: 'A változtatások sikeresen el lettek mentve!'
     loginRequired: '{/fiók=Jelentkezzen be} ahoz hogy egy elemet küldhessen'
-    copy: 'Link másolása'
+    copyLink: 'Link másolása'
+    copy: 'Másolása'
     download: 'Letöltés %name%'
     loadAll: 'Minden betöltése…'
     validation:
diff --git a/locale/it/translations.suml b/locale/it/translations.suml
index b57906f45..986a6635c 100644
--- a/locale/it/translations.suml
+++ b/locale/it/translations.suml
@@ -1075,7 +1075,8 @@ crud:
     author: 'Aggiunto da'
     saved: 'Modifiche salvate con successo!'
     loginRequired: '{/account=Log in} per inviare una proposta'
-    copy: 'Copia link'
+    copyLink: 'Copia link'
+    copy: 'Copia'
     download: 'Download %name%'
     loadAll: 'Carica tutti...'
     validation:
diff --git a/locale/ja/translations.suml b/locale/ja/translations.suml
index 814c6d245..c1bdfe9fd 100644
--- a/locale/ja/translations.suml
+++ b/locale/ja/translations.suml
@@ -678,7 +678,7 @@ crud:
     author: 'によって追加'
     saved: '変更の保存に成功しました！'
     loginRequired: '記入を送信するには、{/アカウント=ログイン}する必要があります。'
-    copy: 'リンクをコピー'
+    copyLink: 'リンクをコピー'
     download: 'ダウンロード %name%'
     alt: '代替テキスト'
 
diff --git a/locale/ko/translations.suml b/locale/ko/translations.suml
index 6a6f65911..19fc67b45 100644
--- a/locale/ko/translations.suml
+++ b/locale/ko/translations.suml
@@ -696,7 +696,7 @@ crud:
     author: '추가한 사람'
     saved: '저장 성공!'
     loginRequired: '{/account=로그인}하고 항목 제출하세요'
-    copy: '링크 복사'
+    copyLink: '링크 복사'
     download: '다운로드 %name%'
     loadAll: '모두 보기…'
     validation:
diff --git a/locale/lad/translations.suml b/locale/lad/translations.suml
index 68b0f2f37..1d2ccc82d 100644
--- a/locale/lad/translations.suml
+++ b/locale/lad/translations.suml
@@ -532,7 +532,8 @@ crud:
     author: 'Adisyonado por'
     saved: 'Los trokamientos se guadraron kon sukseso!'
     loginRequired: '{/kuento=Konektarte} para embiar una propozision'
-    copy: 'Kopiar atadijo'
+    copyLink: 'Kopiar atadijo'
+    copy: 'Kopiar'
     download: 'Abashar %name%'
 
 footer:
diff --git a/locale/nb/translations.suml b/locale/nb/translations.suml
index c6a9c6c24..46a19b029 100644
--- a/locale/nb/translations.suml
+++ b/locale/nb/translations.suml
@@ -1132,7 +1132,8 @@ crud:
     author: 'Lagt til av'
     saved: 'Endringer er lagret!'
     loginRequired: '{/konto=Logg in} for å sende inn et bidrag'
-    copy: 'Kopier lenke'
+    copyLink: 'Kopier lenke'
+    copy: 'Kopier'
     download: 'Last ned %name%'
     loadAll: 'Last inn alle…'
     validation:
diff --git a/locale/nl/translations.suml b/locale/nl/translations.suml
index 24ae326e1..059507049 100644
--- a/locale/nl/translations.suml
+++ b/locale/nl/translations.suml
@@ -614,7 +614,8 @@ crud:
     author: 'Toegevoegd door'
     saved: 'Veranderingen succesvol opgeslagen!'
     loginRequired: '{/account=Login} om een toevoeging in te dienen'
-    copy: 'Kopieer link'
+    copyLink: 'Kopieer link'
+    copy: 'Kopieer'
     download: 'Download %name%'
 
 footer:
diff --git a/locale/nn/translations.suml b/locale/nn/translations.suml
index f962af357..7928b51c7 100644
--- a/locale/nn/translations.suml
+++ b/locale/nn/translations.suml
@@ -1134,7 +1134,8 @@ crud:
     author: 'Lagt til av'
     saved: 'Endringar er lagra!'
     loginRequired: '{/konto=Logg in} for å sende inn eit bidrag'
-    copy: 'Kopier lenkje'
+    copyLink: 'Kopier lenkje'
+    copy: 'Kopier'
     download: 'Last ned %name%'
     loadAll: 'Last inn alle…'
     validation:
diff --git a/locale/pl/translations.suml b/locale/pl/translations.suml
index 58fe30859..89c049774 100644
--- a/locale/pl/translations.suml
+++ b/locale/pl/translations.suml
@@ -1806,6 +1806,8 @@ profile:
                 description: 'Tylko zalogowane osoby mogą zobaczyć Twoją pełną wizytówkę.'
         always: 'Twoja nazwa użytkownicza, awatar i zaimki pozostaną widoczne niezależnie od ustawień widoczności.'
         accessDenied: 'Ta wizytówka jest widoczna wyłącznie dla zalogowanych osób.'
+    embed:
+        header: 'Kod osadzania'
 
 pronunciation:
     play: 'Odtwórz dźwięk'
@@ -1909,7 +1911,8 @@ crud:
     author: 'Dodane przez'
     saved: 'Zmiany zapisane!'
     loginRequired: '{/konto=Zaloguj się}, aby zgłosić wpis'
-    copy: 'Skopiuj link'
+    copyLink: 'Skopiuj link'
+    copy: 'Skopiuj'
     download: 'Ściągnij %name%'
     loadAll: 'Załaduj wszystko…'
     validation:
diff --git a/locale/pt/translations.suml b/locale/pt/translations.suml
index 592614cd3..78e533cb6 100644
--- a/locale/pt/translations.suml
+++ b/locale/pt/translations.suml
@@ -871,7 +871,8 @@ crud:
     author: 'Adicionado por'
     saved: 'Alterações salvas com sucesso!'
     loginRequired: 'Faça {/conta=login} para participar do nosso banco de dados'
-    copy: 'Copiar link'
+    copyLink: 'Copiar link'
+    copy: 'Copiar'
     download: 'Baixar %name%'
     loadAll: 'Carregar tudo…'
     validation:
diff --git a/locale/ro/translations.suml b/locale/ro/translations.suml
index c5ea08bd0..a780bd835 100644
--- a/locale/ro/translations.suml
+++ b/locale/ro/translations.suml
@@ -1011,7 +1011,8 @@ crud:
     author: 'Adăugat de'
     saved: 'Schimbările s-au salvat cu succes!'
     loginRequired: '{/cont=Loghează-te} pentru a trimite o intrare'
-    copy: 'Copiază linkul'
+    copyLink: 'Copiază linkul'
+    copy: 'Copiază'
     download: 'Descarcă %name%'
     loadAll: 'Încarcă tot…'
     validation:
diff --git a/locale/ru/translations.suml b/locale/ru/translations.suml
index 17b0eb343..3aff6f952 100644
--- a/locale/ru/translations.suml
+++ b/locale/ru/translations.suml
@@ -937,7 +937,8 @@ crud:
     author: 'Добавлено'
     saved: 'Изменения успешно сохранены!'
     loginRequired: '{/account=Авторизируйтесь}, чтобы подтвердить вход в систему'
-    copy: 'Скопировать ссылку'
+    copyLink: 'Скопировать ссылку'
+    copy: 'Скопировать'
     download: 'Скачать %name%'
     validation:
         listMaxLength: 'В этом списке может быть максимум %maxlength% элементов.'
diff --git a/locale/sv/translations.suml b/locale/sv/translations.suml
index a99c9b70e..54431164d 100644
--- a/locale/sv/translations.suml
+++ b/locale/sv/translations.suml
@@ -769,7 +769,8 @@ crud:
     author: 'Tillagd av'
     saved: 'Ändringarna har sparats!'
     loginRequired: '{/konto=Logga in} För att skicka in ett nytt inlägg'
-    copy: 'Kopiera länk'
+    copyLink: 'Kopiera länk'
+    copy: 'Kopiera'
     download: 'Ladda ner %name%'
     loadAll: 'Ladda alla...'
     validation:
diff --git a/locale/tok/translations.suml b/locale/tok/translations.suml
index bd2114843..2c38db48f 100644
--- a/locale/tok/translations.suml
+++ b/locale/tok/translations.suml
@@ -416,7 +416,7 @@ crud:
     filter: 'o alasa…'
     filterLong: 'o alasa…'
     search: 'o alasa…'
-    copy: 'o jo e nasin pi lipu ni'
+    copyLink: 'o jo e nasin pi lipu ni'
     download: 'o kama jo %name%'
     alt: 'toki sitelen:'
 
diff --git a/locale/tr/translations.suml b/locale/tr/translations.suml
index dd9da6759..450d147b8 100644
--- a/locale/tr/translations.suml
+++ b/locale/tr/translations.suml
@@ -1049,7 +1049,8 @@ crud:
     author: 'Tarafından eklendi'
     saved: 'Değişiklikler başarıyla kaydedildi!'
     loginRequired: 'Bir girdi açmak için {/hesap=Kayıt ol}'
-    copy: 'Bağlantı kopyala'
+    copyLink: 'Bağlantı kopyala'
+    copy: 'Kopyala'
     download: 'İndir %name%'
     loadAll: 'Hepsini yükle…'
     validation:
diff --git a/locale/ua/translations.suml b/locale/ua/translations.suml
index e2029a976..dc15f5ed8 100644
--- a/locale/ua/translations.suml
+++ b/locale/ua/translations.suml
@@ -1022,7 +1022,8 @@ crud:
     author: 'Додано'
     saved: 'Зміни успішно збережені!'
     loginRequired: '{/account=Авторизуйтеся}, щоб підтвердити вхід до системи'
-    copy: 'Копіювати посилання'
+    copyLink: 'Копіювати посилання'
+    copy: 'Копіювати'
     download: 'Завантажити %name%'
     loadAll: 'Завантажити все...'
     validation:
diff --git a/locale/vi/translations.suml b/locale/vi/translations.suml
index 9fefa3cd4..b19cc0389 100644
--- a/locale/vi/translations.suml
+++ b/locale/vi/translations.suml
@@ -861,7 +861,7 @@ crud:
     author: 'Đã được thêm bởi'
     saved: 'Đã lưu thay đổi thành công!'
     loginRequired: '{/tài-khoản=Đăng nhập} để gửi mục'
-    copy: 'Sao chép đường link'
+    copyLink: 'Sao chép đường link'
     download: 'Tải xuống %name%'
     loadAll: 'Hiện tất cả…'
     validation:
diff --git a/locale/zh/translations.suml b/locale/zh/translations.suml
index aff630841..0852b54f9 100644
--- a/locale/zh/translations.suml
+++ b/locale/zh/translations.suml
@@ -645,7 +645,7 @@ crud:
     author: '提交者'
     saved: '更改保存成功'
     loginRequired: '提交項目前請先{/account=登入}'
-    copy: '複製連結'
+    copyLink: '複製連結'
     download: '下載 %name%'
     loadAll: '載入全部…'
     validation: