main page css

src/vniigaz-v2/component/layout/header/header.component.html

@@ -1,9 +1,11 @@
-<div class="header layout-corral">
+<div class="header layout-corral" [class.rootpage]="isRootPage">
   <a class="burger" (click)="openMobileMenu()">
-    <ico ico="burger_blue_40dp" [size]="36"></ico>
+    <ico *ngIf="!isRootPage" ico="burger_blue_40dp" [size]="36"></ico>
+    <ico *ngIf="isRootPage" ico="burger_white_40dp" [size]="36"></ico>
   </a>
   <a [routerLink]="rootPage?.link" class="logo">
-    <img src="assets\images\logo_vniigaz_1163x816.svg" alt="site logo">
+    <img *ngIf="!isRootPage" src="assets/images/logo_vniigaz_1163x816.svg" alt="ВНИИГАЗ">
+    <img *ngIf="isRootPage" src="assets/images/logo_vniigaz_wt_280x110.svg" alt="ВНИИГАЗ">
   </a>
 
   <pages-menu class="lvl-0"></pages-menu>

src/vniigaz-v2/component/layout/header/header.component.ts

@@ -24,6 +24,10 @@ export class HeaderComponent {
     return this.pagesService.rootPage;
   }
 
+  get isRootPage(){
+    return !this.pagesService.currentPage?.parents.data.length && this.pagesService.currentPage
+  }
+
   openMobileMenu(){
     this.router.navigate([{outlets: {slider: 'pages-menu'}}], {skipLocationChange: true}).then();
   }

src/vniigaz-v2/component/layout/jumbotron/jumbotron.component.html

@@ -1,7 +1,11 @@
-<div class="jumbotron-bg space" [ngStyle]="bgStyle">
+<div class="jumbotron-bg space" [ngStyle]="bgStyle" [class.rootpage-jumbotron]="isRootPage">
     <div class="jumbotron-content layout-corral">
         <header-user-bar></header-user-bar>
-        <h1  [ngStyle]="h1Style">{{name}}</h1>
+        <div class="jumbotron-content-center">
+            <h1  [ngStyle]="h1Style">{{name}}</h1>
+            <h4 *ngIf="isRootPage"> Учреждено в 1998 </h4>
+        </div>
+        
     </div>
 </div>
 <div class="space jumbotron-edit-field" *ngIf="editable">

src/vniigaz-v2/component/layout/jumbotron/jumbotron.component.ts

@@ -100,4 +100,8 @@ export class JumbotronComponent {
     this.pagesService.editMode = !this.pagesService.editMode;
   }
 
+  get isRootPage(){
+    return !this.pagesService.currentPage?.parents.data.length && this.pagesService.currentPage
+  }
+
 }

src/vniigaz-v2/css/_grid.scss

@@ -24,7 +24,7 @@ jumbotron{
     height: 400px;
     background-size: cover;
     background-position: center;
-    max-height: 100vw;
+    max-height: 150vw;
     .jumbotron-content{
       height: 100%;
       display: flex;
@@ -40,10 +40,30 @@ jumbotron{
         right: 40px;
         position: absolute;
       }
-      h1{
-        margin: 0;
-        padding: $ps 0;
+      .jumbotron-content-center{
+        align-self: center;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
         max-width: 100%;
+        h1{
+          margin: 0;
+          padding: $ps 0;
+          max-width: 100%;
+        }
+        h4{
+          text-decoration: underline;
+          font-size: 24px;
+          font-weight: 400;
+          color: #fff;
+          font-family: PT Sans;
+        }
+      }
+
+    }
+    &.rootpage-jumbotron{
+      header-user-bar{
+        top: 100px !important
       }
     }
   }

src/vniigaz-v2/css/_main-menu.scss

@@ -327,3 +327,29 @@ right-content{
   }
 }
 
+
+
+
+.rootpage{
+  position: absolute;
+  max-width: 100%;
+  width: 1360px;
+  z-index: 1;
+  pages-menu{
+    a{
+      color: #FFF;
+    }
+    .item.nav::after{
+      background-image: url('../images/ico/chevron_right_white_24.svg') !important;
+    }
+    pages-menu{
+      background-color: transparent !important;
+    }
+  }
+  .locale drop-down{
+    svg{
+      color: #FFF !important;
+    }
+  }
+}
+

src/vniigaz-v2/images/ico/burger_white_40dp.svg

@@ -0,0 +1,5 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" id="ico">
+<rect x="6" y="10" width="28" height="4" fill="#FFF"/>
+<rect x="6" y="18" width="28" height="4" fill="#FFF"/>
+<rect x="6" y="26" width="28" height="4" fill="#FFF"/>
+</svg>

src/vniigaz-v2/images/ico/chevron_right_white_24.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="ico">
+<path id="chevron_right_24" d="M16.0001 12L10.0001 18L8.6001 16.6L13.2001 12L8.6001 7.4L10.0001 6L16.0001 12Z" fill="#FFF"/>
+</g>
+</svg>