Andrey
/
object-type-constructor-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gbu css

master
Boris Voropaev 2024-01-22 14:44:32 +03:00
parent fc0680bc82
commit 0fbaf235af
34 changed files with 510 additions and 445 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
angular.json
View File

@ -344,14 +344,14 @@
"replace": "src/app/_modules/layout/header/header.component.ts",
"with": "src/gbu/component/layout/header/header.component.ts"
},
{
"replace": "src/app/_modules/layout/footer/footer.component.ts",
"with": "src/gbu/component/layout/footer/footer.component.ts"
},
{
"replace": "src/app/_modules/layout/jumbotron/jumbotron.component.ts",
"with": "src/gbu/component/layout/jumbotron/jumbotron.component.ts"
},
{
"replace": "src/app/_modules/layout/right-content/right-content.component.ts",
"with": "src/gbu/component/layout/right-content/right-content.component.ts"
},
{
"replace": "src/app/_modules/pages/menu/slider-menu/slider-menu.component.ts",
"with": "src/gbu/component/pages/menu/slider-menu/slider-menu.component.ts"
@ -403,14 +403,14 @@
"replace": "src/app/_modules/layout/header/header.component.ts",
"with": "src/gbu/component/layout/header/header.component.ts"
},
{
"replace": "src/app/_modules/layout/footer/footer.component.ts",
"with": "src/gbu/component/layout/footer/footer.component.ts"
},
{
"replace": "src/app/_modules/layout/jumbotron/jumbotron.component.ts",
"with": "src/gbu/component/layout/jumbotron/jumbotron.component.ts"
},
{
"replace": "src/app/_modules/layout/right-content/right-content.component.ts",
"with": "src/gbu/component/layout/right-content/right-content.component.ts"
},
{
"replace": "src/app/_modules/pages/menu/slider-menu/slider-menu.component.ts",
"with": "src/gbu/component/pages/menu/slider-menu/slider-menu.component.ts"

2
src/app/_modules/publications/list/item/publications-list-item.component.html
View File

@ -8,7 +8,7 @@
</a>
</div>
</div>
<div [class.not-published]="!isPublished">
<div [class.not-published]="!isPublished" class="publication-content">
<div class="date">{{publication.publishedAt | date : 'dd.MM.yy'}}</div>
<div class="name">
<a [routerLink]="publication.link">

2
src/app/_modules/registries/registry/entries/entry/registry-entry.component.html
View File

@ -36,4 +36,4 @@
<entry-operations [entry]="entry" [editMode]="editMode"></entry-operations>
</div>
</div>
<pre>{{entry|json}}</pre>
<!-- <pre>{{entry|json}}</pre> -->

0
src/gbu/component/layout/footer/footer.component.scss
View File

36
src/gbu/component/layout/footer/footer.component.ts
View File

@ -1,36 +0,0 @@
import {Component} from '@angular/core';
import {AuthenticationService} from "@app/_services";
import {PagesService} from "@app/_services/pages.service";
@Component({
selector: 'footer',
templateUrl: 'footer.component.html',
styleUrls: ['footer.component.scss']
})
export class FooterComponent {
public year = new Date().getFullYear();
constructor(
public authService: AuthenticationService,
public pagesService: PagesService) {
}
get isLoggedIn() {
return this.authService.isLoggedIn;
}
ngOnInit() {
}
login() {
this.authService.popup('login');
}
get isRusPage(){
return this.pagesService.rootPage.slug ===""
}
}

4
src/gbu/component/layout/grid/grid.component.html
View File

@ -6,14 +6,14 @@
<jumbotron></jumbotron>
<div class="space content-sapce">
<div class="content-grid layout-corral">
<left-content></left-content>
<!-- <left-content></left-content> -->
<div class="main-content">
<router-outlet></router-outlet>
</div>
<right-content></right-content>
</div>
</div>
<footer class="space"></footer>
<!-- <footer class="space"></footer> -->
</div>
<fullscreen-gallery></fullscreen-gallery>
<cms-dialog dir="ltr"></cms-dialog>

32
src/gbu/component/layout/header/header.component.html
View File

@ -8,18 +8,38 @@
<ico ico="search_24" color="white" [size]="24"></ico>
Поиск
</div>
<div class="header-top-menu-ref">
<div class="header-top-menu-ref" (click)="login()">
<ico ico="login_24" color="white" [size]="24"></ico>
Вход
</div>
<locale></locale>
</div>
<div class="header-top-menu-contact">
<div class="header-top-menu-left">
<div class="header-contact">
<div class="header-contact-left">
<img src="assets/images/logo_gbu.png">
<div>
<span>Государственное бюджетное<br>учреждение города Москвы</span><br>
<strong>«Жилищник Таганского района»</strong>
</div>
</div>
<div class="header-top-menu-left">
<div class="header-contact-right">
<div>
<ico ico="watch_24" color="var(--prime)" [size]="24"></ico>
<span>пн-чт: 8:00–17:00, пт: 8:00–15:45; перерыв на обед: 12:00–12:45</span>
</div>
<div>
<ico ico="location_24" color="var(--prime)" [size]="24"></ico>
<span>109147, г. Москва, Воронцовская ул., д. 21б</span>
</div>
<div>
<ico ico="mail_24" color="var(--prime)" [size]="24"></ico>
<span>
gbu-taganka@mail.ru
</span>
<ico ico="phone_24" color="var(--prime)" [size]="24"></ico>
<span>8 (495) 230-57-87</span>
<ico ico="telegram_24" color="var(--prime)" [size]="24"></ico>
</div>
</div>
</div>

9
src/gbu/component/layout/header/header.component.ts
View File

@ -1,6 +1,7 @@
import {Component} from '@angular/core';
import {Router} from "@angular/router";
import {PagesService} from "@app/_services/pages.service";
import { AuthenticationService } from '@app/_services';
@Component({
selector: 'header',
@ -11,7 +12,8 @@ export class HeaderComponent {
constructor(
private router: Router,
public pagesService: PagesService
public pagesService: PagesService,
private authService: AuthenticationService
) {
}
// ngOnInit(){
@ -35,4 +37,9 @@ export class HeaderComponent {
openMobileMenu(){
this.router.navigate([{outlets: {slider: 'pages-menu'}}], {skipLocationChange: true}).then();
}
login() {
this.authService.popup('login');
}
}

23
src/gbu/component/layout/jumbotron/jumbotron.component.html
View File

@ -1,16 +1,17 @@
<div class="jumbotron-bg space" [ngStyle]="bgStyle" [class.rootpage-jumbotron]="isRootPage">
<div class="space">
<div class="jumbotron-content layout-corral">
<header-user-bar dir="ltr"></header-user-bar>
<div class="jumbotron-content-center">
<h1 [ngStyle]="h1Style">{{name}}</h1>
<!-- <h1 *ngIf="isRootPage" [ngStyle]="h1Style">
Сертификация<br>
продукции, работ и услуг</h1> -->
<h4 *ngIf="since">
<a href="https://vniigaz.gazprom.ru/" target="_blank">Учреждено в 1998</a>
</h4>
<header-user-bar></header-user-bar>
<div class="breadcrumbs" *ngIf="parents.length>1">
<div *ngFor="let parent of parents">
<a [routerLink]="parent.link">
<span>{{parent.name}}</span>
<ico ico="chevron_right_24" [size]="24"></ico>
</a>
</div>
<div>{{currentPage.name}}</div>
</div>
<h1>{{name}}</h1>
<img [src]="pagePicture">
</div>
</div>
<div class="space jumbotron-edit-field" *ngIf="editable" dir="ltr">

12
src/gbu/component/layout/jumbotron/jumbotron.component.ts
View File

@ -45,13 +45,7 @@ export class JumbotronComponent {
if(this.currentPage){
name = this.currentPage?.h1 || this.currentPage?.name;
let parents = this.currentPage?.parents?.data
if(parents){
if (parents[1]?.type.name=='nav-page'){
if (parents[2]) name = parents[2].h1|| parents[2].name
}else{
if (parents[1]) name = parents[1].h1|| parents[1].name
}
}
if (parents[1]) name = parents[1].h1|| parents[1].name
}
return name
}
@ -104,4 +98,8 @@ export class JumbotronComponent {
return this.currentPage?.link === '/'
}
get parents() {
return this.currentPage?.parents?.data;
}
}

19
src/gbu/component/layout/right-content/right-content.component.html Normal file
View File

@ -0,0 +1,19 @@
<a>
<ico ico="web_req_48" [size]="48"></ico>
<span>Электронное обращение</span>
</a>
<a>
<ico ico="lightbulb_48" [size]="48"></ico>
<span>Прием показаний и оплата электроэнергии</span>
</a>
<a>
<ico ico="water_48" [size]="48"></ico>
<span>Прием показаний приборов учета воды</span>
</a>
<a>
<ico ico="get_n_pay_48" [size]="48"></ico>
<span>Получить и оплатить ЕПД</span>
</a>
<img src="assets/images/adv_00.png">
<img src="assets/images/adv_01.png">

0
src/gbu/component/layout/footer/footer.component.html → src/gbu/component/layout/right-content/right-content.component.scss
View File

12
src/gbu/component/layout/right-content/right-content.component.ts Normal file
View File

@ -0,0 +1,12 @@
import { Component } from '@angular/core';
@Component({
selector: 'right-content',
templateUrl: './right-content.component.html',
styleUrls: ['./right-content.component.scss']
})
export class RightContentComponent {
}

38
src/gbu/css/_basics.scss
View File

@ -10,6 +10,7 @@
line-height: 24px;
}
// li {
// list-style-image: url("~src/assets/images/icons/add_24dp.svg");
// }
@ -215,50 +216,53 @@ body {
}
p {
font-family: PT Sans;
font-size: 20px;
color: #000;
font-family: Golos;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px;
margin: 0;
line-height: 24px;
}
strong{
font-weight: 600;
}
h1{
color: var(--white);
font-family: PT Sans Narrow;
font-family: "PT Serif";
font-size: 76px;
font-style: normal;
font-weight: 700;
font-weight: 400;
line-height: 76px; /* 100% */
letter-spacing: 0.76px;
}
h2 {
color: var(--second-act);
font-family: PT Sans Narrow;
font-family: "PT Serif";
font-size: 50px;
font-style: normal;
font-weight: 700;
font-weight: 400;
line-height: 60px; /* 120% */
letter-spacing: 0.5px;
margin:0;
}
h3 {
color: var(--second-act);
font-family: PT Sans Narrow;
font-size: 36px;
font-family: "PT Serif";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 44px; /* 120% */
letter-spacing: 0.36px;
margin:0;
font-weight: 400;
line-height: 30px;
margin-top: 16px;
margin-bottom: 0px;
}
h4 {
color: var(--second-act);
font-family: PT Sans Narrow;
font-family:"PT Serif";
font-size: 24px;
font-style: normal;
font-weight: 700;
font-weight: 400;
line-height: 32px; /* 133.333% */
letter-spacing: 0.24px;
margin:0;

161
src/gbu/css/_grid.scss
View File

@ -19,84 +19,38 @@
jumbotron{
.jumbotron-bg{
height: 400px;
background-size: cover;
background-position: center;
max-height: 150vw;
.jumbotron-content{
height: 100%;
margin-block: 40px;
.jumbotron-content{
flex-direction: column;
header-user-bar{
position: absolute;
align-self: flex-end;
}
.breadcrumbs{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
position: relative;
min-height: 100px;
.user-bar{
justify-content: flex-end;
}
header-user-bar{
bottom: 24px;
right: 40px;
position: absolute;
}
.jumbotron-content-center{
display: flex;
flex-direction: column;
max-width: 100%;
h1{
margin: 0;
padding: $ps 0;
max-width: 100%;
}
}
}
&.rootpage-jumbotron{
.jumbotron-content{
header-user-bar{
bottom: 40px !important;
}
.jumbotron-content-center{
align-self: center;
align-items: center;
max-width: 100%;
width: 768px;
h1{
font-size: 80px;
line-height: 95px;
}
h4{
text-decoration: underline;
font-size: 25px;
font-weight: 400;
font-family: PT Sans;
margin-top: 16px;
a{
color: #fff;
text-decoration: underline;
}
}
}
}
}
}
.jumbotron-edit-field{
height: 60px;
background-color: var(--white);
border-bottom: 1px solid var(--second-dis);
.jumbotron-edit-field-row{
div{
gap:8px;
color: #969595;
div a{
display: flex;
align-items: center;
gap: $pxs;
gap:8px;
}
display: flex;
justify-content: flex-end;
}
h1{
color:#000;
font-family: "PT Serif";
font-size: 44px;
font-style: normal;
font-weight: 400;
line-height: 55px;
margin-block: 8px 24px;
}
img{
height: 180px;
object-fit: cover;
}
}
}
@ -120,45 +74,44 @@ jumbotron{
left-content{
display: none;
}
right-content{
flex-shrink: 0;
pages-menu.current{
pages-menu-item>.item{
display: flex;
}
}
}
.main-content{
max-width: 100%;
width: $page-width;
}
}
}
.this-root-page{
.content-sapce{
.content-grid{
justify-content: center;
right-content{
display: none;
width: 1280px;
gap:32px;
}
right-content{
width: 272px;
display: flex;
flex-direction: column;
gap: 24px;
a{
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
padding: 24px;
gap:16px;
span{
text-align: center;
}
};
}
img{
width: 100%;
border-radius: 4px;
}
}
.main-content{
width: 990px;
}
}
}
@media screen and (min-width: 1330px){
.this-root-page{
.content-sapce{
.content-grid{
.main-content{
margin-left: 150px;
}
};
}
}
}
footer{

227
src/gbu/css/_main-menu.scss
View File

@ -28,6 +28,7 @@ header{
align-items: end;
color: #FFF;
gap: 8px;
cursor: pointer;
};
locale{
img{
@ -43,16 +44,131 @@ header{
}
}
.header-top-menu-contact{
.header-contact{
display: flex;
height: 96px;
justify-content: space-between;
height: 128px;
padding-inline: 48px;
background-color: var(--light);
.header-contact-left{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
img{
width: 91px;
height: 96px;
}
div{
width: 280px;
span{
color: #6A6868;
}
}
};
.header-contact-right{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 8px;
color: #6A6868;
div{
display: inline-flex;
align-items: center;
gap: 8px;
ico{
margin-left: 16px;
}
}
}
}
pages-menu.lvl-0{
flex-direction: row;
width: 100%;
padding-inline: 48px;
background-color: #FFF;
position: relative;
>pages-menu-item{
.item{
padding: 14px 24px;
drop-down{
display: none;
}
a{
color: #000;
margin-top: 0;
}
&.parent,&.current{
padding-bottom: 10px;
a{
color: var(--prime);
margin-top: 0;
}
border-bottom: 4px solid var(--prime);
}
}
pages-menu{
display: none;
}
pages-menu{
position: absolute;
background-color:#FFF;
top: 52px;
border-top: 2px solid var(--light);
z-index:1;
padding: 14px 0;
.item{
padding: 4px 24px;
border-bottom: none !important;
}
};
}
}
pages-menu{
display: block
}
};
}
@media (hover: hover) and (pointer: fine) {
/* has mouse */
header{
.header.layout-corral{
pages-menu.lvl-0{
>pages-menu-item:hover{
pages-menu.selected{
display: flex;
};
}
}
};
}
}
@media (hover: none) and (pointer: coarse) {
/* fore tuchscreen */
header{
.header.layout-corral{
pages-menu.lvl-0{
>pages-menu-item{
pages-menu{
&.selected{
display: flex;
}
};
}
}
};
}
}
@ -184,108 +300,9 @@ slider-menu{
}
}
right-content{
drop-down{
display: none;
}
pages-menu{
padding-inline-start: 0;
}
.item{
min-height: 0;
padding: 10px 20px;
border-radius: 8px;
}
.item.lvl-0{
padding: 0;
>a{
display: none;
}
&.nav+pages-menu{
pages-menu.lvl-2{
width: 400px;
margin-inline-start: 40px;
border-radius: 8px;
background: #FFF;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.27);
padding: 20px;
pages-menu{
padding: 0;
}
}
.item{
a{
color: var(--second);
&:hover{
color: var(--prime-act);
}
}
&.lvl-1{display: none;}
&.lvl-2{
a{
font-family: "PT Sans Narrow";
font-size: 24px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0.24px;
}
&.current>a,&.parent>a{
color: var(--prime);
}
}
&.current:not(.lvl-2){
background-color: #EDEDED;
}
}
}
&:not(.nav)+pages-menu{
width: 360px;
margin-inline-start: 40px;
border-radius: 8px;
background: #FFF;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.27);
padding: 20px;
pages-menu{
padding: 0;
}
.item{
a{
color: var(--second);
&:hover{
color: var(--prime-act);
}
}
&.lvl-1{
a{
font-family: "PT Sans Narrow";
font-size: 24px;
font-weight: 700;
line-height: 32px;
letter-spacing: 0.24px;
}
&.current>a,&.parent>a{
color: var(--prime);
}
}
&.current:not(.lvl-1){
background-color: #EDEDED;
}
}
}
&+pages-menu{
&:not(.parent,.current){
display: none;
}
}
}
}

293
src/gbu/css/_pages-section.scss
View File

@ -1,7 +1,9 @@
page-sections{
display: flex;
flex-direction: column;
gap:24px;
background-color: #FFF;
padding: 32px;
.section{
display: flex;
flex-direction: column;
@ -19,6 +21,7 @@ page-sections{
.menu .block .up{
display: none;
}
h3{margin-top: 0;}
}
page-section:nth-last-child(2){
.menu .block .down{
@ -29,41 +32,17 @@ page-sections{
html-section {
text-align: justify;
text-indent: 30px;
ul{
padding: 0;
margin-bottom: 32px;
>li{
list-style: none;
line-height: 32px;
text-indent: -32px;
padding-inline-start: 32px;
&::before{
display: inline-block;
content: "";
width: 16px;
height: 2px;
background-color: var(--prime);
margin-bottom: 5px;
margin-inline-end: 16px;
}
li{
padding-inline-start: 12px;
}
*+li{
margin-top: 24px;
li+li{
margin-top: 8px;
}
}
ol{
padding: 0;
>li{
line-height: 32px;
margin-inline-start: 24px;
margin-bottom: 32px;
text-indent: 0;
padding-inline-start: 8px;
}
}
ul+*{
margin-bottom: 20px;
}
}
@ -440,6 +419,7 @@ cards-section-items{
images-section{
display: block;
margin-block: 32px;
.mobile{
display: none;
@ -463,7 +443,7 @@ images-section{
gap: 8px;
img{
border-radius: 12px;
}
&.tiles{
@ -603,57 +583,73 @@ publications-list{
gap: 8px;
}
.items {
margin: 24px 0;
}
publications-list-item {
display: block;
padding: 24px 0;
border-top: 1px solid var(--second-dis);
&:last-child{
border-bottom: 1px solid var(--second-dis);
}
.not-published{
opacity: 0.5;
}
h3{
font-size: 32px;
line-height: 38px;
}
.date{
color: var(--second);
margin-bottom: 16px;
}
.excerpt{
margin-top: $p;
font-family: PT Sans;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 32px;
text-align: justify;
text-indent: 30px;
white-space: pre-wrap;
}
.name{
margin-bottom: 24px;
}
.publication-read-more{
margin-top: 24px;
}
.content{
margin-top: $p;
background-color: #FFF;
padding: 32px 32px 0 32px;
.publication-content{
width: 100%;
display: flex;
flex-direction: column;
gap: $p;
};
position: relative;
min-height: 232px;
border-bottom: solid 1px #E5E5E5;
gellery{
display: block;
order: 0;
position: absolute;
left: 0;
top: 0;
width: 200px;
height: 200px;
overflow: hidden;
.poster{
width: 200px;
height: 200px;
img{
border: none;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
}
}
}
.date{
margin-left: 232px;
display: block;
order: 1;
color: #6A6868;
font-family: Golos;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 21px;
margin-bottom: 16px;
}
.name h3{
margin: 0 0 8px 232px;
display: block;
order: 1;
color: #000;
font-family: "PT Serif";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 30px;
cursor: pointer;
}
.excerpt{
margin-left: 232px;
display: block;
order: 1;
margin-bottom: 32px;
}
.publication-read-more{
display: none;
}
}
}
@ -677,7 +673,6 @@ publication-page {
flex-direction: column;
gap: $p;
text-align: justify;
text-indent: 30px;
};
.publication-page-back {
@ -687,65 +682,68 @@ publication-page {
margin-top: 24px;
}
}
gellery{
.poster{
height: 468px;
max-width: calc( 100vw - 80px);
max-height: calc( (100vw - 80px ) * 0.7 );
margin-bottom: 8px;
overflow: hidden;
cursor: pointer;
display: flex;
justify-content: center;
>img{
height: 100%;
border: 1px solid var(--second-dis);
background-color: var(--second-dis);
border-radius: 12px;
}
}
.posters{
display: flex;
flex-wrap: wrap;
align-content: flex-start;
gap: 8px;
justify-content: center;
.item{
width: 72px;
height: 52px;
border: 1px solid var(--prime);
gellery{
.poster{
height: 468px;
max-width: calc( 100vw - 80px);
max-height: calc( (100vw - 80px ) * 0.7 );
margin-bottom: 8px;
overflow: hidden;
cursor: pointer;
:hover{
border-color: var(--prime-act);
display: flex;
justify-content: flex-start;
>img{
height: 100%;
border: 1px solid var(--second-dis);
background-color: var(--second-dis);
}
img{
object-fit: cover;
object-position: 50% 20%;
}
.posters{
display: flex;
flex-wrap: wrap;
align-content: flex-start;
gap: 8px;
justify-content: flex-start;
.item{
width: 72px;
height: 52px;
border: 1px solid var(--prime);
cursor: pointer;
:hover{
border-color: var(--prime-act);
}
img{
object-fit: cover;
object-position: 50% 20%;
width: 100%;
height: 100%;
}
}
}
.gellery-fullscreen{
position: fixed;
width: 100vw;
height: 100vh;
z-index: 1000;
top:0;
left: 0;
background-color: gray;
swiper-gellery{
width: 100%;
height: 100%;
}
}
}
.gellery-fullscreen{
position: fixed;
width: 100vw;
height: 100vh;
z-index: 1000;
top:0;
left: 0;
background-color: gray;
swiper-gellery{
width: 100%;
height: 100%;
}
}
}
video-section{
cursor: pointer;
.video-box{
@ -786,29 +784,34 @@ video-section{
flex-wrap: wrap;
gap: 12px;
button {
background-color: transparent;
min-width: 24px;
height: 24px;
border-radius: 4px;
font-weight: 700;
font-size: 0.875rem;
line-height: 18px;
border: 1px solid var(--second);
text-align: center;
padding: 1px 6px;
color: var(--dark);
&.active {
border-color: var(--prime);
&:not(.next, .count){
display: flex;
padding: 1px 0px 2px 0px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
border-radius: 12px;
border: 1px solid var(--prime);
background: #FFF;
color: var(--prime);
}
&.next {
margin-right: 20px;
border-color: transparent;
font-family: PT Sans;
font-size: 16px;
text-align: center;
font-family: Golos;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
line-height: 21px;
&.active {
color: #FFF;
border-color: var(--prime);
background-color: var(--prime);
}
}
&.next {
display: none;
}
}
.dots {

22
src/gbu/css/_registry.scss
View File

@ -1,8 +1,21 @@
registry-page{
page-sections{
padding: 0;
>*{
margin: 32px;
}
}
}
.registry {
background-color: #ffffff;
padding: 32px;
.filters{
display: flex;
gap:24px;
align-items: flex-end;
background-color: #ffffff;
}
.bar {
@ -83,6 +96,7 @@
registry-entries {
display: block;
padding-bottom: 24px;
background-color: #ffffff;
}
registry-category{
.bar {
@ -125,7 +139,7 @@ registry-category{
registry-entry {
display: block;
padding: 16px 24px;
padding: 16px 0;
border-bottom: #E8E8E8 solid 1px;
&:first-child {
border-top: #E8E8E8 solid 1px;
@ -133,6 +147,12 @@ registry-entry {
.main {
.name {
margin-right: 24px;
a{
display: inline-flex;
align-items: flex-start;
gap: 16px;
color: #000;
}
}
.menu-entry{
display: inline-flex;

BIN
src/gbu/images/acreditation.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

BIN
src/gbu/images/adv_00.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
src/gbu/images/adv_01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
src/gbu/images/build.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 133 KiB

BIN
src/gbu/images/favicon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 18 KiB

5
src/gbu/images/ico/get_n_pay_48.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="ico">
<path id="Vector" d="M15.95 35.5H32.05V32.5H15.95V35.5ZM15.95 27H32.05V24H15.95V27ZM11 44C10.2 44 9.5 43.7 8.9 43.1C8.3 42.5 8 41.8 8 41V7C8 6.2 8.3 5.5 8.9 4.9C9.5 4.3 10.2 4 11 4H29.05L40 14.95V41C40 41.8 39.7 42.5 39.1 43.1C38.5 43.7 37.8 44 37 44H11ZM27.55 16.3V7H11V41H37V16.3H27.55Z" fill="currentColor"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 433 B

5
src/gbu/images/ico/lightbulb_48.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="ico">
<path id="Vector" d="M24 44C22.8667 44 21.9083 43.6083 21.125 42.825C20.3417 42.0417 19.95 41.0833 19.95 39.95H28.05C28.05 41.0833 27.6583 42.0417 26.875 42.825C26.0917 43.6083 25.1333 44 24 44ZM15.9 36.85V33.85H32.1V36.85H15.9ZM16.15 30.8C13.95 29.3667 12.2083 27.575 10.925 25.425C9.64167 23.275 9 20.85 9 18.15C9 14.0833 10.4833 10.5667 13.45 7.59999C16.4167 4.63333 19.9333 3.14999 24 3.14999C28.0667 3.14999 31.5833 4.63333 34.55 7.59999C37.5167 10.5667 39 14.0833 39 18.15C39 20.85 38.3667 23.275 37.1 25.425C35.8333 27.575 34.0833 29.3667 31.85 30.8H16.15ZM17.25 27.8H30.8C32.4 26.7333 33.6667 25.35 34.6 23.65C35.5333 21.95 36 20.1167 36 18.15C36 14.85 34.825 12.025 32.475 9.67499C30.125 7.32499 27.3 6.14999 24 6.14999C20.7 6.14999 17.875 7.32499 15.525 9.67499C13.175 12.025 12 14.85 12 18.15C12 20.1167 12.4667 21.95 13.4 23.65C14.3333 25.35 15.6167 26.7333 17.25 27.8Z" fill="currentColor"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

3
src/gbu/images/ico/location_24.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" id="ico">
<path d="M12 12C12.55 12 13.0208 11.8042 13.4125 11.4125C13.8042 11.0208 14 10.55 14 10C14 9.45 13.8042 8.97917 13.4125 8.5875C13.0208 8.19583 12.55 8 12 8C11.45 8 10.9792 8.19583 10.5875 8.5875C10.1958 8.97917 10 9.45 10 10C10 10.55 10.1958 11.0208 10.5875 11.4125C10.9792 11.8042 11.45 12 12 12ZM12 19.35C14.0333 17.4833 15.5417 15.7875 16.525 14.2625C17.5083 12.7375 18 11.3833 18 10.2C18 8.38333 17.4208 6.89583 16.2625 5.7375C15.1042 4.57917 13.6833 4 12 4C10.3167 4 8.89583 4.57917 7.7375 5.7375C6.57917 6.89583 6 8.38333 6 10.2C6 11.3833 6.49167 12.7375 7.475 14.2625C8.45833 15.7875 9.96667 17.4833 12 19.35ZM12 22C9.31667 19.7167 7.3125 17.5958 5.9875 15.6375C4.6625 13.6792 4 11.8667 4 10.2C4 7.7 4.80417 5.70833 6.4125 4.225C8.02083 2.74167 9.88333 2 12 2C14.1167 2 15.9792 2.74167 17.5875 4.225C19.1958 5.70833 20 7.7 20 10.2C20 11.8667 19.3375 13.6792 18.0125 15.6375C16.6875 17.5958 14.6833 19.7167 12 22Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

3
src/gbu/images/ico/mail_24.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" id="ico">
<path d="M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM12 13L4 8V18H20V8L12 13ZM12 11L20 6H4L12 11ZM4 8V6V18V8Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 489 B

3
src/gbu/images/ico/phone_24.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" id="ico">
<path d="M19.95 21C17.8667 21 15.8083 20.5458 13.775 19.6375C11.7417 18.7292 9.89167 17.4417 8.225 15.775C6.55833 14.1083 5.27083 12.2583 4.3625 10.225C3.45417 8.19167 3 6.13333 3 4.05C3 3.75 3.1 3.5 3.3 3.3C3.5 3.1 3.75 3 4.05 3H8.1C8.33333 3 8.54167 3.07917 8.725 3.2375C8.90833 3.39583 9.01667 3.58333 9.05 3.8L9.7 7.3C9.73333 7.56667 9.725 7.79167 9.675 7.975C9.625 8.15833 9.53333 8.31667 9.4 8.45L6.975 10.9C7.30833 11.5167 7.70417 12.1125 8.1625 12.6875C8.62083 13.2625 9.125 13.8167 9.675 14.35C10.1917 14.8667 10.7333 15.3458 11.3 15.7875C11.8667 16.2292 12.4667 16.6333 13.1 17L15.45 14.65C15.6 14.5 15.7958 14.3875 16.0375 14.3125C16.2792 14.2375 16.5167 14.2167 16.75 14.25L20.2 14.95C20.4333 15.0167 20.625 15.1375 20.775 15.3125C20.925 15.4875 21 15.6833 21 15.9V19.95C21 20.25 20.9 20.5 20.7 20.7C20.5 20.9 20.25 21 19.95 21ZM6.025 9L7.675 7.35L7.25 5H5.025C5.10833 5.68333 5.225 6.35833 5.375 7.025C5.525 7.69167 5.74167 8.35 6.025 9ZM14.975 17.95C15.625 18.2333 16.2875 18.4583 16.9625 18.625C17.6375 18.7917 18.3167 18.9 19 18.95V16.75L16.65 16.275L14.975 17.95Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

15
src/gbu/images/ico/telegram_24.svg Normal file
View File

@ -0,0 +1,15 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" id="ico">
<g clip-path="url(#clip0_1_39)">
<path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="url(#paint0_linear_1_39)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.43177 11.8733C8.93001 10.3492 11.2627 9.3444 12.4299 8.85893C15.7624 7.47282 16.4549 7.23203 16.9062 7.22408C17.0055 7.22234 17.2275 7.24694 17.3712 7.3636C17.4926 7.46211 17.526 7.59518 17.542 7.68857C17.558 7.78197 17.5779 7.99473 17.5621 8.16098C17.3815 10.0585 16.6001 14.6632 16.2026 16.7884C16.0343 17.6876 15.7031 17.9891 15.3825 18.0186C14.6856 18.0828 14.1564 17.5581 13.4815 17.1157C12.4253 16.4234 11.8287 15.9924 10.8035 15.3168C9.61871 14.536 10.3868 14.1069 11.062 13.4056C11.2387 13.2221 14.309 10.4294 14.3685 10.176C14.3759 10.1443 14.3828 10.0262 14.3126 9.96385C14.2425 9.90148 14.1389 9.92281 14.0642 9.93977C13.9583 9.96381 12.271 11.079 9.00252 13.2853C8.52361 13.6142 8.08982 13.7744 7.70117 13.766C7.2727 13.7568 6.44851 13.5238 5.83582 13.3246C5.08431 13.0803 4.48704 12.9512 4.53905 12.5363C4.56614 12.3202 4.86371 12.0992 5.43177 11.8733Z" fill="white"/>
</g>
<defs>
<linearGradient id="paint0_linear_1_39" x1="1200" y1="0" x2="1200" y2="2382.2" gradientUnits="userSpaceOnUse">
<stop stop-color="#2AABEE"/>
<stop offset="1" stop-color="#229ED9"/>
</linearGradient>
<clipPath id="clip0_1_39">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

3
src/gbu/images/ico/watch_24.svg Normal file
View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" id="ico">
<path d="M15.3 16.7L16.7 15.3L13 11.6V7H11V12.4L15.3 16.7ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2167 20 16.1042 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77917 6.3375 6.3375C4.77917 7.89583 4 9.78333 4 12C4 14.2167 4.77917 16.1042 6.3375 17.6625C7.89583 19.2208 9.78333 20 12 20Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

5
src/gbu/images/ico/water_48.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="ico">
<path id="Vector" d="M4 29.5V26.5H14V23H9.5C9.075 23 8.71875 22.8554 8.43125 22.5663C8.14375 22.2771 8 21.9187 8 21.4913C8 21.0638 8.14375 20.7083 8.43125 20.425C8.71875 20.1417 9.075 20 9.5 20H14C14.825 20 15.5312 20.2938 16.1188 20.8813C16.7063 21.4688 17 22.175 17 23V26.5H22.5V11.7C22.5 9.56667 23.2583 7.75 24.775 6.25C26.2917 4.75 28.1167 4 30.25 4C31.7167 4 33.05 4.375 34.25 5.125C35.45 5.875 36.3833 6.9 37.05 8.2L39.15 12.4L36.4 13.75L34.35 9.6C33.95 8.83333 33.3759 8.20833 32.6276 7.725C31.8793 7.24167 31.0748 7 30.2143 7C28.9048 7 27.7917 7.45695 26.875 8.37085C25.9583 9.28472 25.5 10.3944 25.5 11.7V26.5H31V23C31 22.175 31.2938 21.4688 31.8813 20.8813C32.4688 20.2938 33.175 20 34 20H38.5C38.925 20 39.2812 20.1446 39.5688 20.4338C39.8563 20.7229 40 21.0813 40 21.5087C40 21.9362 39.8563 22.2917 39.5688 22.575C39.2812 22.8583 38.925 23 38.5 23H34V26.5H44V29.5H4ZM11 42C10.175 42 9.46875 41.7062 8.88125 41.1188C8.29375 40.5312 8 39.825 8 39V29.5H11V39H37V29.5H40V38.5C40 39.4625 39.6573 40.2865 38.9719 40.9719C38.2865 41.6573 37.4625 42 36.5 42H11Z" fill="currentColor"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

5
src/gbu/images/ico/web_req_48.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="ico">
<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M7 40C6.2 40 5.5 39.7 4.9 39.1C4.3 38.5 4 37.8 4 37V11C4 10.2 4.3 9.5 4.9 8.9C5.5 8.3 6.2 8 7 8H41C41.8 8 42.5 8.3 43.1 8.9C43.7 9.5 44 10.2 44 11V37C44 37.8 43.7 38.5 43.1 39.1C42.5 39.7 41.8 40 41 40H7ZM7 37H41V16H7V37ZM10 29H28V32H10V29ZM38 21H10V24H38V21Z" fill="currentColor"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 464 B

BIN
src/gbu/images/igc.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 26 KiB

BIN
src/gbu/images/portfolio_bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 219 KiB