Changing front

front/app/src/index.html

@@ -1,79 +1,32 @@
-<!doctype html>
+<!DOCTYPE html>
+<!--
+* CoreUI - Angular 15 Free Admin Template
+* @version v4.3.0
+* @link https://coreui.io/angular/
+* Copyright (c) 2017-2022 creativeLabs Łukasz Holeczek
+* License: MIT
+-->
 <html lang="en">
 <head>
   <meta charset="utf-8">
-  <title>App</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <link rel="preconnect" href="https://fonts.gstatic.com">
-  <link href="assets/fonts/Material_Icons.css" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-  <style type="text/css">
-    .global-loader {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      position: fixed;
-      top: 0;
-      left: 0;
-      z-index: 1;
-      width: 100%;
-      height: 100%;
-      background-color: #fff;
-      opacity: 1;
-      transition: opacity .5s ease-in-out;
-    }
-
-    .global-loader-fade-in {
-      opacity: 0;
-    }
-
-    .global-loader-hidden {
-      display: none;
-    }
-
-    .global-loader h1 {
-      font-family: "Helvetica Neue", Helvetica, sans-serif;
-      font-weight: normal;
-      font-size: 24px;
-      letter-spacing: .04rem;
-      white-space: pre;
-      -webkit-background-clip: text;
-      background-clip: text;
-      -webkit-text-fill-color: transparent;
-      background-image:
-        repeating-linear-gradient(
-          to right,
-          #f44336,
-          #9c27b0,
-          #3f51b5,
-          #03a9f4,
-          #009688,
-          #8bc34a,
-          #ffeb3b,
-          #ff9800
-        );
-      background-size: 750% auto;
-      background-position: 0 100%;
-      animation: gradient 20s infinite;
-      animation-fill-mode: forwards;
-      animation-timing-function: linear;
-    }
-
-    @keyframes gradient {
-      0% {
-        background-position: 0 0;
-      }
-
-      100% {
-        background-position: -750% 0;
-      }
-    }
-    </style>
+  <base href="./">
+  <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport" />
+  <meta content="CoreUI Free Angular Admin Template" name="description" />
+  <meta content="Łukasz Holeczek" name="author" />
+  <meta
+    content="CoreUI,Bootstrap,Admin,Template,Free,Angular,Dashboard,Typescript"
+    name="keyword"
+  />
+  <link href="assets/favicon.ico" rel="icon" type="image/x-icon">
+  <title>CoreUI Free Angular Admin Template</title>
 </head>
 <body>
-  <app-root></app-root>
-  <div id="globalLoader" class="global-loader"><h1>LOADING</h1></div>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <app-root>
+    <div class="fade show" style="text-align: center; padding-top: calc(100vh / 2); height: 100vh">
+      <i class="spinner-grow spinner-grow-sm"></i>
+      <span class="m-1">Loading...</span>
+    </div>
+  </app-root>
 </body>
 </html>