diff --git a/website/package-lock.json b/website/package-lock.json
index 279ea91..0a3d34e 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -17,6 +17,7 @@
"@angular/platform-server": "^19.2.0",
"@angular/router": "^19.2.0",
"@angular/ssr": "^19.2.21",
+ "@ngx-translate/core": "^17.0.0",
"@tailwindcss/typography": "^0.5.19",
"@tsparticles/angular": "^3.0.0",
"@tsparticles/engine": "^3.9.1",
@@ -670,6 +671,87 @@
"rxjs": "^6.5.3 || ^7.4.0"
}
},
+ "node_modules/@angular/localize": {
+ "version": "19.2.19",
+ "resolved": "https://registry.npmjs.org/@angular/localize/-/localize-19.2.19.tgz",
+ "integrity": "sha512-FlnungTK9pNDi283j0mhuALRzgVj56vfEH//dM8/9CsNtfpGoBnKBOZl/aN//ShilAnjP1UFN40kYVRxgI1kjg==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "peer": true,
+ "dependencies": {
+ "@babel/core": "7.26.9",
+ "@types/babel__core": "7.20.5",
+ "fast-glob": "3.3.3",
+ "yargs": "^17.2.1"
+ },
+ "bin": {
+ "localize-extract": "tools/bundles/src/extract/cli.js",
+ "localize-migrate": "tools/bundles/src/migrate/cli.js",
+ "localize-translate": "tools/bundles/src/translate/cli.js"
+ },
+ "engines": {
+ "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
+ },
+ "peerDependencies": {
+ "@angular/compiler": "19.2.19",
+ "@angular/compiler-cli": "19.2.19"
+ }
+ },
+ "node_modules/@angular/localize/node_modules/@babel/core": {
+ "version": "7.26.9",
+ "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.9.tgz",
+ "integrity": "sha512-lWBYIrF7qK5+GjY5Uy+/hEgp8OJWOD/rpy74GplYRhEauvbHDeFB8t5hPOZxCZ0Oxf4Cc36tK51/l3ymJysrKw==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "peer": true,
+ "dependencies": {
+ "@ampproject/remapping": "^2.2.0",
+ "@babel/code-frame": "^7.26.2",
+ "@babel/generator": "^7.26.9",
+ "@babel/helper-compilation-targets": "^7.26.5",
+ "@babel/helper-module-transforms": "^7.26.0",
+ "@babel/helpers": "^7.26.9",
+ "@babel/parser": "^7.26.9",
+ "@babel/template": "^7.26.9",
+ "@babel/traverse": "^7.26.9",
+ "@babel/types": "^7.26.9",
+ "convert-source-map": "^2.0.0",
+ "debug": "^4.1.0",
+ "gensync": "^1.0.0-beta.2",
+ "json5": "^2.2.3",
+ "semver": "^6.3.1"
+ },
+ "engines": {
+ "node": ">=6.9.0"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/babel"
+ }
+ },
+ "node_modules/@angular/localize/node_modules/convert-source-map": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+ "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "peer": true
+ },
+ "node_modules/@angular/localize/node_modules/semver": {
+ "version": "6.3.1",
+ "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+ "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+ "dev": true,
+ "license": "ISC",
+ "optional": true,
+ "peer": true,
+ "bin": {
+ "semver": "bin/semver.js"
+ }
+ },
"node_modules/@angular/platform-browser": {
"version": "19.2.19",
"resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-19.2.19.tgz",
@@ -4403,6 +4485,19 @@
"webpack": "^5.54.0"
}
},
+ "node_modules/@ngx-translate/core": {
+ "version": "17.0.0",
+ "resolved": "https://registry.npmjs.org/@ngx-translate/core/-/core-17.0.0.tgz",
+ "integrity": "sha512-Rft2D5ns2pq4orLZjEtx1uhNuEBerUdpFUG1IcqtGuipj6SavgB8SkxtNQALNDA+EVlvsNCCjC2ewZVtUeN6rg==",
+ "license": "MIT",
+ "dependencies": {
+ "tslib": "^2.3.0"
+ },
+ "peerDependencies": {
+ "@angular/common": ">=16",
+ "@angular/core": ">=16"
+ }
+ },
"node_modules/@nodelib/fs.scandir": {
"version": "2.1.5",
"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -6083,6 +6178,59 @@
"url": "https://github.com/sponsors/isaacs"
}
},
+ "node_modules/@types/babel__core": {
+ "version": "7.20.5",
+ "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+ "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "peer": true,
+ "dependencies": {
+ "@babel/parser": "^7.20.7",
+ "@babel/types": "^7.20.7",
+ "@types/babel__generator": "*",
+ "@types/babel__template": "*",
+ "@types/babel__traverse": "*"
+ }
+ },
+ "node_modules/@types/babel__generator": {
+ "version": "7.27.0",
+ "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+ "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "peer": true,
+ "dependencies": {
+ "@babel/types": "^7.0.0"
+ }
+ },
+ "node_modules/@types/babel__template": {
+ "version": "7.4.4",
+ "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+ "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "peer": true,
+ "dependencies": {
+ "@babel/parser": "^7.1.0",
+ "@babel/types": "^7.0.0"
+ }
+ },
+ "node_modules/@types/babel__traverse": {
+ "version": "7.28.0",
+ "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+ "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+ "dev": true,
+ "license": "MIT",
+ "optional": true,
+ "peer": true,
+ "dependencies": {
+ "@babel/types": "^7.28.2"
+ }
+ },
"node_modules/@types/body-parser": {
"version": "1.19.6",
"resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz",
diff --git a/website/package.json b/website/package.json
index d8d0b05..161f40d 100644
--- a/website/package.json
+++ b/website/package.json
@@ -20,6 +20,7 @@
"@angular/platform-server": "^19.2.0",
"@angular/router": "^19.2.0",
"@angular/ssr": "^19.2.21",
+ "@ngx-translate/core": "^17.0.0",
"@tailwindcss/typography": "^0.5.19",
"@tsparticles/angular": "^3.0.0",
"@tsparticles/engine": "^3.9.1",
diff --git a/website/public/i18n/en.json b/website/public/i18n/en.json
new file mode 100644
index 0000000..b775583
--- /dev/null
+++ b/website/public/i18n/en.json
@@ -0,0 +1,353 @@
+{
+ "common": {
+ "brand": "Toju",
+ "os": {
+ "windows": "Windows",
+ "macos": "macOS",
+ "linux": "Linux",
+ "linuxDebian": "Linux (deb)",
+ "archive": "Archive",
+ "web": "Web",
+ "other": "Other"
+ },
+ "actions": {
+ "downloadBrand": "Download Toju",
+ "downloadFor": "Download for {{os}}",
+ "openInBrowser": "Open in Browser",
+ "tryInBrowser": "Try in Browser",
+ "useWebVersion": "Use Web Version",
+ "openWebVersion": "Open web version",
+ "goToDownloads": "Go to downloads",
+ "learnHowItWorks": "Learn how it works",
+ "viewSourceCode": "View source code",
+ "buyUsCoffee": "Buy us a coffee"
+ }
+ },
+ "components": {
+ "header": {
+ "homeAriaLabel": "Toju home",
+ "beta": "Beta",
+ "navigation": {
+ "home": "Home",
+ "whatIsToju": "What is Toju?",
+ "downloads": "Downloads",
+ "philosophy": "Our Philosophy"
+ },
+ "supportUs": "Support Us",
+ "useWebVersion": "Use Web Version",
+ "toggleMenu": "Toggle menu"
+ },
+ "footer": {
+ "description": "Free, open-source, peer-to-peer communication. Built by people who believe privacy is a right, not a premium feature.",
+ "sections": {
+ "product": "Product",
+ "community": "Community",
+ "values": "Values"
+ },
+ "links": {
+ "downloads": "Downloads",
+ "webVersion": "Web Version",
+ "whatIsToju": "What is Toju?",
+ "imageGallery": "Image Gallery",
+ "sourceCode": "Source Code",
+ "github": "GitHub",
+ "supportUs": "Support Us",
+ "ourPhilosophy": "Our Philosophy"
+ },
+ "values": {
+ "freeForever": "100% Free Forever",
+ "openSource": "Open Source"
+ },
+ "copyright": "© {{year}} Myxelium. Toju is open-source software.",
+ "viewSourceOnGitea": "View source code on Gitea",
+ "viewProjectOnGitHub": "View the project on GitHub"
+ },
+ "adSlot": {
+ "label": "Advertisement"
+ }
+ },
+ "pages": {
+ "home": {
+ "seo": {
+ "title": "Free Peer-to-Peer Voice, Video & Chat",
+ "description": "Toju is a free, open-source, peer-to-peer communication app. Crystal-clear voice calls, unlimited screen sharing, no file size limits, complete privacy."
+ },
+ "hero": {
+ "badge": "Currently in Beta - Free & Open Source",
+ "titleLine1": "Talk freely.",
+ "titleLine2": "Own your voice.",
+ "description": "Crystal-clear voice calls, unlimited screen sharing, and file transfers with no size limits. Peer-to-peer. Private. Completely free.",
+ "version": "Version {{version}}",
+ "allPlatforms": "All platforms"
+ },
+ "features": {
+ "titleLine1": "Everything you need,",
+ "titleLine2": "nothing you don't.",
+ "description": "No bloat. No paywalls. Just the tools to connect with the people who matter.",
+ "items": {
+ "voiceCalls": {
+ "title": "HD Voice Calls",
+ "description": "Crystal-clear audio with built-in noise reduction. Hear every word, not the background. No quality compromises, ever."
+ },
+ "screenSharing": {
+ "title": "Screen Sharing",
+ "description": "Share your screen at full resolution. No time limits, no quality downgrades. Perfect for pair programming, presentations, or showing your epic gameplay."
+ },
+ "fileSharing": {
+ "title": "Unlimited File Sharing",
+ "description": "Send files of any size directly to your friends. No upload limits, no compression. Your files go straight from you to them."
+ },
+ "privacy": {
+ "title": "True Privacy",
+ "description": "Peer-to-peer means your data goes directly between you and your friends. No servers storing your conversations. Your business is your business."
+ },
+ "openSource": {
+ "title": "Open Source",
+ "description": "Every line of code is public. Audit it, modify it, host your own signal server. Full transparency - nothing is hidden."
+ },
+ "free": {
+ "title": "Completely Free",
+ "description": "No premium tiers. No paywalls. No \"starter plans\". Every feature is available to everyone, always. Made with love, not profit margins."
+ }
+ }
+ },
+ "gaming": {
+ "badge": "Built for Gamers",
+ "titleLine1": "Your perfect",
+ "titleLine2": "gaming companion.",
+ "description": "Ultra-low latency voice chat that doesn't eat your bandwidth. Share your screen without frame drops. Send clips and files instantly. All while keeping your CPU free for what matters - winning.",
+ "bullets": {
+ "lowLatency": "Low-latency peer-to-peer voice - no relay servers in the way",
+ "noiseSuppression": "AI-powered noise suppression - keyboard clatter stays out",
+ "screenShare": "Full-resolution screen sharing at high FPS",
+ "fileTransfers": "Send replays and screenshots with no file size limit"
+ },
+ "imageAlt": "Toju gaming screen sharing preview",
+ "caption": "Game on. No limits."
+ },
+ "selfHostable": {
+ "badge": "Self-Hostable",
+ "titleLine1": "Your infrastructure,",
+ "titleLine2": "your rules.",
+ "description": "Toju uses a lightweight coordination server to help peers find each other - that's it. Your actual conversations never touch a server. Want even more control? Run your own coordination server in minutes. Full independence, zero compromises."
+ },
+ "cta": {
+ "title": "Ready to take back your conversations?",
+ "description": "Join thousands choosing privacy, freedom, and real connection."
+ }
+ },
+ "downloads": {
+ "seo": {
+ "title": "Download Toju",
+ "description": "Download Toju for Windows, Linux, or use the web version. Free peer-to-peer voice chat, screen sharing, and file transfers."
+ },
+ "hero": {
+ "titlePrefix": "Download",
+ "description": "Available for Windows, Linux, and in your browser. Always free, always the full experience."
+ },
+ "recommended": {
+ "badge": "Recommended for you",
+ "title": "Toju for {{os}}",
+ "version": "Version {{version}}",
+ "webVersionPrefix": "Or",
+ "webVersionLink": "use the web version",
+ "webVersionSuffix": "- no download required."
+ },
+ "allPlatforms": {
+ "title": "All platforms",
+ "assetIconAlt": "{{os}} icon"
+ },
+ "previousReleases": {
+ "title": "Previous Releases",
+ "fileCount": "{{count}} files"
+ },
+ "loading": "Fetching releases...",
+ "rss": {
+ "prefix": "Stay updated with our",
+ "link": "RSS feed"
+ }
+ },
+ "gallery": {
+ "seo": {
+ "title": "Toju Image Gallery",
+ "description": "Browse screenshots of Toju and explore the interface for chat, file sharing, voice, and screen sharing."
+ },
+ "hero": {
+ "badge": "Image Gallery",
+ "titlePrefix": "A closer look at",
+ "description": "Explore screenshots of the app experience, from voice chat and media sharing to servers, rooms, and full-screen collaboration."
+ },
+ "featured": {
+ "imageAlt": "Toju main application screenshot",
+ "label": "Featured",
+ "title": "The full Toju workspace",
+ "description": "See the main interface where rooms, messages, presence, and media all come together in one focused layout."
+ },
+ "items": {
+ "mainChatView": {
+ "title": "Main chat view",
+ "description": "The core Toju experience with channels, messages, and direct communication tools."
+ },
+ "gamingScreenShare": {
+ "title": "Gaming screen share",
+ "description": "Share gameplay, guides, and live moments with smooth full-resolution screen sharing."
+ },
+ "serverOverview": {
+ "title": "Server overview",
+ "description": "Navigate servers and rooms with a layout designed for clarity and speed."
+ },
+ "musicAndVoice": {
+ "title": "Music and voice",
+ "description": "Stay in sync with voice and media features in a focused, low-friction interface."
+ },
+ "videoSharing": {
+ "title": "Video sharing",
+ "description": "Preview and share visual content directly with your friends and communities."
+ },
+ "fileTransfers": {
+ "title": "File transfers",
+ "description": "Move files quickly without artificial size limits or unnecessary hoops."
+ },
+ "richMediaChat": {
+ "title": "Rich media chat",
+ "description": "Conversations stay lively with visual media support built right in."
+ }
+ },
+ "cta": {
+ "title": "Want to see it in action?",
+ "description": "Download Toju or jump into the browser experience and explore the interface yourself."
+ }
+ },
+ "philosophy": {
+ "seo": {
+ "title": "Our Philosophy - Why We Build Toju",
+ "description": "Toju exists because privacy is a right, not a premium feature. No paywalls, no data harvesting, no predatory pricing. Learn why we build free, open-source communication tools."
+ },
+ "hero": {
+ "badge": "Our Manifesto",
+ "titlePrefix": "Why we",
+ "titleHighlight": "build",
+ "description": "A letter from the people behind the project."
+ },
+ "sections": {
+ "ownership": {
+ "title": "We Lost Something Important",
+ "paragraph1": "Over the past two decades, something fundamental shifted. Our conversations, our memories, our connections - they stopped belonging to us. They live on servers we don't control, inside apps that treat our personal lives as data to be harvested, analyzed, and sold to the highest bidder.",
+ "paragraph2": "We gave up ownership of our digital lives so gradually that most of us didn't even notice. A \"free\" app here, a convenient service there - each one taking a little more of our privacy in exchange for convenience. Toju exists because we believe it's time to take it back."
+ },
+ "paywalls": {
+ "title": "No Paywalls. No Premium Tiers. Ever.",
+ "paragraph1": "You know the playbook: launch a free product, build a user base, then start locking features behind subscription tiers. Can't share your screen at more than 720p unless you upgrade. File size limited to 8 MB. Want noise suppression? That's a premium feature now.",
+ "paragraph2": "We refuse to play that game. Every feature in Toju is available to every user, always. There is no \"Toju Nitro,\" no \"Pro plan,\" no artificial limitations designed to push you toward your wallet. Communication is a human need, not a luxury - and the tools for it should reflect that."
+ },
+ "privacy": {
+ "title": "Privacy Is a Right, Not a Feature",
+ "paragraph1": "Most communication platforms collect everything: who you talk to, when, for how long, what you share. They build profiles of your social graph, your habits, your interests. Even services that claim to care about privacy still store metadata on their servers.",
+ "paragraph2": "Toju is architecturally different. Your data goes directly from your device to your friend's device. We don't have your messages. We don't have your files. We don't have your call history. Not because we promised not to look - but because the data never touches our infrastructure. We built the technology so that privacy isn't something we offer; it's something we literally cannot violate. "
+ },
+ "heart": {
+ "title": "Built from the Heart",
+ "paragraph1": "Toju wasn't born in a boardroom with revenue projections. It was born from frustration - frustration with being the product, with watching friends get locked out of features they used to have for free, with the growing feeling that the tools we depend on daily don't actually serve our interests.",
+ "paragraph2": "We build Toju because we genuinely want to make the world a little better. The internet was supposed to connect people freely, and somewhere along the way, that mission got hijacked by business models that exploit the very connections they facilitate. Toju is our small act of reclaiming that original promise. "
+ },
+ "openSource": {
+ "title": "Transparent by Default",
+ "paragraph1": "Every line of Toju's code is publicly available. You can read it, audit it, contribute to it, or fork it and build your own version. This isn't a marketing decision - it's an accountability decision. When you can see exactly how the software works, you never have to take our word for anything.",
+ "paragraph2": "Open source also means Toju belongs to its community, not to a company. Even if we stopped development tomorrow, the project lives on. Your communication infrastructure shouldn't depend on a single organization's survival."
+ }
+ },
+ "promise": {
+ "title": "Our Promise",
+ "items": {
+ "noPaywalls": "We will never lock features behind a paywall.",
+ "noDataSales": "We will never sell, monetize, or harvest your data.",
+ "openSource": "We will always keep the source code open and auditable.",
+ "usersBeforeProfit": "We will always put users before profit."
+ },
+ "signature": "- The Myxelium team"
+ },
+ "support": {
+ "title": "Help us keep going",
+ "description": "If Toju's mission resonates with you, consider supporting the project. Every contribution helps us keep the lights on and development moving forward - without ever compromising our values."
+ }
+ },
+ "whatIsToju": {
+ "seo": {
+ "title": "What is Toju? - How It Works",
+ "description": "Learn how Toju's peer-to-peer technology delivers free, private, unlimited voice calls, screen sharing, and file transfers without centralized servers."
+ },
+ "hero": {
+ "badge": "The Big Picture",
+ "titlePrefix": "What is",
+ "description": "Toju is a communication app that lets you voice chat, share your screen, send files, and message your friends - all without your data passing through someone else's servers. Think of it as your own private phone line that nobody can tap into."
+ },
+ "howItWorks": {
+ "titlePrefix": "How does it",
+ "titleHighlight": "work"
+ },
+ "steps": {
+ "one": {
+ "title": "You connect directly to your friends",
+ "description": "When you start a call or send a file on Toju, your data travels directly from your device to your friend's device. There's no company server in the middle storing your conversations, listening to your calls, or scanning your files. This is called peer-to-peer - it's like having a direct road between your houses instead of going through a toll booth."
+ },
+ "two": {
+ "title": "A tiny helper gets you connected",
+ "description": "The only thing a server does is help your device find your friend's device - like a mutual friend introducing you at a party. Once you're connected, the server steps out of the picture entirely. It never sees what you say, share, or send. This helper is called a signal server , and you can even run your own if you'd like."
+ },
+ "three": {
+ "title": "No limits because there are no middlemen",
+ "description": "Since your data doesn't pass through our servers, we don't need to pay for massive infrastructure. That's why Toju can offer unlimited screen sharing, file transfers of any size, and high-quality voice - all completely free. There's no business reason to limit what you can do, and we never will."
+ }
+ },
+ "whyDesigned": {
+ "titlePrefix": "Why is it",
+ "titleHighlight": "designed",
+ "titleSuffix": "this way?"
+ },
+ "benefits": {
+ "privacyArchitecture": {
+ "title": "Privacy by Architecture",
+ "description": "We didn't just add privacy as a feature - we built the entire app around it. When there's no central server handling your data, there's nothing to hack, subpoena, or sell. Your privacy isn't protected by a promise; it's protected by how the technology works."
+ },
+ "performance": {
+ "title": "Performance Without Compromise",
+ "description": "Direct connections mean lower latency. Your voice reaches your friend faster. Your screen share is smoother. Your file arrives in the time it actually takes to transfer - not in the time it takes to upload, store, then download."
+ },
+ "sustainable": {
+ "title": "Sustainable & Free",
+ "description": "Running a traditional chat service with millions of users costs enormous amounts of money for servers. That cost gets passed to you. With peer-to-peer, the only infrastructure we run is a tiny coordination server - costing almost nothing. That's how we keep it free permanently."
+ },
+ "independence": {
+ "title": "Independence & Freedom",
+ "description": "You're not locked into our ecosystem. The code is open source. You can run your own server. If we ever disappeared tomorrow, you could still use Toju. Your communication tools should belong to you, not a corporation."
+ }
+ },
+ "faq": {
+ "titlePrefix": "Common",
+ "titleHighlight": "Questions",
+ "items": {
+ "free": {
+ "question": "Is Toju really free? What's the catch?",
+ "answer": "Yes, it's really free. There is no catch. Because Toju uses peer-to-peer connections, we don't need expensive server infrastructure. Our costs are minimal, and we fund development through community support and donations. Every feature is available to everyone."
+ },
+ "technical": {
+ "question": "Do I need technical knowledge to use Toju?",
+ "answer": "Not at all. Toju works like any other chat app - download it, create an account, and start talking. All the peer-to-peer magic happens behind the scenes. You just enjoy the benefits of better privacy, performance, and no limits."
+ },
+ "selfHost": {
+ "question": "What does \"self-host the signal server\" mean?",
+ "answer": "The signal server is a tiny program that helps users find each other online. We run one by default, but if you prefer complete control, you can run your own copy on your own hardware. It's like having your own private phone directory - only people you invite can use it."
+ },
+ "safe": {
+ "question": "Is my data safe?",
+ "answer": "Your conversations, files, and calls go directly between you and the person you're talking to. They never pass through or get stored on our servers. Even if someone broke into our server, there would be nothing to find - because we never had your data in the first place."
+ }
+ }
+ },
+ "cta": {
+ "title": "Ready to try it?",
+ "description": "Available on Windows, Linux, and in your browser. Always free."
+ }
+ }
+ }
+}
diff --git a/website/src/app/app.component.ts b/website/src/app/app.component.ts
index 51c1aea..1787d27 100644
--- a/website/src/app/app.component.ts
+++ b/website/src/app/app.component.ts
@@ -1,8 +1,10 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
import { RouterOutlet } from '@angular/router';
import { HeaderComponent } from './components/header/header.component';
import { FooterComponent } from './components/footer/footer.component';
import { ParticleBgComponent } from './components/particle-bg/particle-bg.component';
+import translationsEn from '../../public/i18n/en.json';
@Component({
selector: 'app-root',
@@ -16,5 +18,13 @@ import { ParticleBgComponent } from './components/particle-bg/particle-bg.compon
templateUrl: './app.component.html',
styleUrl: './app.component.scss'
})
-export class AppComponent {}
+export class AppComponent {
+ private readonly translate = inject(TranslateService);
+
+ constructor() {
+ this.translate.setTranslation('en', translationsEn);
+ this.translate.setFallbackLang('en');
+ this.translate.use('en');
+ }
+}
diff --git a/website/src/app/app.config.ts b/website/src/app/app.config.ts
index 879c580..5d583b3 100644
--- a/website/src/app/app.config.ts
+++ b/website/src/app/app.config.ts
@@ -2,6 +2,7 @@ import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
import { provideRouter, withInMemoryScrolling } from '@angular/router';
import { provideClientHydration, withEventReplay } from '@angular/platform-browser';
import { provideHttpClient, withFetch } from '@angular/common/http';
+import { provideTranslateService } from '@ngx-translate/core';
import { routes } from './app.routes';
@@ -13,6 +14,10 @@ export const appConfig: ApplicationConfig = {
withInMemoryScrolling({ scrollPositionRestoration: 'top', anchorScrolling: 'enabled' })
),
provideClientHydration(withEventReplay()),
- provideHttpClient(withFetch())
+ provideHttpClient(withFetch()),
+ provideTranslateService({
+ fallbackLang: 'en',
+ lang: 'en'
+ })
]
};
diff --git a/website/src/app/components/ad-slot/ad-slot.component.html b/website/src/app/components/ad-slot/ad-slot.component.html
index 7ca6367..ad75016 100644
--- a/website/src/app/components/ad-slot/ad-slot.component.html
+++ b/website/src/app/components/ad-slot/ad-slot.component.html
@@ -3,7 +3,7 @@
- Advertisement
+ {{ 'components.adSlot.label' | translate }}
}
diff --git a/website/src/app/components/ad-slot/ad-slot.component.ts b/website/src/app/components/ad-slot/ad-slot.component.ts
index 8edccc6..469598d 100644
--- a/website/src/app/components/ad-slot/ad-slot.component.ts
+++ b/website/src/app/components/ad-slot/ad-slot.component.ts
@@ -1,9 +1,11 @@
import { Component, inject } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
import { AdService } from '../../services/ad.service';
@Component({
selector: 'app-ad-slot',
standalone: true,
+ imports: [TranslateModule],
templateUrl: './ad-slot.component.html'
})
export class AdSlotComponent {
diff --git a/website/src/app/components/footer/footer.component.html b/website/src/app/components/footer/footer.component.html
index 5eb9316..5c7dec3 100644
--- a/website/src/app/components/footer/footer.component.html
+++ b/website/src/app/components/footer/footer.component.html
@@ -6,25 +6,25 @@
- Free, open-source, peer-to-peer communication. Built by people who believe privacy is a right, not a premium feature.
+ {{ 'components.footer.description' | translate }}
-
Product
+
{{ 'components.footer.sections.product' | translate }}
- Downloads
+ {{ 'components.footer.links.downloads' | translate }}
@@ -34,7 +34,7 @@
rel="noopener"
class="text-sm text-muted-foreground hover:text-foreground transition-colors"
>
- Web Version
+ {{ 'components.footer.links.webVersion' | translate }}
@@ -42,7 +42,7 @@
routerLink="/what-is-toju"
class="text-sm text-muted-foreground hover:text-foreground transition-colors"
>
- What is Toju?
+ {{ 'components.footer.links.whatIsToju' | translate }}
@@ -50,7 +50,7 @@
routerLink="/gallery"
class="text-sm text-muted-foreground hover:text-foreground transition-colors"
>
- Image Gallery
+ {{ 'components.footer.links.imageGallery' | translate }}
@@ -58,7 +58,7 @@
-
Community
+
{{ 'components.footer.sections.community' | translate }}
- Source Code
+ {{ 'components.footer.links.sourceCode' | translate }}
@@ -91,7 +91,7 @@
height="16"
class="w-4 h-4 object-contain"
/>
- GitHub
+ {{ 'components.footer.links.github' | translate }}
@@ -108,7 +108,7 @@
height="16"
class="w-4 h-4 object-contain"
/>
- Support Us
+ {{ 'components.footer.links.supportUs' | translate }}
@@ -116,30 +116,30 @@
-
Values
+
{{ 'components.footer.sections.values' | translate }}
}
diff --git a/website/src/app/components/header/header.component.ts b/website/src/app/components/header/header.component.ts
index 8e40f8e..eb62d1a 100644
--- a/website/src/app/components/header/header.component.ts
+++ b/website/src/app/components/header/header.component.ts
@@ -5,13 +5,18 @@ import {
HostListener,
PLATFORM_ID
} from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
import { RouterLink, RouterLinkActive } from '@angular/router';
import { isPlatformBrowser } from '@angular/common';
@Component({
selector: 'app-header',
standalone: true,
- imports: [RouterLink, RouterLinkActive],
+ imports: [
+ RouterLink,
+ RouterLinkActive,
+ TranslateModule
+ ],
templateUrl: './header.component.html'
})
export class HeaderComponent {
diff --git a/website/src/app/pages/downloads/downloads.component.html b/website/src/app/pages/downloads/downloads.component.html
index d759b1d..a9fa9c4 100644
--- a/website/src/app/pages/downloads/downloads.component.html
+++ b/website/src/app/pages/downloads/downloads.component.html
@@ -1,9 +1,9 @@
-
+
- Available for Windows, Linux, and in your browser. Always free, always the full experience.
+ {{ 'pages.downloads.hero.description' | translate }}
@@ -18,10 +18,10 @@
- Recommended for you
+ {{ 'pages.downloads.recommended.badge' | translate }}
-
Toju for {{ detectedOS().name }}
-
Version {{ latestRelease()!.tag_name }}
+
{{ 'pages.downloads.recommended.title' | translate:{ os: getDetectedOsLabel() } }}
+
{{ 'pages.downloads.recommended.version' | translate:{ version: latestRelease()!.tag_name } }}
@if (recommendedUrl()) {
- Download for {{ detectedOS().name }}
+ {{ 'common.actions.downloadFor' | translate:{ os: getDetectedOsLabel() } }}
}
- Or
+ {{ 'pages.downloads.recommended.webVersionPrefix' | translate }}
- use the web version
+ {{ 'pages.downloads.recommended.webVersionLink' | translate }}
- - no download required.
+ {{ 'pages.downloads.recommended.webVersionSuffix' | translate }}
@@ -69,7 +69,7 @@
- All platforms - {{ release.tag_name }}
+ {{ 'pages.downloads.allPlatforms.title' | translate }} - {{ release.tag_name }}
@@ -84,7 +84,7 @@
@if (getOsIcon(asset.name)) {
{{ asset.name }}
- {{ releaseService.getAssetOS(asset.name) }} · {{ releaseService.formatBytes(asset.size) }}
+ {{ getAssetOSLabel(asset.name) }} · {{ releaseService.formatBytes(asset.size) }}
@@ -123,7 +123,7 @@
@if (releases().length > 1) {
-
Previous Releases
+
{{ 'pages.downloads.previousReleases.title' | translate }}
@for (release of releases().slice(1); track release.tag_name) {
@@ -147,7 +147,7 @@
{{ release.name || release.tag_name }}
-
{{ formatDate(release.published_at) }} · {{ release.assets.length }} files
+
{{ formatDate(release.published_at) }} · {{ 'pages.downloads.previousReleases.fileCount' | translate:{ count: release.assets.length } }}
- Fetching releases...
+ {{ 'pages.downloads.loading' | translate }}
}
@@ -254,14 +254,14 @@
d="M6.18 15.64a2.18 2.18 0 012.18 2.18C8.36 19 7.38 20 6.18 20 5 20 4 19 4 17.82a2.18 2.18 0 012.18-2.18M4 4.44A15.56 15.56 0 0119.56 20h-2.83A12.73 12.73 0 004 7.27V4.44m0 5.66a9.9 9.9 0 019.9 9.9h-2.83A7.07 7.07 0 004 12.93V10.1z"
/>
- Stay updated with our
+ {{ 'pages.downloads.rss.prefix' | translate }}
- RSS feed
+ {{ 'pages.downloads.rss.link' | translate }}
diff --git a/website/src/app/pages/downloads/downloads.component.ts b/website/src/app/pages/downloads/downloads.component.ts
index 549afe0..09b9fa0 100644
--- a/website/src/app/pages/downloads/downloads.component.ts
+++ b/website/src/app/pages/downloads/downloads.component.ts
@@ -8,6 +8,7 @@ import {
signal
} from '@angular/core';
import { isPlatformBrowser } from '@angular/common';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
import {
ReleaseService,
Release,
@@ -21,7 +22,7 @@ import { getOsIconPath } from './os-icon.util';
@Component({
selector: 'app-downloads',
standalone: true,
- imports: [AdSlotComponent],
+ imports: [AdSlotComponent, TranslateModule],
templateUrl: './downloads.component.html'
})
export class DownloadsComponent implements OnInit, AfterViewInit, OnDestroy {
@@ -29,7 +30,7 @@ export class DownloadsComponent implements OnInit, AfterViewInit, OnDestroy {
readonly releases = signal([]);
readonly latestRelease = signal(null);
readonly detectedOS = signal({
- name: 'Linux',
+ key: 'linux',
icon: '🐧',
filePattern: /\.AppImage$/i,
ymlFile: 'latest-linux.yml'
@@ -40,11 +41,10 @@ export class DownloadsComponent implements OnInit, AfterViewInit, OnDestroy {
private readonly seoService = inject(SeoService);
private readonly scrollAnimation = inject(ScrollAnimationService);
private readonly platformId = inject(PLATFORM_ID);
+ private readonly translate = inject(TranslateService);
ngOnInit(): void {
- this.seoService.update({
- title: 'Download Toju',
- description: 'Download Toju for Windows, Linux, or use the web version. Free peer-to-peer voice chat, screen sharing, and file transfers.',
+ this.seoService.updateFromTranslations('pages.downloads.seo', {
url: 'https://toju.app/downloads'
});
@@ -89,6 +89,14 @@ export class DownloadsComponent implements OnInit, AfterViewInit, OnDestroy {
return getOsIconPath(name, size);
}
+ getDetectedOsLabel(): string {
+ return this.translate.instant(`common.os.${this.detectedOS().key}`);
+ }
+
+ getAssetOSLabel(name: string): string {
+ return this.translate.instant(`common.os.${this.releaseService.getAssetOSKey(name)}`);
+ }
+
formatDate(dateStr: string): string {
try {
return new Date(dateStr).toLocaleDateString('en-US', {
diff --git a/website/src/app/pages/gallery/gallery.component.html b/website/src/app/pages/gallery/gallery.component.html
index 6f6bd83..3efd1a6 100644
--- a/website/src/app/pages/gallery/gallery.component.html
+++ b/website/src/app/pages/gallery/gallery.component.html
@@ -4,11 +4,11 @@
- Image Gallery
+ {{ 'pages.gallery.hero.badge' | translate }}
-
+
- Explore screenshots of the app experience, from voice chat and media sharing to servers, rooms, and full-screen collaboration.
+ {{ 'pages.gallery.hero.description' | translate }}
@@ -19,7 +19,7 @@
-
Featured
-
The full Toju workspace
+
{{ 'pages.gallery.featured.label' | translate }}
+
{{ 'pages.gallery.featured.title' | translate }}
- See the main interface where rooms, messages, presence, and media all come together in one focused layout.
+ {{ 'pages.gallery.featured.description' | translate }}
@@ -52,15 +52,15 @@
-
{{ item.title }}
-
{{ item.description }}
+
{{ item.titleKey | translate }}
+
{{ item.descriptionKey | translate }}
}
@@ -72,14 +72,14 @@
-
Want to see it in action?
-
Download Toju or jump into the browser experience and explore the interface yourself.
+
{{ 'pages.gallery.cta.title' | translate }}
+
{{ 'pages.gallery.cta.description' | translate }}
diff --git a/website/src/app/pages/gallery/gallery.component.ts b/website/src/app/pages/gallery/gallery.component.ts
index 29eea9f..32f98f8 100644
--- a/website/src/app/pages/gallery/gallery.component.ts
+++ b/website/src/app/pages/gallery/gallery.component.ts
@@ -7,6 +7,7 @@ import {
inject
} from '@angular/core';
import { isPlatformBrowser, NgOptimizedImage } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
import { RouterLink } from '@angular/router';
import { AdSlotComponent } from '../../components/ad-slot/ad-slot.component';
import { ScrollAnimationService } from '../../services/scroll-animation.service';
@@ -14,8 +15,8 @@ import { SeoService } from '../../services/seo.service';
interface GalleryItem {
src: string;
- title: string;
- description: string;
+ titleKey: string;
+ descriptionKey: string;
}
@Component({
@@ -23,6 +24,7 @@ interface GalleryItem {
standalone: true,
imports: [
NgOptimizedImage,
+ TranslateModule,
RouterLink,
AdSlotComponent
],
@@ -32,38 +34,38 @@ export class GalleryComponent implements OnInit, AfterViewInit, OnDestroy {
readonly galleryItems: GalleryItem[] = [
{
src: '/images/screenshots/screenshot_main.png',
- title: 'Main chat view',
- description: 'The core Toju experience with channels, messages, and direct communication tools.'
+ titleKey: 'pages.gallery.items.mainChatView.title',
+ descriptionKey: 'pages.gallery.items.mainChatView.description'
},
{
src: '/images/screenshots/screenshare_gaming.png',
- title: 'Gaming screen share',
- description: 'Share gameplay, guides, and live moments with smooth full-resolution screen sharing.'
+ titleKey: 'pages.gallery.items.gamingScreenShare.title',
+ descriptionKey: 'pages.gallery.items.gamingScreenShare.description'
},
{
src: '/images/screenshots/serverViewScreen.png',
- title: 'Server overview',
- description: 'Navigate servers and rooms with a layout designed for clarity and speed.'
+ titleKey: 'pages.gallery.items.serverOverview.title',
+ descriptionKey: 'pages.gallery.items.serverOverview.description'
},
{
src: '/images/screenshots/music.png',
- title: 'Music and voice',
- description: 'Stay in sync with voice and media features in a focused, low-friction interface.'
+ titleKey: 'pages.gallery.items.musicAndVoice.title',
+ descriptionKey: 'pages.gallery.items.musicAndVoice.description'
},
{
src: '/images/screenshots/videos.png',
- title: 'Video sharing',
- description: 'Preview and share visual content directly with your friends and communities.'
+ titleKey: 'pages.gallery.items.videoSharing.title',
+ descriptionKey: 'pages.gallery.items.videoSharing.description'
},
{
src: '/images/screenshots/filedownload.png',
- title: 'File transfers',
- description: 'Move files quickly without artificial size limits or unnecessary hoops.'
+ titleKey: 'pages.gallery.items.fileTransfers.title',
+ descriptionKey: 'pages.gallery.items.fileTransfers.description'
},
{
src: '/images/screenshots/gif.png',
- title: 'Rich media chat',
- description: 'Conversations stay lively with visual media support built right in.'
+ titleKey: 'pages.gallery.items.richMediaChat.title',
+ descriptionKey: 'pages.gallery.items.richMediaChat.description'
}
];
@@ -72,9 +74,7 @@ export class GalleryComponent implements OnInit, AfterViewInit, OnDestroy {
private readonly platformId = inject(PLATFORM_ID);
ngOnInit(): void {
- this.seoService.update({
- title: 'Toju Image Gallery',
- description: 'Browse screenshots of Toju and explore the interface for chat, file sharing, voice, and screen sharing.',
+ this.seoService.updateFromTranslations('pages.gallery.seo', {
url: 'https://toju.app/gallery'
});
}
diff --git a/website/src/app/pages/home/home.component.html b/website/src/app/pages/home/home.component.html
index b27f473..3090594 100644
--- a/website/src/app/pages/home/home.component.html
+++ b/website/src/app/pages/home/home.component.html
@@ -16,19 +16,19 @@
class="inline-flex items-center gap-2 px-4 py-1.5 rounded-full border border-purple-500/30 bg-purple-500/10 text-purple-400 text-sm font-medium mb-8 animate-fade-in"
>
- Currently in Beta - Free & Open Source
+ {{ 'pages.home.hero.badge' | translate }}
- Crystal-clear voice calls, unlimited screen sharing, and file transfers with no size limits. Peer-to-peer. Private. Completely free.
+ {{ 'pages.home.hero.description' | translate }}
@@ -54,7 +54,7 @@
d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
/>
- Download for {{ detectedOS().name }}
+ {{ 'common.actions.downloadFor' | translate:{ os: getDetectedOsLabel() } }}
{{ detectedOS().icon }}
} @else {
@@ -75,7 +75,7 @@
d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
/>
- Download Toju
+ {{ 'common.actions.downloadBrand' | translate }}
}
@@ -85,7 +85,7 @@
rel="noopener"
class="inline-flex items-center gap-2 px-8 py-4 rounded-xl border border-border/50 bg-card/50 text-foreground font-medium text-lg hover:bg-card hover:border-purple-500/30 transition-all backdrop-blur-sm"
>
- Open in Browser
+ {{ 'common.actions.openInBrowser' | translate }}
- Version {{ latestVersion() }} ·
+ {{ 'pages.home.hero.version' | translate:{ version: latestVersion() } }} ·
All platforms {{ 'pages.home.hero.allPlatforms' | translate }}
}
@@ -142,10 +142,10 @@
- Everything you need,
- nothing you don't.
+ {{ 'pages.home.features.titleLine1' | translate }}
+ {{ 'pages.home.features.titleLine2' | translate }}
-
No bloat. No paywalls. Just the tools to connect with the people who matter.
+
{{ 'pages.home.features.description' | translate }}
@@ -168,9 +168,9 @@
/>
-
HD Voice Calls
+
{{ 'pages.home.features.items.voiceCalls.title' | translate }}
- Crystal-clear audio with built-in noise reduction. Hear every word, not the background. No quality compromises, ever.
+ {{ 'pages.home.features.items.voiceCalls.description' | translate }}
@@ -194,10 +194,9 @@
/>
- Screen Sharing
+ {{ 'pages.home.features.items.screenSharing.title' | translate }}
- Share your screen at full resolution. No time limits, no quality downgrades. Perfect for pair programming, presentations, or showing your
- epic gameplay.
+ {{ 'pages.home.features.items.screenSharing.description' | translate }}
@@ -221,9 +220,9 @@
/>
- Unlimited File Sharing
+ {{ 'pages.home.features.items.fileSharing.title' | translate }}
- Send files of any size directly to your friends. No upload limits, no compression. Your files go straight from you to them.
+ {{ 'pages.home.features.items.fileSharing.description' | translate }}
@@ -246,10 +245,9 @@
/>
- True Privacy
+ {{ 'pages.home.features.items.privacy.title' | translate }}
- Peer-to-peer means your data goes directly between you and your friends. No servers storing your conversations. Your business is your
- business.
+ {{ 'pages.home.features.items.privacy.description' | translate }}
@@ -273,9 +271,9 @@
/>
- Open Source
+ {{ 'pages.home.features.items.openSource.title' | translate }}
- Every line of code is public. Audit it, modify it, host your own signal server. Full transparency - nothing is hidden.
+ {{ 'pages.home.features.items.openSource.description' | translate }}
@@ -299,9 +297,9 @@
/>
- Completely Free
+ {{ 'pages.home.features.items.free.title' | translate }}
- No premium tiers. No paywalls. No "starter plans". Every feature is available to everyone, always. Made with love, not profit margins.
+ {{ 'pages.home.features.items.free.description' | translate }}
@@ -338,15 +336,14 @@
d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
/>
- Built for Gamers
+ {{ 'pages.home.gaming.badge' | translate }}
- Your perfect
- gaming companion.
+ {{ 'pages.home.gaming.titleLine1' | translate }}
+ {{ 'pages.home.gaming.titleLine2' | translate }}
- Ultra-low latency voice chat that doesn't eat your bandwidth. Share your screen without frame drops. Send clips and files instantly. All
- while keeping your CPU free for what matters - winning.
+ {{ 'pages.home.gaming.description' | translate }}
@@ -363,7 +360,7 @@
d="M5 13l4 4L19 7"
/>
- Low-latency peer-to-peer voice - no relay servers in the way
+ {{ 'pages.home.gaming.bullets.lowLatency' | translate }}
- AI-powered noise suppression - keyboard clatter stays out
+ {{ 'pages.home.gaming.bullets.noiseSuppression' | translate }}
- Full-resolution screen sharing at high FPS
+ {{ 'pages.home.gaming.bullets.screenShare' | translate }}
- Send replays and screenshots with no file size limit
+ {{ 'pages.home.gaming.bullets.fileTransfers' | translate }}
@@ -422,11 +419,11 @@
ngSrc="/images/screenshots/screenshare_gaming.png"
fill
priority
- alt="Toju gaming screen sharing preview"
+ [attr.alt]="'pages.home.gaming.imageAlt' | translate"
class="object-cover"
/>
- Game on. No limits.
+ {{ 'pages.home.gaming.caption' | translate }}
@@ -457,22 +454,21 @@
d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2"
/>
- Self-Hostable
+ {{ 'pages.home.selfHostable.badge' | translate }}
- Your infrastructure,
- your rules.
+ {{ 'pages.home.selfHostable.titleLine1' | translate }}
+ {{ 'pages.home.selfHostable.titleLine2' | translate }}
- Toju uses a lightweight coordination server to help peers find each other - that's it. Your actual conversations never touch a server. Want
- even more control? Run your own coordination server in minutes. Full independence, zero compromises.
+ {{ 'pages.home.selfHostable.description' | translate }}
@@ -511,22 +507,22 @@
-
Ready to take back your conversations?
-
Join thousands choosing privacy, freedom, and real connection.
+
{{ 'pages.home.cta.title' | translate }}
+
{{ 'pages.home.cta.description' | translate }}
diff --git a/website/src/app/pages/home/home.component.ts b/website/src/app/pages/home/home.component.ts
index 4cd2ee6..8553e5e 100644
--- a/website/src/app/pages/home/home.component.ts
+++ b/website/src/app/pages/home/home.component.ts
@@ -8,6 +8,7 @@ import {
signal
} from '@angular/core';
import { isPlatformBrowser, NgOptimizedImage } from '@angular/common';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
import { RouterLink } from '@angular/router';
import { ReleaseService, DetectedOS } from '../../services/release.service';
import { SeoService } from '../../services/seo.service';
@@ -20,6 +21,7 @@ import { ParallaxDirective } from '../../directives/parallax.directive';
standalone: true,
imports: [
NgOptimizedImage,
+ TranslateModule,
RouterLink,
AdSlotComponent,
ParallaxDirective
@@ -28,7 +30,7 @@ import { ParallaxDirective } from '../../directives/parallax.directive';
})
export class HomeComponent implements OnInit, AfterViewInit, OnDestroy {
readonly detectedOS = signal({
- name: 'Linux',
+ key: 'linux',
icon: '🐧',
filePattern: /\.AppImage$/i,
ymlFile: 'latest-linux.yml'
@@ -40,13 +42,10 @@ export class HomeComponent implements OnInit, AfterViewInit, OnDestroy {
private readonly seoService = inject(SeoService);
private readonly scrollAnimation = inject(ScrollAnimationService);
private readonly platformId = inject(PLATFORM_ID);
+ private readonly translate = inject(TranslateService);
ngOnInit(): void {
- this.seoService.update({
- title: 'Free Peer-to-Peer Voice, Video & Chat',
- description:
- 'Toju is a free, open-source, peer-to-peer communication app. Crystal-clear voice calls, unlimited screen sharing, '
- + 'no file size limits, complete privacy.',
+ this.seoService.updateFromTranslations('pages.home.seo', {
url: 'https://toju.app/'
});
@@ -74,4 +73,8 @@ export class HomeComponent implements OnInit, AfterViewInit, OnDestroy {
ngOnDestroy(): void {
this.scrollAnimation.destroy();
}
+
+ getDetectedOsLabel(): string {
+ return this.translate.instant(`common.os.${this.detectedOS().key}`);
+ }
}
diff --git a/website/src/app/pages/philosophy/philosophy.component.html b/website/src/app/pages/philosophy/philosophy.component.html
index 4ad0b1d..4db037d 100644
--- a/website/src/app/pages/philosophy/philosophy.component.html
+++ b/website/src/app/pages/philosophy/philosophy.component.html
@@ -5,10 +5,10 @@
- Our Manifesto
+ {{ 'pages.philosophy.hero.badge' | translate }}
-
- A letter from the people behind the project.
+
+ {{ 'pages.philosophy.hero.description' | translate }}
@@ -19,81 +19,58 @@
-
We Lost Something Important
+
{{ 'pages.philosophy.sections.ownership.title' | translate }}
- Over the past two decades, something fundamental shifted. Our conversations, our memories, our connections - they stopped belonging to us.
- They live on servers we don't control, inside apps that treat our personal lives as data to be harvested, analyzed, and sold to the highest
- bidder.
+ {{ 'pages.philosophy.sections.ownership.paragraph1' | translate }}
- We gave up ownership of our digital lives so gradually that most of us didn't even notice. A "free" app here, a convenient service there -
- each one taking a little more of our privacy in exchange for convenience. Toju exists because we believe it's time to take it back.
+ {{ 'pages.philosophy.sections.ownership.paragraph2' | translate }}
-
No Paywalls. No Premium Tiers. Ever.
+
{{ 'pages.philosophy.sections.paywalls.title' | translate }}
- You know the playbook: launch a free product, build a user base, then start locking features behind subscription tiers. Can't share your
- screen at more than 720p unless you upgrade. File size limited to 8 MB. Want noise suppression? That's a premium feature now.
-
-
- We refuse to play that game. Every feature in Toju is available to every user, always.
- There is no "Toju Nitro," no "Pro plan," no artificial limitations designed to push you toward your wallet. Communication is a human need,
- not a luxury - and the tools for it should reflect that.
+ {{ 'pages.philosophy.sections.paywalls.paragraph1' | translate }}
+
-
Privacy Is a Right, Not a Feature
+
{{ 'pages.philosophy.sections.privacy.title' | translate }}
- Most communication platforms collect everything: who you talk to, when, for how long, what you share. They build profiles of your social
- graph, your habits, your interests. Even services that claim to care about privacy still store metadata on their servers.
-
-
- Toju is architecturally different. Your data goes directly from your device to your friend's device. We don't have your messages. We don't
- have your files. We don't have your call history. Not because we promised not to look - but because the data never touches our
- infrastructure. We built the technology so that
- privacy isn't something we offer; it's something we literally cannot violate.
+ {{ 'pages.philosophy.sections.privacy.paragraph1' | translate }}
+
-
Built from the Heart
+
{{ 'pages.philosophy.sections.heart.title' | translate }}
- Toju wasn't born in a boardroom with revenue projections. It was born from frustration - frustration with being the product, with watching
- friends get locked out of features they used to have for free, with the growing feeling that the tools we depend on daily don't actually
- serve our interests.
-
-
- We build Toju because we genuinely want to make the world a little better. The internet was supposed to connect people freely, and somewhere
- along the way, that mission got hijacked by business models that exploit the very connections they facilitate.
- Toju is our small act of reclaiming that original promise.
+ {{ 'pages.philosophy.sections.heart.paragraph1' | translate }}
+
-
Transparent by Default
+
{{ 'pages.philosophy.sections.openSource.title' | translate }}
- Every line of Toju's code is publicly available. You can read it, audit it, contribute to it, or fork it and build your own version. This
- isn't a marketing decision - it's an accountability decision. When you can see exactly how the software works, you never have to take our
- word for anything.
+ {{ 'pages.philosophy.sections.openSource.paragraph1' | translate }}
- Open source also means Toju belongs to its community, not to a company. Even if we stopped development tomorrow, the project lives on. Your
- communication infrastructure shouldn't depend on a single organization's survival.
+ {{ 'pages.philosophy.sections.openSource.paragraph2' | translate }}
-
Our Promise
+
{{ 'pages.philosophy.promise.title' | translate }}
- We will never lock features behind a paywall.
+
- We will never sell, monetize, or harvest your data.
+
- We will always keep the source code open and auditable.
+
- We will always put users before profit.
+
-
- The Myxelium team
+
{{ 'pages.philosophy.promise.signature' | translate }}
@@ -168,10 +145,9 @@
-
Help us keep going
+
{{ 'pages.philosophy.support.title' | translate }}
- If Toju's mission resonates with you, consider supporting the project. Every contribution helps us keep the lights on and development moving
- forward - without ever compromising our values.
+ {{ 'pages.philosophy.support.description' | translate }}
-
+
- Toju is a communication app that lets you voice chat, share your screen, send files, and message your friends - all without your data passing
- through someone else's servers. Think of it as your own private phone line that nobody can tap into.
+ {{ 'pages.whatIsToju.hero.description' | translate }}
@@ -21,7 +20,7 @@
- How does it work ?
+ {{ 'pages.whatIsToju.howItWorks.titlePrefix' | translate }} {{ 'pages.whatIsToju.howItWorks.titleHighlight' | translate }} ?
@@ -34,13 +33,8 @@
1
-
You connect directly to your friends
-
- When you start a call or send a file on Toju, your data travels directly from your device to your friend's device. There's no company
- server in the middle storing your conversations, listening to your calls, or scanning your files. This is called
- peer-to-peer - it's like having a direct road between your houses instead of going through a
- toll booth.
-
+
{{ 'pages.whatIsToju.steps.one.title' | translate }}
+
@@ -54,12 +48,8 @@
2
-
A tiny helper gets you connected
-
- The only thing a server does is help your device find your friend's device - like a mutual friend introducing you at a party. Once
- you're connected, the server steps out of the picture entirely. It never sees what you say, share, or send. This helper is called a
- signal server , and you can even run your own if you'd like.
-
+
{{ 'pages.whatIsToju.steps.two.title' | translate }}
+
@@ -73,12 +63,8 @@
3
-
No limits because there are no middlemen
-
- Since your data doesn't pass through our servers, we don't need to pay for massive infrastructure. That's why Toju can offer
- unlimited screen sharing, file transfers of any size, and high-quality voice - all completely
- free. There's no business reason to limit what you can do, and we never will.
-
+
{{ 'pages.whatIsToju.steps.three.title' | translate }}
+
@@ -92,7 +78,7 @@
- Why is it designed this way?
+ {{ 'pages.whatIsToju.whyDesigned.titlePrefix' | translate }} {{ 'pages.whatIsToju.whyDesigned.titleHighlight' | translate }} {{ 'pages.whatIsToju.whyDesigned.titleSuffix' | translate }}
@@ -112,10 +98,9 @@
/>
-
Privacy by Architecture
+
{{ 'pages.whatIsToju.benefits.privacyArchitecture.title' | translate }}
- We didn't just add privacy as a feature - we built the entire app around it. When there's no central server handling your data, there's
- nothing to hack, subpoena, or sell. Your privacy isn't protected by a promise; it's protected by how the technology works.
+ {{ 'pages.whatIsToju.benefits.privacyArchitecture.description' | translate }}
@@ -135,10 +120,9 @@
/>
- Performance Without Compromise
+ {{ 'pages.whatIsToju.benefits.performance.title' | translate }}
- Direct connections mean lower latency. Your voice reaches your friend faster. Your screen share is smoother. Your file arrives in the time
- it actually takes to transfer - not in the time it takes to upload, store, then download.
+ {{ 'pages.whatIsToju.benefits.performance.description' | translate }}
@@ -158,11 +142,9 @@
/>
- Sustainable & Free
+ {{ 'pages.whatIsToju.benefits.sustainable.title' | translate }}
- Running a traditional chat service with millions of users costs enormous amounts of money for servers. That cost gets passed to you. With
- peer-to-peer, the only infrastructure we run is a tiny coordination server - costing almost nothing. That's how we keep it free
- permanently.
+ {{ 'pages.whatIsToju.benefits.sustainable.description' | translate }}
@@ -182,10 +164,9 @@
/>
- Independence & Freedom
+ {{ 'pages.whatIsToju.benefits.independence.title' | translate }}
- You're not locked into our ecosystem. The code is open source. You can run your own server. If we ever disappeared tomorrow, you could
- still use Toju. Your communication tools should belong to you, not a corporation.
+ {{ 'pages.whatIsToju.benefits.independence.description' | translate }}
@@ -195,38 +176,34 @@
-
Common Questions
+
{{ 'pages.whatIsToju.faq.titlePrefix' | translate }} {{ 'pages.whatIsToju.faq.titleHighlight' | translate }}
-
Is Toju really free? What's the catch?
+
{{ 'pages.whatIsToju.faq.items.free.question' | translate }}
- Yes, it's really free. There is no catch. Because Toju uses peer-to-peer connections, we don't need expensive server infrastructure. Our
- costs are minimal, and we fund development through community support and donations. Every feature is available to everyone.
+ {{ 'pages.whatIsToju.faq.items.free.answer' | translate }}
-
Do I need technical knowledge to use Toju?
+
{{ 'pages.whatIsToju.faq.items.technical.question' | translate }}
- Not at all. Toju works like any other chat app - download it, create an account, and start talking. All the peer-to-peer magic happens
- behind the scenes. You just enjoy the benefits of better privacy, performance, and no limits.
+ {{ 'pages.whatIsToju.faq.items.technical.answer' | translate }}
-
What does "self-host the signal server" mean?
+
{{ 'pages.whatIsToju.faq.items.selfHost.question' | translate }}
- The signal server is a tiny program that helps users find each other online. We run one by default, but if you prefer complete control,
- you can run your own copy on your own hardware. It's like having your own private phone directory - only people you invite can use it.
+ {{ 'pages.whatIsToju.faq.items.selfHost.answer' | translate }}
-
Is my data safe?
+
{{ 'pages.whatIsToju.faq.items.safe.question' | translate }}
- Your conversations, files, and calls go directly between you and the person you're talking to. They never pass through or get stored on
- our servers. Even if someone broke into our server, there would be nothing to find - because we never had your data in the first place.
+ {{ 'pages.whatIsToju.faq.items.safe.answer' | translate }}
@@ -238,14 +215,14 @@
-
Ready to try it?
-
Available on Windows, Linux, and in your browser. Always free.
+
{{ 'pages.whatIsToju.cta.title' | translate }}
+
{{ 'pages.whatIsToju.cta.description' | translate }}
diff --git a/website/src/app/pages/what-is-toju/what-is-toju.component.ts b/website/src/app/pages/what-is-toju/what-is-toju.component.ts
index ce0c18c..5d1cde3 100644
--- a/website/src/app/pages/what-is-toju/what-is-toju.component.ts
+++ b/website/src/app/pages/what-is-toju/what-is-toju.component.ts
@@ -7,6 +7,7 @@ import {
PLATFORM_ID
} from '@angular/core';
import { isPlatformBrowser } from '@angular/common';
+import { TranslateModule } from '@ngx-translate/core';
import { RouterLink } from '@angular/router';
import { SeoService } from '../../services/seo.service';
import { ScrollAnimationService } from '../../services/scroll-animation.service';
@@ -15,7 +16,11 @@ import { AdSlotComponent } from '../../components/ad-slot/ad-slot.component';
@Component({
selector: 'app-what-is-toju',
standalone: true,
- imports: [RouterLink, AdSlotComponent],
+ imports: [
+ RouterLink,
+ AdSlotComponent,
+ TranslateModule
+ ],
templateUrl: './what-is-toju.component.html'
})
export class WhatIsTojuComponent implements OnInit, AfterViewInit, OnDestroy {
@@ -24,11 +29,7 @@ export class WhatIsTojuComponent implements OnInit, AfterViewInit, OnDestroy {
private readonly platformId = inject(PLATFORM_ID);
ngOnInit(): void {
- this.seoService.update({
- title: 'What is Toju? - How It Works',
- description:
- 'Learn how Toju\'s peer-to-peer technology delivers free, private, unlimited voice calls, screen sharing, and '
- + 'file transfers without centralized servers.',
+ this.seoService.updateFromTranslations('pages.whatIsToju.seo', {
url: 'https://toju.app/what-is-toju'
});
}
diff --git a/website/src/app/services/release.service.ts b/website/src/app/services/release.service.ts
index d260e06..afebc93 100644
--- a/website/src/app/services/release.service.ts
+++ b/website/src/app/services/release.service.ts
@@ -20,8 +20,10 @@ export interface Release {
html_url: string;
}
+export type OsKey = 'windows' | 'macos' | 'linux' | 'linuxDebian' | 'archive' | 'web' | 'other';
+
export interface DetectedOS {
- name: string;
+ key: 'windows' | 'macos' | 'linux' | 'linuxDebian';
icon: string | null;
filePattern: RegExp;
ymlFile: string;
@@ -78,7 +80,7 @@ export class ReleaseService {
detectOS(): DetectedOS {
if (!isPlatformBrowser(this.platformId)) {
return {
- name: 'Linux',
+ key: 'linux',
icon: null,
filePattern: /\.AppImage$/i,
ymlFile: 'latest-linux.yml'
@@ -89,7 +91,7 @@ export class ReleaseService {
if (userAgent.includes('win')) {
return {
- name: 'Windows',
+ key: 'windows',
icon: null,
filePattern: /\.exe$/i,
ymlFile: 'latest.yml'
@@ -98,7 +100,7 @@ export class ReleaseService {
if (userAgent.includes('mac')) {
return {
- name: 'macOS',
+ key: 'macos',
icon: null,
filePattern: /\.dmg$/i,
ymlFile: 'latest-mac.yml'
@@ -109,7 +111,7 @@ export class ReleaseService {
if (isUbuntuDebian) {
return {
- name: 'Linux (deb)',
+ key: 'linuxDebian',
icon: null,
filePattern: /\.deb$/i,
ymlFile: 'latest-linux.yml'
@@ -117,7 +119,7 @@ export class ReleaseService {
}
return {
- name: 'Linux',
+ key: 'linux',
icon: null,
filePattern: /\.AppImage$/i,
ymlFile: 'latest-linux.yml'
@@ -162,30 +164,30 @@ export class ReleaseService {
return matchingAsset?.browser_download_url ?? null;
}
- getAssetOS(name: string): string {
+ getAssetOSKey(name: string): OsKey {
const lower = name.toLowerCase();
if (matchesAssetPattern(lower, WINDOWS_SUFFIXES, WINDOWS_HINTS)) {
- return 'Windows';
+ return 'windows';
}
if (matchesAssetPattern(lower, MAC_SUFFIXES, MAC_HINTS)) {
- return 'macOS';
+ return 'macos';
}
if (matchesAssetPattern(lower, LINUX_SUFFIXES, LINUX_HINTS)) {
- return 'Linux';
+ return 'linux';
}
if (matchesAssetPattern(lower, ARCHIVE_SUFFIXES)) {
- return 'Archive';
+ return 'archive';
}
if (lower.endsWith('.wasm')) {
- return 'Web';
+ return 'web';
}
- return 'Other';
+ return 'other';
}
formatBytes(bytes: number): string {
diff --git a/website/src/app/services/seo.service.ts b/website/src/app/services/seo.service.ts
index 67a835b..5111793 100644
--- a/website/src/app/services/seo.service.ts
+++ b/website/src/app/services/seo.service.ts
@@ -1,4 +1,5 @@
import { Injectable, inject } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
import { Meta, Title } from '@angular/platform-browser';
interface SeoData {
@@ -12,6 +13,7 @@ interface SeoData {
export class SeoService {
private readonly meta = inject(Meta);
private readonly title = inject(Title);
+ private readonly translate = inject(TranslateService);
update(data: SeoData): void {
const fullTitle = `${data.title} - Toju`;
@@ -34,4 +36,12 @@ export class SeoService {
this.meta.updateTag({ name: 'twitter:image', content: data.image });
}
}
+
+ updateFromTranslations(keyPrefix: string, options: Omit
= {}): void {
+ this.update({
+ title: this.translate.instant(`${keyPrefix}.title`),
+ description: this.translate.instant(`${keyPrefix}.description`),
+ ...options
+ });
+ }
}
diff --git a/website/tsconfig.app.json b/website/tsconfig.app.json
index 9ab8527..73ac5ae 100644
--- a/website/tsconfig.app.json
+++ b/website/tsconfig.app.json
@@ -14,6 +14,7 @@
"src/server.ts"
],
"include": [
- "src/**/*.d.ts"
+ "src/**/*.d.ts",
+ "public/i18n/**/*.json"
]
}
diff --git a/website/tsconfig.json b/website/tsconfig.json
index 5525117..cf6c605 100644
--- a/website/tsconfig.json
+++ b/website/tsconfig.json
@@ -14,6 +14,7 @@
"esModuleInterop": true,
"experimentalDecorators": true,
"moduleResolution": "bundler",
+ "resolveJsonModule": true,
"importHelpers": true,
"target": "ES2022",
"module": "ES2022"
diff --git a/website/tsconfig.spec.json b/website/tsconfig.spec.json
index 5fb748d..6eb7061 100644
--- a/website/tsconfig.spec.json
+++ b/website/tsconfig.spec.json
@@ -10,6 +10,7 @@
},
"include": [
"src/**/*.spec.ts",
- "src/**/*.d.ts"
+ "src/**/*.d.ts",
+ "public/i18n/**/*.json"
]
}