fix: update footer layout and improve favicon links for better accessibility

This commit is contained in:
Marek Lesko
2025-10-24 08:42:49 +00:00
parent f939866d36
commit 52696196b2
3 changed files with 19 additions and 79 deletions

View File

@@ -74,7 +74,7 @@ export const appConfig: ApplicationConfig = {
},
}),
provideClientHydration(),
// provideClientHydration(),
provideAnimationsAsync(),
importProvidersFrom(
FormsModule,

View File

@@ -1,87 +1,27 @@
<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">
<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>
<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">
<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 class="col-md-4">
<img src="/assets/images/logos/logo-nextgen.png" class="img-fluid" style="max-width: 100%; height: auto;" />
<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 content-start">
<img src="/assets/images/logos/POO_logo_modre.png" class="img-fluid"
style="max-width: 100%; height: auto;" />
<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>
<!-- 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>
</div>
</div>
</div>

View File

@@ -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">