chatenium/Nexum
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 10 Wiki Activity

3.0 Beta 7

Browse Source
This commit is contained in:
chatenium
2026-04-15 17:35:55 +02:00
parent 0dc1e15e59
commit a0a6fdaf55
20 changed files with 261 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
src/app/homepage/homepage.html
View File

@@ -70,6 +70,11 @@
{{'home.enterChtnOnWeb'|translate}}
</button>
<button style="width: 350px" tuiButton appearance="secondary" (click)="openGit()">
<fa-icon [icon]="faGitAlt" style="font-size: 25px; display: flex; justify-content: center; width: 10px"></fa-icon>
Git
</button>
<button style="width: 350px" appearance="secondary" (click)="openRoadmap()" tuiButton iconStart="@tui.chart-no-axes-gantt">
Roadmap
</button>
@@ -82,71 +87,6 @@
</div>
</section>
<section class="detailedFeature">
<div class="style">
<h1>{{ 'home.chtn'|translate }} <span style="color: var(--tui-status-negative)"><tui-icon icon="@tui.circle-gauge"></tui-icon>
{{ 'home.adaptsToYou'|translate }}</span></h1>
<p>{{ 'home.adaptsToYouDesc'|translate }}</p>
<div class="cardList">
<div tuiCardLarge>
<tui-icon icon="@tui.globe" style="font-size: 80px"></tui-icon>
<h2>{{ 'home.chtnOnWeb'|translate }}</h2>
<p>{{ 'home.chtnOnWebDesc'|translate }}</p>
</div>
<div tuiCardLarge>
<fa-icon [icon]="faAndroid"></fa-icon>
<h2>{{ 'home.chtnOnAndroid'|translate }}</h2>
<div tuiBadge>{{'home.openBeta'|translate}}</div>
<p>{{ 'home.chtnOnAndroidDesc'|translate }}</p>
</div>
<div tuiCardLarge>
<fa-icon [icon]="faApple"></fa-icon>
<h2>{{ 'home.chtnOnApple'|translate }}</h2>
<div tuiBadge>{{'home.openBeta'|translate}}</div>
<p>{{ 'home.chtnOnAppleDesc'|translate }}</p>
</div>
<div tuiCardLarge>
<fa-icon [icon]="faWindows"></fa-icon>
<h2>{{ 'home.chtnOnWindows'|translate }}</h2>
<div tuiBadge>{{'home.openBeta'|translate}}</div>
<p>{{ 'home.chtnOnWindowsDesc'|translate }}</p>
</div>
<div tuiCardLarge>
<fa-icon [icon]="faLinux"></fa-icon>
<h2>{{ 'home.chtnOnLinux'|translate }}</h2>
<div tuiBadge>{{'home.openBeta'|translate}}</div>
<p>{{ 'home.chtnOnLinuxDesc'|translate }}</p>
</div>
<div tuiCardLarge>
<fa-icon [icon]="faRecordVinyl"></fa-icon>
<h2>{{ 'home.chtnEcho'|translate }}</h2>
<div tuiBadge>{{'home.openBeta'|translate}}</div>
<p>{{ 'home.chtnEchoDesc'|translate }}</p>
</div>
<div tuiCardLarge>
<fa-icon [icon]="faDesktop"></fa-icon>
<h2>{{ 'home.chtnReson'|translate }}</h2>
<div tuiBadge>{{'home.openBeta'|translate}}</div>
<p>{{ 'home.chtnResonDesc'|translate }}</p>
</div>
</div>
</div>
</section>
<section class="detailedFeature">
<div class="style">
<h1>{{ 'home.chtnIs'|translate }} <span style="color: var(--tui-status-positive)"><tui-icon icon="@tui.lock"></tui-icon>
@@ -192,48 +132,35 @@
</div>
</section>
<section class="detailedFeature" style="margin-bottom: 5%;">
<section class="detailedFeature" id="platformList" style="margin-bottom: 5%;">
<div class="style">
<h1>{{ 'home.weAreExcitedFor'|translate }} <span style="color: var(--tui-status-negative)"><tui-icon icon="@tui.heart"></tui-icon>
<h1>{{ 'home.adaptsTo'|translate }} <span style="color: var(--tui-status-negative)"><tui-icon icon="@tui.heart"></tui-icon>
{{ 'home.you'|translate }}</span></h1>
<p>{{ 'home.weAreExcitedForYouDesc'|translate }}</p>
<p>{{ 'home.adaptsToYouDesc'|translate }}</p>
<div class="cardList">
<div tuiCardLarge>
<tui-icon icon="@tui.globe" style="font-size: 80px"></tui-icon>
<h2><a routerLink="/chat">{{ 'home.enterChtnOnWeb'|translate }}</a></h2>
<p>{{ 'home.enterChtnOnWebDesc'|translate }}</p>
<div class="disabled card">
<fa-icon [icon]="faLinux"></fa-icon>
<h2>Linux</h2>
<div tuiBadge appearance="accent">{{'home.soon'|translate}}</div>
</div>
<div tuiCardLarge>
<fa-icon [icon]="faGooglePlay"></fa-icon>
<h2>{{ 'home.downloadChtnOnAndroid'|translate }}</h2>
<div tuiBadge>{{'home.openBeta'|translate}}</div>
<p>{{'home.openBetaDesc'|translate}}</p>
<button (click)="androidBetaTestDialogOpen = true" tuiButton iconStart="@tui.door-open">{{'home.requestAlphaAccess'|translate}}</button>
<div class="disabled card">
<fa-icon [icon]="faGoogle"></fa-icon>
<h2>Google</h2>
<div tuiBadge appearance="accent">{{'home.soon'|translate}}</div>
</div>
<div tuiCardLarge>
<fa-icon [icon]="faAppStoreIos"></fa-icon>
<h2>{{ 'home.downloadChtnOnApple'|translate }}</h2>
<div tuiBadge>{{'home.openBeta'|translate}}</div>
<p>{{'home.openBetaDesc'|translate}}</p>
<button (click)="appleBetaTestDialogOpen = true" tuiButton iconStart="@tui.door-open">{{'home.requestAlphaAccess'|translate}}</button>
<div class="disabled card">
<fa-icon [icon]="faApple"></fa-icon>
<h2>Apple</h2>
<div tuiBadge appearance="accent">{{'home.soon'|translate}}</div>
</div>
<div tuiCardLarge>
<div class="disabled card">
<fa-icon [icon]="faMicrosoft"></fa-icon>
<h2>{{ 'home.downloadOnWindows'|translate }}</h2>
<div tuiBadge>{{'home.openBeta'|translate}}</div>
<p>{{'home.openBetaDesc'|translate}}</p>
<button (click)="msBetaTestDialogOpen = true" tuiButton iconStart="@tui.door-open">{{'home.requestAlphaAccess'|translate}}</button>
<h2>Microsoft</h2>
<div tuiBadge appearance="accent">{{'home.soon'|translate}}</div>
</div>
</div>
</div>

29
src/app/homepage/homepage.scss
View File

@@ -117,6 +117,35 @@ main {
font-size: 20px;
}
}
#platformList {
.cardList {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
.card {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 10px;
aspect-ratio: 1/1;
background: var(--tui-background-base);
border-radius: 1.5rem;
cursor: pointer;
&.disabled {
pointer-events: none;
opacity: 0.5;
}
fa-icon {
display: flex;
justify-content: center;
align-items: center;
}
}
}
}
}
.logo {

9
src/app/homepage/homepage.ts
View File

@@ -8,7 +8,7 @@ import {FaIconComponent} from '@fortawesome/angular-fontawesome';
import {
faAndroid,
faApple,
faAppStoreIos,
faAppStoreIos, faGitAlt, faGitee, faGoogle,
faGooglePlay,
faLinux,
faMicrosoft,
@@ -97,6 +97,10 @@ export class Homepage {
window.open('https://help.chatenium.hu/s/169154db-df3e-44cb-980d-2db1915ecdf8', '_blank')
}
openGit() {
window.open('https://git.chatenium.hu', '_blank')
}
openMsStore() {
window.open('https://apps.microsoft.com/detail/9p1xq5vb62b0?ocid=webpdpshare', '_blank')
}
@@ -150,4 +154,7 @@ export class Homepage {
protected readonly faGooglePlay = faGooglePlay;
protected readonly faAppStoreIos = faAppStoreIos;
protected readonly faMicrosoft = faMicrosoft;
protected readonly faGoogle = faGoogle;
protected readonly faGitee = faGitee;
protected readonly faGitAlt = faGitAlt;
}