feat(website/i18n): translate footer

apps/website/public/translations/en/translation.json

@@ -89,7 +89,7 @@
     "server_question": "Do I need a server to use Trilium?",
     "server_answer": "No, the server allows access via a web browser and manages the synchronization if you have multiple devices. To get started, it's enough to download the desktop application and start using it.",
     "scaling_question": "How well does the application scale with a large amount of notes?",
-    "scaling_answer": "Depending on usage, the application should be able to handle at least 100.000 notes without an issue. Do note that the sync process can sometimes fail if uploading many large files (> 1 GB per file) since Trilium is meant more as a knowledge base application rather than a file store (like NextCloud, for example).",
+    "scaling_answer": "Depending on usage, the application should be able to handle at least 100.000 notes without an issue. Do note that the sync process can sometimes fail if uploading many large files (1 GB per file) since Trilium is meant more as a knowledge base application rather than a file store (like NextCloud, for example).",
     "network_share_question": "Can I share my database over a network drive?",
     "network_share_answer": "No, it's generally not a good idea to share a SQLite database over a network drive. Although sometimes it might work, there are chances that the database will get corrupted due to imperfect file locks over a network.",
     "security_question": "How is my data protected?",
@@ -111,5 +111,15 @@
     "linux_big": "v{{version}} for Linux",
     "linux_small": "for Linux",
     "more_platforms": "More platforms & server setup"
+  },
+  "footer": {
+    "copyright_and_the": " and the ",
+    "copyright_community": "community"
+  },
+  "social_buttons": {
+    "github": "GitHub",
+    "github_discussions": "GitHub Discussions",
+    "matrix": "Matrix",
+    "reddit": "Reddit"
   }
 }

apps/website/src/components/Footer.tsx

@@ -5,13 +5,14 @@ import githubDiscussionsIcon from "../assets/boxicons/bx-discussion.svg?raw";
 import matrixIcon from "../assets/boxicons/bx-message-dots.svg?raw";
 import redditIcon from "../assets/boxicons/bx-reddit.svg?raw";
 import { Link } from "./Button.js";
+import { t } from "../i18n";
 
 export default function Footer() {
     return (
         <footer>
             <div class="content-wrapper">
                 <div class="footer-text">
-                    © 2024-2025 <Link href="https://github.com/eliandoran" openExternally>Elian Doran</Link> and the <Link href="https://github.com/TriliumNext/Trilium/graphs/contributors" openExternally>community</Link>.<br />
+                    © 2024-2025 <Link href="https://github.com/eliandoran" openExternally>Elian Doran</Link>{t("footer.copyright_and_the")}<Link href="https://github.com/TriliumNext/Trilium/graphs/contributors" openExternally>{t("footer.copyright_community")}</Link>.<br />
                     © 2017-2024 <Link href="https://github.com/zadam" openExternally>zadam</Link>.
                 </div>
 
@@ -25,28 +26,28 @@ export function SocialButtons({ className, withText }: { className?: string, wit
     return (
         <div className={`social-buttons ${className}`}>
             <SocialButton
-                name="GitHub"
+                name={t("social_buttons.github")}
                 iconSvg={githubIcon}
                 url="https://github.com/TriliumNext/Trilium"
                 withText={withText}
             />
 
             <SocialButton
-                name="GitHub Discussions"
+                name={t("social_buttons.github_discussions")}
                 iconSvg={githubDiscussionsIcon}
                 url="https://github.com/orgs/TriliumNext/discussions"
                 withText={withText}
             />
 
             <SocialButton
-                name="Matrix"
+                name={t("social_buttons.matrix")}
                 iconSvg={matrixIcon}
                 url="https://matrix.to/#/#triliumnext:matrix.org"
                 withText={withText}
             />
 
             <SocialButton
-                name="Reddit"
+                name={t("social_buttons.reddit")}
                 iconSvg={redditIcon}
                 url="https://www.reddit.com/r/Trilium/"
                 withText={withText}
@@ -63,7 +64,7 @@ export function SocialButton({ name, iconSvg, url, withText, counter }: { name:
             title={!withText ? name : undefined}
         >
             <Icon svg={iconSvg} />
-            {counter && <span class="counter">{counter}</span>}             
+            {counter && <span class="counter">{counter}</span>}
             {withText && name}
         </Link>
     )