i18n(title): translate title and logo text

src/app/components/logo/logo.component.html

@@ -0,0 +1,7 @@
+<picture>
+  <!-- TODO: inline the logo SVGs for better performance -->
+  <img src="../../../assets/brand/logo.svg" alt="Logo" />
+</picture>
+@if (text) {
+{{ text }}
+}

src/app/components/logo/logo.component.scss

@@ -0,0 +1,10 @@
+:host {
+  display: flex;
+  align-items: end;
+  font-size: 1.5em;
+}
+
+img {
+  height: 1em;
+  display: block;
+}

src/app/components/logo/logo.component.spec.ts

@@ -0,0 +1,22 @@
+import {ComponentFixture, TestBed} from '@angular/core/testing';
+
+import {LogoComponent} from './logo.component';
+
+describe('LogoComponent', () => {
+  let component: LogoComponent;
+  let fixture: ComponentFixture<LogoComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [LogoComponent],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(LogoComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/components/logo/logo.component.ts

@@ -0,0 +1,10 @@
+import {Component, Input} from '@angular/core';
+
+@Component({
+  selector: 'app-logo',
+  templateUrl: './logo.component.html',
+  styleUrl: './logo.component.scss',
+})
+export class LogoComponent {
+  @Input() text?: string;
+}

src/app/pages/landing/landing.component.html

@@ -35,10 +35,7 @@
     </ion-buttons>
     }
     <ion-title>
-      <picture>
-        <!-- TODO: inline the logo SVGs for better performance -->
-        <img src="../../../assets/brand/logo.svg" alt="Logo" id="logo" />
-      </picture>
+      <app-logo />
     </ion-title>
     @if (!isMobile.matches) {
     <ion-buttons slot="primary">

src/app/pages/landing/landing.module.ts

@@ -31,6 +31,7 @@ import {LandingFooterComponent} from './landing-footer/landing-footer.component'
 import {ReactiveFormsModule} from '@angular/forms';
 import {register} from 'swiper/element/bundle';
 import {SignedToSpokenModule} from '../translate/signed-to-spoken/signed-to-spoken.module';
+import {LogoComponent} from '../../components/logo/logo.component';
 
 register();
 
@@ -56,6 +57,7 @@ register();
     AboutApiComponent,
     TermsComponent,
     PrivacyComponent,
+    LogoComponent,
   ],
   imports: [
     CommonModule,

src/assets/i18n/af.json

@@ -10,7 +10,7 @@
     "shift": "Shift"
   },
   "translate": {
-    "title": "Sign Vertaal",
+    "title": "Gebare Vertaal",
     "language-selector": {
       "detected": "{{lang}} - Bespeur",
       "detect": "Bespeur taal",
@@ -51,7 +51,8 @@
       "actions": {
         "copy": "Kopieer vertaling"
       }
-    }
+    },
+    "logo": "Vertaal"
   },
   "landing": {
     "try": "Vertaal nou",

src/assets/i18n/am.json

@@ -10,7 +10,7 @@
     "shift": "Shift"
   },
   "translate": {
-    "title": "የSign ተርጓሚ",
+    "title": "እንባር ተርጓሚ",
     "language-selector": {
       "detected": "{{lang}} - ተገኝቷል",
       "detect": "ቋንቋ  አግኝ",
@@ -51,7 +51,8 @@
       "actions": {
         "copy": "ትርጉም ቅዳ"
       }
-    }
+    },
+    "logo": "ተርጓሚ"
   },
   "landing": {
     "try": "አሁን ተርጉም",

src/assets/i18n/ar.json

@@ -10,7 +10,7 @@
     "shift": "Shift"
   },
   "translate": {
-    "title": "ترجمة Sign",
+    "title": "مترجم الإشارات",
     "language-selector": {
       "detected": "{{lang}} - تم الكشف عنه",
       "detect": "التعرّف التلقائي على اللغة",
@@ -51,7 +51,8 @@
       "actions": {
         "copy": "نسخ الترجمة"
       }
-    }
+    },
+    "logo": "مترجم"
   },
   "landing": {
     "try": "الترجمة الآن",

src/assets/i18n/az.json

@@ -10,7 +10,7 @@
     "shift": "Shift"
   },
   "translate": {
-    "title": "Sign Tərcümə",
+    "title": "İşarə Tərcümə",
     "language-selector": {
       "detected": "{{lang}} - Aşkarlandı",
       "detect": "Dili seç",
@@ -51,7 +51,8 @@
       "actions": {
         "copy": "Tərcüməni Kopyalayın"
       }
-    }
+    },
+    "logo": "Tərcümə"
   },
   "landing": {
     "try": "İndi tərcümə edin",

src/assets/i18n/be.json

@@ -10,7 +10,7 @@
     "shift": "Shift"
   },
   "translate": {
-    "title": "Перакладчык Sign",
+    "title": "Перакладчык жэстаў",
     "language-selector": {
       "detected": "{{lang}} - Выяўлена",
       "detect": "Выявіць мову",
@@ -51,7 +51,8 @@
       "actions": {
         "copy": "Капіяваць пераклад"
       }
-    }
+    },
+    "logo": "Перакладчык"
   },
   "landing": {
     "try": "Перакласці зараз",

src/assets/i18n/bg.json

@@ -10,7 +10,7 @@
     "shift": "Shift"
   },
   "translate": {
-    "title": "Sign Преводач",
+    "title": "Жестов преводач",
     "language-selector": {
       "detected": "{{lang}} – Открит",
       "detect": "Разпознаване на езика",
@@ -51,7 +51,8 @@
       "actions": {
         "copy": "Копиране на превода"
       }
-    }
+    },
+    "logo": "Преводач"
   },
   "landing": {
     "try": "Превод сега",

src/assets/i18n/bn.json

@@ -10,7 +10,7 @@
     "shift": "Shift"
   },
   "translate": {
-    "title": "Sign Translate",
+    "title": "চিহ্ন অনুবাদ",
     "language-selector": {
       "detected": "{{lang}} - সনাক্ত করা হয়েছে৷",
       "detect": "ভাষা শনাক্ত করুন",
@@ -51,7 +51,8 @@
       "actions": {
         "copy": "অনুলিপি অনুবাদ"
       }
-    }
+    },
+    "logo": "অনুবাদ"
   },
   "landing": {
     "try": "এখনই অনুবাদ করুন",

src/assets/i18n/bs.json

@@ -10,7 +10,7 @@
     "shift": "Shift"
   },
   "translate": {
-    "title": "Sign Prevodilac",
+    "title": "Prevodilac znakovnog jezika",
     "language-selector": {
       "detected": "{{lang}} - Otkriveno",
       "detect": "Otkrij jezik",
@@ -51,7 +51,8 @@
       "actions": {
         "copy": "Kopiraj prevod"
       }
-    }
+    },
+    "logo": "Prevodilac"
   },
   "landing": {
     "try": "Prevedi odmah",

src/assets/i18n/ca.json

@@ -10,7 +10,7 @@
     "shift": "Maj"
   },
   "translate": {
-    "title": "Traductor de Sign",
+    "title": "Traductor de Signes",
     "language-selector": {
       "detected": "{{lang}} - Detectat",
       "detect": "Detecta l’idioma",
@@ -51,7 +51,8 @@
       "actions": {
         "copy": "Copia Traducció"
       }
-    }
+    },
+    "logo": "Traductor"
   },
   "landing": {
     "try": "Tradueix ara",

src/assets/i18n/ceb.json

@@ -51,7 +51,8 @@
       "actions": {
         "copy": "Kopyaha ang Hubad"
       }
-    }
+    },
+    "logo": "Translate"
   },
   "landing": {
     "try": "Paghubad karon",

src/assets/i18n/co.json

@@ -10,7 +10,7 @@
     "shift": "Shift"
   },
   "translate": {
-    "title": "Sign Traduction",
+    "title": "Traduttore di Segni",
     "language-selector": {
       "detected": "{{lang}} - Detected",
       "detect": "Détecter la langue",
@@ -51,7 +51,8 @@
       "actions": {
         "copy": "Copy Translation"
       }
-    }
+    },
+    "logo": "Traduttore"
   },
   "landing": {
     "try": "Traducia avà",

src/assets/i18n/cs.json

@@ -10,7 +10,7 @@
     "shift": "Shift"
   },
   "translate": {
-    "title": "Překladač Sign",
+    "title": "Překladač znaků",
     "language-selector": {
       "detected": "{{lang}} – Zjištěno",
       "detect": "Rozpoznat jazyk",
@@ -51,7 +51,8 @@
       "actions": {
         "copy": "Kopírovat překlad"
       }
-    }
+    },
+    "logo": "Překladač"
   },
   "landing": {
     "try": "Prekladač",

src/assets/i18n/cy.json

@@ -10,7 +10,7 @@
     "shift": "Shift"
   },
   "translate": {
-    "title": "Sign Cyfieithu",
+    "title": "Cyfieithydd Arwyddion",
     "language-selector": {
       "detected": "{{lang}} - Wedi canfod",
       "detect": "Synhwyro iaith",
@@ -51,7 +51,8 @@
       "actions": {
         "copy": "Copi Cyfieithiad"
       }
-    }
+    },
+    "logo": "Cyfieithydd"
   },
   "landing": {
     "try": "Cyfieithu nawr",

src/assets/i18n/da.json

@@ -10,7 +10,7 @@
     "shift": "Shift"
   },
   "translate": {
-    "title": "Sign Oversæt",
+    "title": "Tegn Oversætter",
     "language-selector": {
       "detected": "{{lang}} - fundet",
       "detect": "Registrer sprog",
@@ -51,7 +51,8 @@
       "actions": {
         "copy": "Kopi oversættelse"
       }
-    }
+    },
+    "logo": "Oversætter"
   },
   "landing": {
     "try": "Oversæt nu",

src/assets/i18n/de.json

@@ -10,7 +10,7 @@
     "shift": "Umschalttaste"
   },
   "translate": {
-    "title": "Sign Übersetzer",
+    "title": "Gebärde Übersetzer",
     "language-selector": {
       "detected": "{{lang}} – Erkannt",
       "detect": "Sprache erkennen",
@@ -51,7 +51,8 @@
       "actions": {
         "copy": "Übersetzung kopieren"
       }
-    }
+    },
+    "logo": "Übersetzer"
   },
   "landing": {
     "try": "Jetzt übersetzen",

src/assets/i18n/el.json

@@ -10,7 +10,7 @@
     "shift": "Shift"
   },
   "translate": {
-    "title": "Μετάφραση Sign",
+    "title": "Μεταφραστής Νοημάτων",
     "language-selector": {
       "detected": "{{lang}} - Εντοπίστηκε",
       "detect": "Αναγνώριση γλώσσας",
@@ -51,7 +51,8 @@
       "actions": {
         "copy": "Αντιγραφή μετάφρασης"
       }
-    }
+    },
+    "logo": "Μεταφραστής"
   },
   "landing": {
     "try": "Μετάφραση τώρα",

src/assets/i18n/en-gb.json

@@ -51,7 +51,8 @@
       "actions": {
         "copy": "Copy Translation"
       }
-    }
+    },
+    "logo": "Translate"
   },
   "landing": {
     "try": "Translate now",

src/assets/i18n/en.json

@@ -7,6 +7,7 @@
     "shift": "Shift"
   },
   "translate": {
+    "logo": "Translate",
     "title": "Sign Translate",
     "language-selector": {
       "detected": "{{lang}} - Detected",