From 52696196b2a1509430838405dad57bf125751b8f Mon Sep 17 00:00:00 2001
From: Marek Lesko <marek@lesko.me>
Date: Fri, 24 Oct 2025 08:42:49 +0000
Subject: [PATCH] fix: update footer layout and improve favicon links for
 better accessibility

---
 Web/src/app/app.config.ts                     |  2 +-
 .../front-pages/footer/footer.component.html  | 86 +++----------------
 Web/src/index.html                            | 10 +--
 3 files changed, 19 insertions(+), 79 deletions(-)

diff --git a/Web/src/app/app.config.ts b/Web/src/app/app.config.ts
index 4f1c811..02408de 100755
--- a/Web/src/app/app.config.ts
+++ b/Web/src/app/app.config.ts
@@ -74,7 +74,7 @@ export const appConfig: ApplicationConfig = {
       },
     }),
 
-    provideClientHydration(),
+    // provideClientHydration(),
     provideAnimationsAsync(),
     importProvidersFrom(
       FormsModule,
diff --git a/Web/src/app/pages/front-pages/footer/footer.component.html b/Web/src/app/pages/front-pages/footer/footer.component.html
index 647ad52..4ec13cb 100755
--- a/Web/src/app/pages/front-pages/footer/footer.component.html
+++ b/Web/src/app/pages/front-pages/footer/footer.component.html
@@ -1,86 +1,26 @@
 <div class="footer-content">
   <div class="footer-wrapper">
     <div class="container">
-      <div class="row">
-        <!-- <div class="col-md-3 col-6 m-b-30">
-          <div class="listContainer">
-            <h5 class="f-s-16 f-w-600 m-b-30">Applications</h5>
-            <mat-list role="list" class="p-y-0">
-              @for (item of applicationsItems; track item) {
-              <a class="text-decoration-none d-block m-b-20" [routerLink]="[item.href]">
-                {{ item.title }}
-              </a>
-              }
-            </mat-list>
-          </div>
-        </div>
-        <div class="col-md-3 col-6 m-b-30">
-          <div class="listContainer">
-            <h5 class="f-s-16 f-w-600 m-b-30">Forms</h5>
-            <mat-list role="list" class="p-y-0">
-              @for (item of formsItems; track item) {
-              <a class="text-decoration-none d-block m-b-20" [routerLink]="[item.href]">
-                {{ item.title }}
-              </a>
-              }
-            </mat-list>
-          </div>
-        </div>-->
-        <!-- <div class="col-md-3 col-6 m-b-30">
-          <div class="listContainer">
-            <h5 class="f-s-16 f-w-600 m-b-30">Tables</h5>
-            <mat-list role="list" class="p-y-0">
-              @for (item of tablesItems; track item) {
-              <a class="text-decoration-none d-block m-b-20" [routerLink]="[item.href]">
-                {{ item.title }}
-              </a>
-              }
-            </mat-list>
-          </div>
-        </div> -->
-        <!-- <div class="col-md-3 col-6 m-b-30">
+      <div class="d-flex align-items-center justify-content-between p-y-30 b-t-1 flex-wrap">
+        <div class="col-md-4">
           <h5 class="f-s-16 f-w-600 m-b-30">Sledujte nás:</h5>
-          <div class="d-flex align-items-center gap-20">
+          <div class="d-flex align-items-center gap-20 text-center">
             @for (icon of socialIcons; track icon.src) {
             <img [src]="icon.src" [matTooltip]="icon.tooltip" alt="social-icon" width="22" height="22"
               class="cursor-pointer" />
             }
           </div>
-        </div> -->
-      </div>
-      <div class="d-flex align-items-center justify-content-between p-y-30 b-t-1 flex-wrap">
-        <div class="row">
-          <div class="col-md-4">
-            <h5 class="f-s-16 f-w-600 m-b-30">Sledujte nás:</h5>
-            <div class="d-flex align-items-center gap-20">
-              @for (icon of socialIcons; track icon.src) {
-              <img [src]="icon.src" [matTooltip]="icon.tooltip" alt="social-icon" width="22" height="22"
-                class="cursor-pointer" />
-              }
-            </div>
-          </div>
-          <div class="col-md-4">
-            <img src="/assets/images/logos/logo-nextgen.png" class="img-fluid" style="max-width: 100%; height: auto;" />
-          </div>
-          <div class="col-md-4 content-start">
-            <img src="/assets/images/logos/POO_logo_modre.png" class="img-fluid"
-              style="max-width: 100%; height: auto;" />
-          </div>
         </div>
-        <!-- Left side -->
-        <!-- <div class="d-flex align-items-center gap-4">
-          <img src="assets/images/landingpage/favicon.png" alt="logo" width="20" height="15" />
-          <h6 class="f-s-16 f-w-500">All rights reserved by Modernize.</h6>
-        </div> -->
-
-        <!-- Right side -->
-        <!-- <div class="d-flex justify-content-end align-items-center">
-          <p class="f-s-16 m-0">
-            Designed & Developed by
-            <a href="https://adminmart.com/" target="_blank" class="text-decoration-none text-primary">
-              AdminMart </a>.
-          </p>
-        </div> -->
+        <div class="col-md-4  text-center">
+          <img
+            srcset="https://s3.lesko.me/public/logo/logo-nextgen-1x.png, https://s3.lesko.me/public/logo/logo-nextgen-2x.png 2x"
+            class="img-fluid" style="max-width: 100%; height: auto;" />
+        </div>
+        <div class="col-md-4 text-center">
+          <img
+            srcset="https://s3.lesko.me/public/logo/logo-poo-1x.png, https://s3.lesko.me/public/logo/logo-poo-2x.png 2x"
+            class="img-fluid" style="max-width: 100%; height: auto;" />
+        </div>
       </div>
     </div>
   </div>
diff --git a/Web/src/index.html b/Web/src/index.html
index d88eade..5ad9aca 100755
--- a/Web/src/index.html
+++ b/Web/src/index.html
@@ -8,11 +8,11 @@
   <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 rel="icon" type="image/png" href="/assets/favicon-96x96.png" sizes="96x96" />
-  <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
-  <link rel="shortcut icon" href="/assets/favicon.ico" />
-  <link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png" />
-  <link rel="manifest" href="/assets/site.webmanifest" />
+  <link rel="icon" type="image/png" href="https://s3.lesko.me/public/manifest/favicon-96x96.png" sizes="96x96" />
+  <link rel="icon" type="image/svg+xml" href="https://s3.lesko.me/public/manifest/favicon.svg" />
+  <link rel="shortcut icon" href="https://s3.lesko.me/public/manifest/favicon.ico" />
+  <link rel="apple-touch-icon" sizes="180x180" href="https://s3.lesko.me/public/manifest/apple-touch-icon.png" />
+  <link rel="manifest" href="https://s3.lesko.me/public/manifest/site.webmanifest" />
   <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap"
     rel="stylesheet">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">