From 1704814f8cd524c76f53457284168696f4242e2b Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sat, 30 Aug 2025 15:06:43 +0200
Subject: [PATCH] Feature/localize content of about page (#5436)

* Localize content of about page

* Update changelog
---
 CHANGELOG.md                                  |   1 +
 .../about/overview/about-overview-page.html   | 126 ++++++++++--------
 2 files changed, 73 insertions(+), 54 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8c8966b25..4e77151f2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Localized the content of the about page
 - Upgraded `yahoo-finance2` from version `3.6.4` to `3.8.0`
 
 ## 2.195.0 - 2025-08-29
diff --git a/apps/client/src/app/pages/about/overview/about-overview-page.html b/apps/client/src/app/pages/about/overview/about-overview-page.html
index ce442fe27..8681be23a 100644
--- a/apps/client/src/app/pages/about/overview/about-overview-page.html
+++ b/apps/client/src/app/pages/about/overview/about-overview-page.html
@@ -6,74 +6,92 @@
       </h1>
       <div class="about-container">
         <p>
-          Ghostfolio is a lightweight wealth management application for
-          individuals to keep track of stocks, ETFs or cryptocurrencies and make
-          solid, data-driven investment decisions. The source code is fully
-          available as
-          <a
-            href="https://github.com/ghostfolio/ghostfolio"
-            title="Find Ghostfolio on GitHub"
-            >open source software</a
+          <ng-container i18n
+            >Ghostfolio is a lightweight wealth management application for
+            individuals to keep track of stocks, ETFs or cryptocurrencies and
+            make solid, data-driven investment decisions.</ng-container
           >
-          (OSS) under the
-          <a
-            href="https://www.gnu.org/licenses/agpl-3.0.html"
-            title="GNU Affero General Public License"
-            >AGPL-3.0 license</a
+          <ng-container i18n>
+            The source code is fully available as
+            <a
+              href="https://github.com/ghostfolio/ghostfolio"
+              title="Find Ghostfolio on GitHub"
+              >open source software</a
+            >
+            (OSS) under the
+            <a
+              href="https://www.gnu.org/licenses/agpl-3.0.html"
+              title="GNU Affero General Public License"
+              >AGPL-3.0 license</a
+            ></ng-container
           >
           @if (hasPermissionForStatistics) {
-            and we share aggregated
-            <a title="Open Startup" [routerLink]="routerLinkOpenStartup"
-              >key metrics</a
+            <ng-container i18n>
+              and we share aggregated
+              <a title="Open Startup" [routerLink]="routerLinkOpenStartup"
+                >key metrics</a
+              >
+              of the platform’s performance</ng-container
             >
-            of the platform’s performance
           }
-          . The project has been initiated by
-          <a href="https://dotsilver.ch" title="Website of Thomas Kaul"
-            >Thomas Kaul</a
+          .
+          <ng-container i18n
+            >The project has been initiated by
+            <a href="https://dotsilver.ch" title="Website of Thomas Kaul"
+              >Thomas Kaul</a
+            >
+            and is driven by the efforts of its
+            <a
+              href="https://github.com/ghostfolio/ghostfolio/graphs/contributors"
+              title="Contributors to Ghostfolio"
+              >contributors</a
+            >.</ng-container
           >
-          and is driven by the efforts of its
-          <a
-            href="https://github.com/ghostfolio/ghostfolio/graphs/contributors"
-            title="Contributors to Ghostfolio"
-            >contributors</a
-          >.
           @if (hasPermissionForSubscription) {
-            Check the system status at
-            <a href="https://status.ghostfol.io" title="Ghostfolio Status"
-              >status.ghostfol.io</a
-            >.
+            <ng-container i18n>
+              Check the system status at
+              <a href="https://status.ghostfol.io" title="Ghostfolio Status"
+                >status.ghostfol.io</a
+              >.</ng-container
+            >
           }
         </p>
         <p>
-          If you encounter a bug or would like to suggest an improvement or a
-          new
-          <a [routerLink]="routerLinkFeatures">feature</a>, please join the
-          Ghostfolio
-          <a
-            href="https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg"
-            title="Join the Ghostfolio Slack community"
-            >Slack</a
-          >
-          community, post to
-          <a
-            href="https://x.com/ghostfolio_"
-            title="Post to Ghostfolio on X (formerly Twitter)"
-            >&#64;ghostfolio_</a
+          <ng-container i18n>
+            If you encounter a bug or would like to suggest an improvement or a
+            new
+            <a [routerLink]="routerLinkFeatures">feature</a>, please join the
+            Ghostfolio
+            <a
+              href="https://join.slack.com/t/ghostfolio/shared_invite/zt-vsaan64h-F_I0fEo5M0P88lP9ibCxFg"
+              title="Join the Ghostfolio Slack community"
+              >Slack</a
+            >
+            community, post to
+            <a
+              href="https://x.com/ghostfolio_"
+              title="Post to Ghostfolio on X (formerly Twitter)"
+              >&#64;ghostfolio_</a
+            ></ng-container
           >
           @if (user?.subscription?.type === 'Premium') {
-            , send an e-mail to
-            <a href="mailto:hi@ghostfol.io" title="Send an e-mail"
-              >hi&#64;ghostfol.io</a
+            ,
+            <ng-container i18n
+              >send an e-mail to
+              <a href="mailto:hi@ghostfol.io" title="Send an e-mail"
+                >hi&#64;ghostfol.io</a
+              ></ng-container
             >
           }
-          or start a discussion at
-          <a
-            href="https://github.com/ghostfolio/ghostfolio"
-            i18n-title
-            title="Find Ghostfolio on GitHub"
-            >GitHub</a
-          >.
+          <ng-container i18n>
+            or start a discussion at
+            <a
+              href="https://github.com/ghostfolio/ghostfolio"
+              i18n-title
+              title="Find Ghostfolio on GitHub"
+              >GitHub</a
+            >.</ng-container
+          >
         </p>
         <p class="align-items-center d-flex justify-content-center">
           <a