28 lines
1.1 KiB
HTML
28 lines
1.1 KiB
HTML
<div class="flex flex-col items-center justify-center min-h-screen p-6 space-y-4">
|
||
<img src="BeReady.png" alt="BeReady-Logo" class="w-1/3 max-w-xs">
|
||
|
||
<p class="text-gray-500 text-sm text-center w-3/5 leading-snug relative">
|
||
Prêt à défier tes amis et prouver que t’es le meilleur ?
|
||
<img src="blob.svg" class="absolute -top-150 -left-50 -right-50 max-w-[200vw] -z-1">
|
||
</p>
|
||
|
||
@if (authState()) {
|
||
<app-sign-in-form class="mb-9" #loginForm></app-sign-in-form>
|
||
|
||
<ion-button class="w-10/12 mt-0 border-0" color="primary" (click)="connectUser()">
|
||
<p class="text-white font-bold m-0">Se connecter</p>
|
||
</ion-button>
|
||
|
||
<div class="flex items-center w-10/12">
|
||
<div class="flex-1 border-b border-gray-400"></div>
|
||
<span class="px-2 text-gray-400 font-bold">ou</span>
|
||
<div class="flex-1 border-b border-gray-400"></div>
|
||
</div>
|
||
} @else {
|
||
<app-sign-on-form></app-sign-on-form>
|
||
}
|
||
|
||
<ion-button class="w-10/12 mt-0" color="secondary" (click)="createAccount()">
|
||
<p class="text-black font-bold m-0">Créer un compte</p>
|
||
</ion-button>
|
||
</div> |