brand logo merge gif

open-template-hub · Sep 4, 2021 · f4de03e · f4de03e
1 parent 91a24e7
commit f4de03e
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 12 deletions.
diff --git a/src/app/page/raw-landing-layout/maintenance/maintenance.component.html b/src/app/page/raw-landing-layout/maintenance/maintenance.component.html
@@ -2,7 +2,7 @@
   <div class="hero maintenance-content">
     <div class="brand-logo-wrapper hero-content">
       <div>
-        <img [src]="brand.brandLogoBroken" alt="logo" class="brand-logo" height="150"/>
+        <img [src]="brand.brandLogoMerge" alt="logo" class="brand-logo" height="150"/>
       </div>
       <h1>Under maintenance</h1>
     </div>

diff --git a/src/app/page/raw-landing-layout/maintenance/maintenance.component.ts b/src/app/page/raw-landing-layout/maintenance/maintenance.component.ts
@@ -10,7 +10,7 @@ import { ThemeService } from '../../../service/theme/theme.service';
 export class MaintenanceComponent {
 
   brand = {
-    brandLogoBroken: '',
+    brandLogoMerge: ''
   };
 
   constructor(

diff --git a/src/app/page/raw-landing-layout/not-found/not-found.component.html b/src/app/page/raw-landing-layout/not-found/not-found.component.html
@@ -1,14 +1,11 @@
 <div class="raw-landing-raw-content-page">
-  <div class="hero">
+  <div class="hero notfound-content">
     <div class="brand-logo-wrapper hero-content">
-      <div class="bounce-stage">
-        <img [src]="brand.brandLogo" alt="logo" class="bounce brand-logo" height="100"/>
+      <div>
+        <img [src]="brand.brandLogoBroken" alt="logo" class="brand-logo" height="150"/>
       </div>
-      <h2>404 page not found</h2>
-    </div>
-    <h6 class="error-text">Sorry about that!</h6>
-    <div class="section-submit">
-      <app-button1 (click)="router.navigate(['/'])" [text]="'HOME'"></app-button1>
+      <h1>404 Page not found</h1>
     </div>
+    <h3>Something went wrong</h3>
   </div>
 </div>
diff --git a/src/app/page/raw-landing-layout/not-found/not-found.component.ts b/src/app/page/raw-landing-layout/not-found/not-found.component.ts
@@ -10,7 +10,7 @@ import { ThemeService } from '../../../service/theme/theme.service';
 export class NotFoundComponent {
 
   brand = {
-    brandLogo: '',
+    brandLogoBroken: '',
   };
 
   constructor(

diff --git a/src/app/service/theme/theme.service.ts b/src/app/service/theme/theme.service.ts
@@ -20,7 +20,8 @@ export class ThemeService {
 
   public brand = {
     brandLogo: '',
-    brandLogoBroken: ''
+    brandLogoBroken: '',
+    brandLogoMerge: ''
   };
 
   private maxAspectRatioMedia;
@@ -75,6 +76,7 @@ export class ThemeService {
     this.sideNavClosed = this.sideNavClosedSubject.asObservable();
     this.brand.brandLogo = './assets/logo/brand-logo.png';
     this.brand.brandLogoBroken = './assets/logo/brand-logo-broken.png';
+    this.brand.brandLogoMerge = './assets/logo/brand-logo-merge.gif';
 
     if ( version ) {
       this.appVersion = version;

diff --git a/src/assets/logo/brand-logo-broken.png b/src/assets/logo/brand-logo-broken.png
diff --git a/src/assets/logo/brand-logo-merge.gif b/src/assets/logo/brand-logo-merge.gif