WIP

Web/public/favicon.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="616px" height="614px"><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="616px" height="614px" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" viewBox="0 0 176.41 175.91" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
+ <defs>
+  <style type="text/css">
+   
+    .fil0 {fill:#266BB5;fill-rule:nonzero}
+   
+  </style>
+ </defs>
+ <g id="SvgjsG1010">
+  <metadata id="SvgjsMetadata1009"></metadata>
+  <path class="fil0" d="M92.96 11.43c-3.16,0 -5.72,-2.56 -5.72,-5.71 0,-3.16 2.56,-5.72 5.72,-5.72l44.73 0c10.57,0 20.19,4.06 27.19,10.59 7.11,6.65 11.53,15.83 11.53,25.95l0 133.65c0,3.16 -2.56,5.72 -5.72,5.72 -1.66,0 -3.15,-0.71 -4.19,-1.83l-40.23 -37.89 -87.55 0c-10.57,0 -20.2,-4.06 -27.2,-10.59 -7.11,-6.65 -11.52,-15.83 -11.52,-25.95l0 -63.11c0,-10.12 4.41,-19.3 11.52,-25.95 7,-6.53 16.63,-10.59 27.2,-10.59l21.9 0c13.61,-0.07 22.4,16.51 26.11,26.9l21.51 48.32c1.28,2.87 -0.01,6.24 -2.88,7.53 -0.76,0.33 -1.55,0.49 -2.33,0.49l0 0.02 -15.33 0 0 15.92c0,0.17 -0.01,0.34 -0.03,0.5 -0.07,3.36 -1.33,18.46 -18.32,18.16l-12.83 0c-3.15,0 -5.7,-2.55 -5.7,-5.69 0,-3.15 2.55,-5.7 5.7,-5.7l13 0c6.15,0.11 6.72,-5.37 6.76,-6.78 -0.01,-0.16 -0.02,-0.32 -0.02,-0.49l0 -1.87c-17.85,0.84 -21.26,-10.77 -21.27,-10.81 -0.94,-3.01 0.75,-6.21 3.75,-7.14 3.01,-0.94 6.21,0.74 7.15,3.75 0,0.01 1.01,3.62 10.37,2.82l0 -8.39c0,-3.15 2.56,-5.71 5.72,-5.71l12.27 0 -17.93 -40.28c-0.13,-0.25 -0.25,-0.52 -0.35,-0.79 -5.28,-14.82 -9.74,-18.48 -11.99,-19.33l-25.26 0c-7.59,0 -14.46,2.88 -19.43,7.51 -4.85,4.54 -7.86,10.77 -7.86,17.6l0 63.11c0,6.83 3.01,13.06 7.86,17.59 4.97,4.64 11.84,7.52 19.43,7.52l89.8 0 0 0.01c1.39,0 2.8,0.51 3.9,1.55l32.56 30.65 0 -120.43c0,-6.83 -3.02,-13.06 -7.87,-17.6 -4.96,-4.63 -11.83,-7.51 -19.42,-7.51l-44.73 0zm-31.78 21.54c3.86,0 6.99,3.12 6.99,6.98 0,3.86 -3.13,6.98 -6.99,6.98 -3.85,0 -6.97,-3.12 -6.97,-6.98 0,-3.86 3.12,-6.98 6.97,-6.98z"></path>
+ </g>
+</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: none; } }
+</style></svg>

Web/public/site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "MyWebSite",
+  "short_name": "MySite",
+  "icons": [
+    {
+      "src": "/assets/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/assets/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

Web/src/app/app.component.ts

@@ -11,5 +11,5 @@ import { OAuthService } from 'angular-oauth2-oidc';
   templateUrl: './app.component.html'
 })
 export class AppComponent {
-  title = 'Modernize Angular Admin Tempplate';
+  title = 'Digitálny asistent PAS';
 }

Web/src/app/pages/front-pages/footer/footer.component.ts

@@ -1,11 +1,10 @@
 import { Component } from '@angular/core';
 import { IconModule } from '../../../icon/icon.module';
 import { MaterialModule } from '../../../material.module';
-import { RouterLink } from '@angular/router';
 
 @Component({
   selector: 'app-footer',
-  imports: [MaterialModule, IconModule, RouterLink],
+  imports: [MaterialModule, IconModule],
   templateUrl: './footer.component.html',
   styleUrl: './footer.component.scss'
 })

Web/src/app/pages/front-pages/front-pagesData.ts

@@ -19,6 +19,15 @@ interface productcards {
   date: string;
 }
 
+interface newscards {
+  id: number;
+  imgSrc: string;
+  claim: string;
+  title: string;
+  shortDesc: string;
+  date: string;
+}
+
 interface Framework {
   src: string;
   alt: string;
@@ -87,6 +96,41 @@ export const cardimgs: cardimgs[] = [
   }
 ]
 
+export const newscards: newscards[] = [
+  {
+    "id": 1,
+    "imgSrc": "assets/images/products/s1.jpg",
+    "claim": "Pozvánka",
+    "title": "Spúšťame web a prihlasovanie k odberu noviniek",
+    "shortDesc": "Pridajte sa k našej komunite a získavajte pravidelné informácie o vývoji platformy, možnostiach testovania a publikovaných blogoch. Prihlásiť sa môžete cez formulár na tejto stránke.",
+    "date": "Tue, Apr 03, 2025"
+  },
+  {
+    "id": 2,
+    "imgSrc": "assets/images/products/s2.jpg",
+    "claim": "Aktualita",
+    "title": "Analýza trhu a dostupnosti riešenia",
+    "shortDesc": "Začíname s mapovaním dostupnosti existujúcich digitálnych prvkov a dopytu v cieľových segmentoch. Cieľom je identifikovať, kde má naše riešenie najväčšiu pridanú hodnotu a ako znížiť regionálne rozdiely v prístupe k službám.",
+    "date": "Wed, Apr 16, 2025"
+  },
+  {
+    "id": 3,
+    "imgSrc": "assets/images/products/s3.jpg",
+    "claim": "Míľnik",
+    "title": "Nasadzujeme analytické nástroje",
+    "shortDesc": "Implementujeme nástroje na zber a spracovanie dát na priebežné vyhodnocovanie dopadu a návrhy aktualizácií. Míľnik má vysokú pravdepodobnosť dosiahnutia; rozpočtová alokácia: 75 680 €.",
+    "date": "Mon, May 05, 2025"
+  },
+  {
+    "id": 4,
+    "imgSrc": "assets/images/products/s4.jpg",
+    "claim": "Rozvoj",
+    "title": "Škálovanie pre ďalšie cieľové skupiny",
+    "shortDesc": "Pracujeme na rozšírení použiteľnosti riešenia aj pre seniorov a iné skupiny, s dôrazom na prenositeľnosť do ďalších regiónov a krajín.",
+    "date": "Tue, Jun 10, 2025"
+  }
+];
+
 export const productcards: productcards[] = [
   {
     id: 1,

Web/src/app/pages/front-pages/homepage/homepage.component.html

@@ -11,8 +11,8 @@
 
             @if(!isMobileView){
             <div class="d-none d-lg-flex justify-content-between toolBarContent">
-              <button mat-button class="m-x-8 f-s-15 f-w-500 nav-item" [routerLink]="['/front-pages/about']"
+              <button mat-button class="m-x-8 f-s-15 f-w-500 nav-item" [routerLink]="['/front-pages/portfolio']"
-                [class.selected]="isActiveRoute('about')">
+                [class.selected]="isActiveRoute('portfolio')">
                 Novinky
               </button>
               <button mat-button class="m-x-8 f-s-14 f-w-500 nav-item" [class.selected]="isActiveRoute('blog')"
@@ -52,8 +52,8 @@
         <div class="">
           <mat-list role="list">
             <mat-list-item role="listitem">
-              <button mat-button class="text-dark" [routerLink]="['/front-pages/about']"
+              <button mat-button class="text-dark" [routerLink]="['/front-pages/portfolio']"
-                [class.selected]="isActiveRoute('about')">
+                [class.selected]="isActiveRoute('portfolio')">
                 Novinky
               </button></mat-list-item>
             <mat-list-item role="listitem">

Web/src/app/pages/front-pages/portfolio/portfolio.component.html

@@ -1,9 +1,9 @@
 <div class="banner-section bg-light-primary spacing-top-bottom">
   <div class="container">
     <p class="text-primary text-center text-uppercase f-s-14 m-t-0">
-      Portfolio
+      Novinky
     </p>
-    <h1 class="text-center f-s-48 section-sub-title lh-normal">Explore Our Latest Works</h1>
+    <h1 class="text-center f-s-48 section-sub-title lh-normal">Novinky & aktuality</h1>
   </div>
 </div>
 

Web/src/index.html

@@ -1,5 +1,6 @@
 <!doctype html>
 <html lang="en">
+
 <head>
   <meta charset="utf-8">
   <title>Modernize Angular 20 Admin Template</title>
@@ -7,11 +8,18 @@
   <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 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">
 </head>
+
 <body class="mat-typography">
   <app-root></app-root>
 </body>
+
 </html>