UI improvements

src/Backend/Program.cs

@@ -74,8 +74,7 @@
                                                                                {
                                                                                    {
                                                                                        "url",
-                                                                                       new OpenApiString(
-                                                                                           "https://github.com/AleksanderNekr/LichessAnalyzer/blob/master/src/Frontend/src/assets/logo-gen-nobg.png?raw=true")
+                                                                                       new OpenApiString("/assets/logo-gen-nobg.png?raw=true")
                                                                                    },
                                                                                    { "altText", new OpenApiString("The Logo") }
                                                                                }

src/Frontend/src/app/login/login.component.css

@@ -0,0 +1 @@
+

src/Frontend/src/app/login/login.component.html

@@ -1,3 +1,12 @@
-<h1>Login using Lichess.org</h1>
-
-<a class="btn btn-outline-primary" href="/login">Login</a>
+<div class="container mt-5">
+  <div class="card mx-auto" style="max-width: 400px;">
+    <div class="card-header d-flex flex-column align-items-center">
+      <img ngSrc="assets/lichess-logo.png" alt="lichess-logo"
+           width="200" height="200" class="mt-5">
+      <h1 class="text-center mt-3 mb-5">Sign up using Lichess.org</h1>
+    </div>
+    <div class="card-body d-flex justify-content-center">
+      <a class="btn btn-primary btn-lg w-75" href="/login">Sign up</a>
+    </div>
+  </div>
+</div>

src/Frontend/src/app/login/login.component.ts

@@ -1,10 +1,13 @@
 import { Component } from '@angular/core';
 import { AuthService } from "../auth/auth.service";
+import { NgOptimizedImage } from "@angular/common";
 
 @Component({
   selector: 'app-login',
   standalone: true,
-  imports: [],
+  imports: [
+    NgOptimizedImage
+  ],
   templateUrl: './login.component.html',
   styleUrl: './login.component.css',
   providers: [ AuthService ]