myxelium/Toju
1
0
Fork 0
Code Issues 14 Pull Requests Actions Packages Projects 2 Releases 37 Wiki Activity

Add translation support for website
All checks were successful
Queue Release Build / prepare (push) Successful in 1m20s
Details
Deploy Web Apps / deploy (push) Successful in 17m37s
Details
Queue Release Build / build-windows (push) Successful in 39m8s
Details
Queue Release Build / build-linux (push) Successful in 1h3m53s
Details
Queue Release Build / finalize (push) Successful in 5m43s
Details

Browse Source
This commit is contained in:
SocksOnHead
2026-03-13 03:45:17 +01:00
parent 2b6e477c9a
commit 00adf39121
26 changed files with 788 additions and 286 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
website/src/app/pages/downloads/downloads.component.html
View File

@@ -1,9 +1,9 @@
<div class="min-h-screen pt-32 pb-20">
<section class="container mx-auto px-6 mb-16">
<div class="max-w-3xl mx-auto text-center">
<h1 class="text-4xl md:text-6xl font-extrabold text-foreground mb-6">Download <span class="gradient-text">Toju</span></h1>
<h1 class="text-4xl md:text-6xl font-extrabold text-foreground mb-6">{{ 'pages.downloads.hero.titlePrefix' | translate }} <span class="gradient-text">{{ 'common.brand' | translate }}</span></h1>
<p class="text-lg text-muted-foreground leading-relaxed">
Available for Windows, Linux, and in your browser. Always free, always the full experience.
{{ 'pages.downloads.hero.description' | translate }}
</p>
</div>
</section>
@@ -18,10 +18,10 @@
<div
class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-purple-500/10 border border-purple-500/20 text-purple-400 text-sm font-medium mb-4"
>
Recommended for you
{{ 'pages.downloads.recommended.badge' | translate }}
</div>
<h2 class="text-2xl font-bold text-foreground mb-2">Toju for {{ detectedOS().name }}</h2>
<p class="text-muted-foreground mb-6">Version {{ latestRelease()!.tag_name }}</p>
<h2 class="text-2xl font-bold text-foreground mb-2">{{ 'pages.downloads.recommended.title' | translate:{ os: getDetectedOsLabel() } }}</h2>
<p class="text-muted-foreground mb-6">{{ 'pages.downloads.recommended.version' | translate:{ version: latestRelease()!.tag_name } }}</p>
@if (recommendedUrl()) {
<a
@@ -41,21 +41,21 @@
d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
/>
</svg>
Download for {{ detectedOS().name }}
{{ 'common.actions.downloadFor' | translate:{ os: getDetectedOsLabel() } }}
</a>
}
<p class="text-xs text-muted-foreground/60 mt-4">
Or
{{ 'pages.downloads.recommended.webVersionPrefix' | translate }}
<a
href="https://web.toju.app/"
target="_blank"
rel="noopener"
class="underline hover:text-muted-foreground transition-colors"
>
use the web version
{{ 'pages.downloads.recommended.webVersionLink' | translate }}
</a>
- no download required.
{{ 'pages.downloads.recommended.webVersionSuffix' | translate }}
</p>
</div>
</div>
@@ -69,7 +69,7 @@
<section class="container mx-auto px-6 mb-20">
<div class="max-w-4xl mx-auto">
<h2 class="text-2xl font-bold text-foreground mb-8 section-fade">
All platforms <span class="text-muted-foreground font-normal text-lg">- {{ release.tag_name }}</span>
{{ 'pages.downloads.allPlatforms.title' | translate }} <span class="text-muted-foreground font-normal text-lg">- {{ release.tag_name }}</span>
</h2>
<div class="grid gap-3 section-fade">
@@ -84,7 +84,7 @@
@if (getOsIcon(asset.name)) {
<img
[src]="getOsIcon(asset.name)"
[alt]="releaseService.getAssetOS(asset.name) + ' icon'"
[attr.alt]="'pages.downloads.allPlatforms.assetIconAlt' | translate:{ os: getAssetOSLabel(asset.name) }"
width="32"
height="32"
class="w-8 h-8 object-contain invert"
@@ -94,7 +94,7 @@
<div>
<p class="text-sm font-medium text-foreground group-hover:text-purple-400 transition-colors">{{ asset.name }}</p>
<p class="text-xs text-muted-foreground">
{{ releaseService.getAssetOS(asset.name) }} · {{ releaseService.formatBytes(asset.size) }}
{{ getAssetOSLabel(asset.name) }} · {{ releaseService.formatBytes(asset.size) }}
</p>
</div>
</div>
@@ -123,7 +123,7 @@
@if (releases().length > 1) {
<section class="container mx-auto px-6 mb-20">
<div class="max-w-4xl mx-auto">
<h2 class="text-2xl font-bold text-foreground mb-8 section-fade">Previous Releases</h2>
<h2 class="text-2xl font-bold text-foreground mb-8 section-fade">{{ 'pages.downloads.previousReleases.title' | translate }}</h2>
<div class="space-y-4 section-fade">
@for (release of releases().slice(1); track release.tag_name) {
@@ -147,7 +147,7 @@
</div>
<div>
<p class="text-sm font-medium text-foreground">{{ release.name || release.tag_name }}</p>
<p class="text-xs text-muted-foreground">{{ formatDate(release.published_at) }} · {{ release.assets.length }} files</p>
<p class="text-xs text-muted-foreground">{{ formatDate(release.published_at) }} · {{ 'pages.downloads.previousReleases.fileCount' | translate:{ count: release.assets.length } }}</p>
</div>
</div>
<svg
@@ -178,7 +178,7 @@
@if (getOsIcon(asset.name)) {
<img
[src]="getOsIcon(asset.name)"
[alt]="releaseService.getAssetOS(asset.name) + ' icon'"
[attr.alt]="'pages.downloads.allPlatforms.assetIconAlt' | translate:{ os: getAssetOSLabel(asset.name) }"
width="16"
height="16"
class="w-4 h-4 object-contain mr-1 invert"
@@ -236,7 +236,7 @@
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
></path>
</svg>
Fetching releases...
{{ 'pages.downloads.loading' | translate }}
</div>
</div>
}
@@ -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"
/>
</svg>
Stay updated with our
{{ 'pages.downloads.rss.prefix' | translate }}
<a
href="https://git.azaaxin.com/myxelium/Toju/releases.rss"
target="_blank"
rel="noopener"
class="underline hover:text-foreground transition-colors"
>
RSS feed
{{ 'pages.downloads.rss.link' | translate }}
</a>
</p>
</div>