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

tk023 styling

master
Boris Voropaev 2024-02-02 18:00:06 +03:00
parent 8d672228b4
commit 90669aca31
34 changed files with 326 additions and 1035 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
angular.json
View File

@ -482,8 +482,8 @@
"with": "src/tk023/component/layout/header/header.component.ts"
},
{
"replace": "src/app/_modules/layout/jumbotron/jumbotron.component.ts",
"with": "src/tk023/component/layout/jumbotron/jumbotron.component.ts"
"replace": "src/app/_modules/layout/left-content/left-content.component.ts",
"with": "src/tk023/component/layout/left-content/left-content.component.ts"
},
{
"replace": "src/app/_modules/layout/right-content/right-content.component.ts",
@ -549,8 +549,8 @@
"with": "src/tk023/component/layout/header/header.component.ts"
},
{
"replace": "src/app/_modules/layout/jumbotron/jumbotron.component.ts",
"with": "src/tk023/component/layout/jumbotron/jumbotron.component.ts"
"replace": "src/app/_modules/layout/left-content/left-content.component.ts",
"with": "src/tk023/component/layout/left-content/left-content.component.ts"
},
{
"replace": "src/app/_modules/layout/right-content/right-content.component.ts",

27
src/tk023/component/layout/footer/footer.component.html
View File

@ -1,25 +1,12 @@
<div class="footer layout-corral">
<div class="footer-contact-left">
<a routerLink="/"><img src="assets/images/logo_gbu.png"></a>
<div class="footer-contact-left-name">
<span>Государственное бюджетное<br>учреждение города Москвы</span><br>
<strong>«Жилищник Таганского района»</strong>
</div>
<div class="footer-contact-left-license">
Все материалы сайта доступны по лицензии Creative Commons Attribution 3.0 при условии ссылки на первоисточник.
</div>
</div>
<div class="footer-contact-right">
<a href="">Политика обработки персональных данных</a>
<a href="">Техническая поддержка</a>
<a href="">Соглашение о пользовании информационными системами и ресурсами города Москвы</a>
</div>
<div class="footer-down">
<a>
© 2023, Газпром ВНИИГАЗ
</a>
<div>
© 2017–2024, ГБУ «Жилищник»
142717, Московская область, г.о. Ленинский, п. Развилка, ул. Газовиков, зд. 15, стр. 1
</div>
<div>
<div></div>
<a>
Работает на платформе НИР
</div>
</div>
</a>
</div>

17
src/tk023/component/layout/grid/grid.component.html
View File

@ -1,25 +1,12 @@
<router-outlet name="auth"></router-outlet>
<router-outlet name="slider"></router-outlet>
<div class="wrapper" [class.this-root-page] = "isRootPage">
<div>
<header class="space"></header>
<jumbotron></jumbotron>
<div class="space content-sapce">
<div class="content-grid layout-corral">
<!-- <left-content></left-content> -->
<left-content *ngIf="currentPage"></left-content>
<div class="main-content">
<div *ngIf="isRootPage" class="main-news">
<div *ngFor="let publications of news" class="main-news-item">
<a [routerLink]="publications.link" class="main-news-item-header">
<h3>{{publications.name}}</h3>
</a>
<a *ngFor="let page of publications.publications" class="main-news-item-card" [routerLink]="page.link">
<img src="{{page.img}}">
<span>{{page.date}}</span>
<h4>{{page.name}}</h4>
</a>
</div>
</div>
<router-outlet></router-outlet>
</div>
<right-content *ngIf="currentPage"></right-content>

57
src/tk023/component/layout/header/header.component.html
View File

@ -1,47 +1,22 @@
<div class="header layout-corral">
<div class="header-top-menu">
<div class="header-top-menu-ref">
<ico ico="frame_24" color="white" [size]="24"></ico>
Версия для слабовидящих
</div>
<div class="header-top-menu-ref">
<ico ico="search_24" color="white" [size]="24"></ico>
Поиск
</div>
<div class="header-top-menu-ref" (click)="login()" *ngIf="!isLoggedIn">
<ico ico="login_24" color="white" [size]="24"></ico>
Вход
</div>
<locale></locale>
</div>
<div class="header-contact">
<div class="header-contact-left">
<a routerLink="/"><img src="assets/images/logo_gbu.png"></a>
<div>
<span>Государственное бюджетное<br>учреждение города Москвы</span><br>
<strong>«Жилищник Таганского района»</strong>
</div>
</div>
<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 class="header-top-menu-logo">
<img src="assets/images/logo.svg" alt="">
</div>
<a class="header-top-menu-ref">
<ico ico="search_24" [size]="24"></ico>
</a>
<locale></locale>
<a class="header-top-menu-ref" (click)="login()" *ngIf="!isLoggedIn">
<ico ico="profile_24" [size]="24"></ico>
</a>
<header-user-bar></header-user-bar>
<a class="btn outline" href="">
МТК 523
</a>
<a class="btn outline" href="">
Портал ТК 023
</a>
</div>
<pages-menu class="lvl-0"></pages-menu>

70
src/tk023/component/layout/jumbotron/jumbotron.component.html
View File

@ -1,70 +0,0 @@
<div class="space" *ngIf="!isRootPage">
<div class="jumbotron-content layout-corral">
<header-user-bar></header-user-bar>
<div class="breadcrumbs" *ngIf="parents">
<div *ngFor="let parent of parents">
<a [routerLink]="parent.link" *ngIf="parent.type.name!='nav-page'">
<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" *ngIf="pagePicture">
</div>
</div>
<div class="space root-page" *ngIf="isRootPage">
<div class="jumbotron-content layout-corral">
<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>
<div class="root-menu">
<a class="root-menu-item" routerLink="kommunalnye-uslugi">
<div class="root-menu-img">
<img src="assets/images/root_menu_services.jpg" alt="">
</div>
<div class="root-menu-name">Услуги</div>
</a>
<div class="root-menu-item" routerLink="otzyvy">
<div class="root-menu-img">
<img src="assets/images/root_menu_replies.png" alt="">
</div>
<div class="root-menu-name">Отзывы</div>
</div>
<div class="root-menu-item" routerLink="platnye-uslugi">
<div class="root-menu-img">
<img src="assets/images/root_menu_payment.png" alt="">
</div>
<div class="root-menu-name">Платные услуги</div>
</div>
<div class="root-menu-item" routerLink="planovye-i-avariinye-otklyuceniya">
<div class="root-menu-img">
<img src="assets/images/root_menu_disabling.png" alt="">
</div>
<div class="root-menu-name">Плановые и аварийные отключения</div>
</div>
</div>
</div>
</div>
<div class="space jumbotron-edit-field" *ngIf="editable" dir="ltr">
<div class="layout-corral jumbotron-edit-field-row">
<div class="switch-host" (click)="toggleEditMode()">
Режим редактирования
<switch [val]="editMode"></switch>
</div>
</div>
</div>

75
src/tk023/component/layout/jumbotron/jumbotron.component.ts
View File

@ -1,8 +1,5 @@
import { Component } from '@angular/core';
import { PagesService } from '@app/_services/pages.service';
import { Subscription } from 'rxjs';
import { AuthenticationService } from '@app/_services';
import { Router } from '@angular/router';
@Component({
selector: 'jumbotron',
@ -10,76 +7,6 @@ import { Router } from '@angular/router';
styleUrls: ['./jumbotron.component.scss']
})
export class JumbotronComponent {
private subscription:Subscription
public currentPage:any;
public pagePicture:any;
constructor(
private pagesService: PagesService,
public authService: AuthenticationService,
private router: Router
){}
ngOnInit(){
this.subscription = this.pagesService.currentPageSubject.subscribe(
resp=> {
this.currentPage = resp;
if (this.currentPage) {
if(this.currentPage.picture){
this.pagePicture = this.currentPage.picture.data.links.open
}else{
let parents = this.currentPage.parents?.data
let content = parents?.map(page=>page.picture).filter(page=>page)
this.pagePicture = content.pop()?.data.links.open
}
}else{this.pagePicture = null;}
}
)
}
ngOnDestoy(){
this.subscription.unsubscribe();
}
get name(){
let name:string
if(this.currentPage){
name = this.currentPage?.h1 || this.currentPage?.name;
let parents = this.currentPage?.parents?.data
if (parents&&parents[2]) name = parents[2].h1|| parents[2].name
}
return name
}
get mainPage(){
return this.currentPage?.parents?.data.length === 0;
}
get editable(){
return this.currentPage&&(this.authService.privileges?.admin|| this.authService.privileges?.editor);
}
get editMode(){
return this.pagesService.editMode;
}
toggleEditMode(){
this.pagesService.editMode = !this.pagesService.editMode;
}
get isRootPage(){
return !this.pagesService.currentPage?.parents?.data.length && this.pagesService.currentPage
}
get since(){
return this.currentPage?.link === '/'
}
get parents() {
return this.currentPage?.parents?.data;
}
}

1
src/tk023/component/layout/left-content/left-content.component.html Normal file
View File

@ -0,0 +1 @@
<pages-menu class="lvl-0"></pages-menu>

0
src/tk023/component/layout/left-content/left-content.component.scss Normal file
View File

13
src/tk023/component/layout/left-content/left-content.component.ts Normal file
View File

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

28
src/tk023/component/layout/right-content/right-content.component.html
View File

@ -1,24 +1,4 @@
<a class="right-card" routerLink="elektronnoe-obrashhenie">
<ico ico="web_req_48" [size]="48"></ico>
<span>Электронное обращение</span>
</a>
<a class="right-card" href="https://www.mos.ru/pgu/ru/app/mosenergo/counters/#step_1" target="_blank" >
<ico ico="lightbulb_48" [size]="48"></ico>
<span>Прием показаний и оплата электроэнергии</span>
</a>
<a class="right-card" href="https://www.mos.ru/services/pokazaniya-vodi-i-tepla/" target="_blank" >
<ico ico="water_48" [size]="48"></ico>
<span>Прием показаний приборов учета воды</span>
</a>
<a class="right-card" href="https://www.mos.ru/pgu/ru/services/link/2170/" target="_blank">
<ico ico="get_n_pay_48" [size]="48"></ico>
<span>Получить и оплатить ЕПД</span>
</a>
<a class="right-baner" href="https://ag.mos.ru/home" target="_blank">
<img src="assets/images/adv_00.png">
</a>
<a class="right-baner" href="https://crowd.mos.ru/propose" target="_blank">
<img src="assets/images/adv_01.png">
</a>
<div class="switch-host" (click)="toggleEditMode()">
Режим редактирования
<switch [val]="editMode"></switch>
</div>

13
src/tk023/component/layout/right-content/right-content.component.ts
View File

@ -1,5 +1,5 @@
import { Component } from '@angular/core';
import { PagesService } from '@app/_services/pages.service';
@Component({
selector: 'right-content',
@ -7,6 +7,17 @@ import { Component } from '@angular/core';
styleUrls: ['./right-content.component.scss']
})
export class RightContentComponent {
constructor(
private pagesService: PagesService,
){}
get editMode(){
return this.pagesService.editMode;
}
toggleEditMode(){
this.pagesService.editMode = !this.pagesService.editMode;
}
}

50
src/tk023/css/_basics.scss
View File

@ -3,26 +3,16 @@
* {
font-family: Golos;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
font-family: Roboto;
font-size: 15px;
font-weight: 300;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
}
// li {
// list-style-image: url("~src/assets/images/icons/add_24dp.svg");
// }
// .btn {
// font-weight: 500;
// font-size: 0.875rem;
// line-height: 1.125rem;
// letter-spacing: 0.02em;
// text-transform: uppercase;
// }
.toggle-hide{
display: none;
}
@ -117,20 +107,21 @@ $pxxs:4px;
--radius-1: 12px;
--radius-2: 20px;
--white: #ffffff;
--light: #F3F3F3;
--light: #B1B1B1
;
--prime: #00589D;
--prime-hov: #005799;
--prime-act: #004077;
--prime-dis: #A1CAE5;
--prime: #0079C2;
--prime-hov: #C20017;
--prime-act: #C20017;
--prime-dis: #A3D1EB;
--second: #6C6C6C;
--second-hov: #4D4D4D;
--second-act: #2D2D2D;
--second-dis: #C0C0C0;
--second: #7D7D7D;
--second-hov: #C20017;
--second-act: #000;
--second-dis: #D8D8D8;
--dark: #1F1F1F;
--blue-0: #2EB2E8;
@ -199,14 +190,7 @@ body {
padding: 0;
margin: 0;
color: var(--second-act);
background-color: var(--light);
font-size: 20px;
.wrapper {
width: 100%;
min-height: 100vh;
display: flex;
flex-direction: column;
}
}
.limiter {

176
src/tk023/css/_buttons.scss
View File

@ -1,6 +1,6 @@
button, .btn, a.btn {
display: inline-flex;
padding: 7px 24px 8px;
padding: 4px 11px;
justify-content: center;
align-items: center;
gap: 10px;
@ -9,46 +9,36 @@ button, .btn, a.btn {
border: 1px solid var(--prime);
background:var(--prime);
color: #FFF;
color: var(--Black-FFFFFF, #FFF);
font-family: Golos;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 21px; /* 150% */
letter-spacing: 0.42px;
font-family: Roboto;
font-size: 15px;
font-weight: 500;
line-height: 22px;
letter-spacing: 0.03em;
text-align: left;
text-transform: uppercase;
&:hover{
&:hover, &:active{
border: 1px solid var(--prime-hov);
background: var(--prime-hov);
}
&:active{
border: 1px solid #004077;
background: #004077;
}
&[disabled] {
border: 1px solid #A1CAE5;
background: #A1CAE5;
border: 1px solid var(--prime-dis);
background: var(--prime-dis);
}
&.outline{
background:#FFF;
color: var(--prime);
&:hover{
&:hover, &:active{
border: 1px solid var(--prime-hov);
color: var(--prime-hov);
}
&:active{
border: 1px solid #004077;
color: #004077;
}
&[disabled] {
border: 1px solid #A1CAE5;
color: #A1CAE5;
border: 1px solid var(--prime-dis);
color: var(--prime-dis);
}
}
@ -70,142 +60,4 @@ button, .btn, a.btn {
letter-spacing: 100%;
}
&.trash,&.add-child,&.edit,&.delete,&.close-blue,&.move{
width: 24px;
height: 24px;
background: center no-repeat;
}
&.trash {
background-image: url('~src/assets/images/icons/trash_grey_24dp.svg');
}
&.add-child {
background-image: url('~src/assets/images/icons/add_web_page_24dp.svg');
}
&.edit {
background-image: url('~src/assets/images/icons/edit_24dp.svg');
}
&.close-blue {
background-image: url('~src/assets/images/icons/close_blue_24dp.svg');
};
&.move {
background-image: url('~src/assets/images/icons/drag-n-drop_24.svg');
};
}
div.move{
cursor: move;
width: 24px;
height: 24px;
background: center no-repeat;
background-image: url('~src/assets/images/icons/drag-n-drop_24.svg');
}
// .inline-menu.default {
// display: inline-flex;
// align-items: center;
// gap: 24px;
// padding: 8px 24px;
// background-color: #F5F4F4;
// border: #E8E8E8 solid 1px;
// border-radius: 4px;
// button {
// width: 20px;
// height: 20px;
// background: transparent none 50% 50% no-repeat;
// &.add {background-image: url('~src/assets/images/icons/note_add_20.svg');}
// &.edit {background-image: url('~src/assets/images/icons/edit_20.svg');}
// &.delete {background-image: url('~src/assets/images/icons/trash_20.svg');}
// &.move {background-image: url('~src/assets/images/icons/drag-n-drop_24.svg');}
// }
// }
// .btn {
// color: #ffffff;
// padding: 11px 24px;
// background: var(--orange-2);
// border: 1px solid var(--orange-2);
// border-radius: 4px;
// font-weight: 500;
// font-size: 0.875rem;
// line-height: 18px;
// letter-spacing: 0.02em;
// text-transform: uppercase;
// &.with-icon {
// display: flex;
// flex-direction: row;
// align-items: center;
// padding: 8px 20px 8px 12px;
// &:before {
// display: block;
// width: 24px;
// height: 24px;
// margin-right: 8px;
// background: transparent none 50% 50% no-repeat;
// content: "";
// }
// &.add {
// &:before {
// //background-image: url('~src/assets/images/icons/add_circle_white_24dp.svg');
// }
// }
// }
// &.small {
// height: 28px;
// padding: 4px 16px;
// }
// &.danger {
// background-color: #db373a;
// }
// &.secondary {
// background-color: var(--white);
// color: var(--orange-2);
// border: var(--orange-2) solid 1px;
// &.danger {
// border-color: #db373a;
// color: #db373a;
// }
// }
// &.icon {
// width: 24px;
// height: 24px;
// padding: 0;
// border-color: transparent;
// background: transparent none 50% 50% no-repeat;
// //&.reply {background-image: url('~src/assets/images/icons/add_comment_20dp.svg');}
// //&.delete {background-image: url('~src/assets/images/icons/close_20dp.svg');}
// &.trash {background-image: url('~src/assets/images/icons/delete_24dp.svg');}
// &.edit {background-image: url('~src/assets/images/icons/edit_dark_24.svg');}
// //&.chain {background-image: url('~src/assets/images/icons/linked_24dp.svg');}
// &.checkbox {
// display: flex;
// width: 18px;
// height: 18px;
// border: solid 1px #7f7f7f;
// border-radius: 2px;
// &.checked,&.mixed {
// background-color: #2c86cd;
// border-color: #2c86cd;
// }
// &.checked {
// //background-image: url('~src/assets/images/icons/checkbox_24dp.svg');
// }
// &.mixed {
// &:before {
// display: block;
// width: 12px;
// height: 2px;
// margin: auto;
// background-color: #ffffff;
// content: "";
// }
// }
// }
// }
// }

211
src/tk023/css/_fonts.scss
View File

@ -1,214 +1,31 @@
// @font-face {
// font-family: 'Open Sans';
// src: url('../fonts/sans/OpenSans-Italic.eot');
// src: local('Open Sans Italic'), local('OpenSans-Italic'),
// url('../fonts/sans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
// url('../fonts/sans/OpenSans-Italic.woff2') format('woff2'),
// url('../fonts/sans/OpenSans-Italic.woff') format('woff'),
// url('../fonts/sans/OpenSans-Italic.ttf') format('truetype');
// font-weight: normal;
// font-style: italic;
// }
// @font-face {
// font-family: 'Open Sans';
// src: url('../fonts/sans/OpenSans-Regular.eot');
// src: local('Open Sans Regular'), local('OpenSans-Regular'),
// url('../fonts/sans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
// url('../fonts/sans/OpenSans-Regular.woff2') format('woff2'),
// url('../fonts/sans/OpenSans-Regular.woff') format('woff'),
// url('../fonts/sans/OpenSans-Regular.ttf') format('truetype');
// font-weight: normal;
// font-style: normal;
// }
// @font-face {
// font-family: 'Open Sans';
// src: url('../fonts/sans/OpenSans-BoldItalic.eot');
// src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
// url('../fonts/sans/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
// url('../fonts/sans/OpenSans-BoldItalic.woff2') format('woff2'),
// url('../fonts/sans/OpenSans-BoldItalic.woff') format('woff'),
// url('../fonts/sans/OpenSans-BoldItalic.ttf') format('truetype');
// font-weight: bold;
// font-style: italic;
// }
// @font-face {
// font-family: 'Open Sans';
// src: url('../fonts/sans/OpenSans-SemiBold.eot');
// src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
// url('../fonts/sans/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
// url('../fonts/sans/OpenSans-SemiBold.woff2') format('woff2'),
// url('../fonts/sans/OpenSans-SemiBold.woff') format('woff'),
// url('../fonts/sans/OpenSans-SemiBold.ttf') format('truetype');
// font-weight: 600;
// font-style: normal;
// }
// @font-face {
// font-family: 'Open Sans';
// src: url('../fonts/sans/OpenSans-ExtraBoldItalic.eot');
// src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
// url('../fonts/sans/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
// url('../fonts/sans/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
// url('../fonts/sans/OpenSans-ExtraBoldItalic.woff') format('woff'),
// url('../fonts/sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
// font-weight: 800;
// font-style: italic;
// }
// @font-face {
// font-family: 'Open Sans';
// src: url('../fonts/sans/OpenSans-LightItalic.eot');
// src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
// url('../fonts/sans/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
// url('../fonts/sans/OpenSans-LightItalic.woff2') format('woff2'),
// url('../fonts/sans/OpenSans-LightItalic.woff') format('woff'),
// url('../fonts/sans/OpenSans-LightItalic.ttf') format('truetype');
// font-weight: 300;
// font-style: italic;
// }
// @font-face {
// font-family: 'Open Sans';
// src: url('../fonts/sans/OpenSans-Bold.eot');
// src: local('Open Sans Bold'), local('OpenSans-Bold'),
// url('../fonts/sans/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
// url('../fonts/sans/OpenSans-Bold.woff2') format('woff2'),
// url('../fonts/sans/OpenSans-Bold.woff') format('woff'),
// url('../fonts/sans/OpenSans-Bold.ttf') format('truetype');
// font-weight: bold;
// font-style: normal;
// }
// @font-face {
// font-family: 'Open Sans';
// src: url('../fonts/sans/OpenSans-SemiBoldItalic.eot');
// src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
// url('../fonts/sans/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
// url('../fonts/sans/OpenSans-SemiBoldItalic.woff2') format('woff2'),
// url('../fonts/sans/OpenSans-SemiBoldItalic.woff') format('woff'),
// url('../fonts/sans/OpenSans-SemiBoldItalic.ttf') format('truetype');
// font-weight: 600;
// font-style: italic;
// }
// @font-face {
// font-family: 'Open Sans';
// src: url('../fonts/sans/OpenSans-ExtraBold.eot');
// src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
// url('../fonts/sans/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
// url('../fonts/sans/OpenSans-ExtraBold.woff2') format('woff2'),
// url('../fonts/sans/OpenSans-ExtraBold.woff') format('woff'),
// url('../fonts/sans/OpenSans-ExtraBold.ttf') format('truetype');
// font-weight: 800;
// font-style: normal;
// }
// @font-face {
// font-family: 'Open Sans';
// src: url('../fonts/sans/OpenSans-Light.eot');
// src: local('Open Sans Light'), local('OpenSans-Light'),
// url('../fonts/sans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
// url('../fonts/sans/OpenSans-Light.woff2') format('woff2'),
// url('../fonts/sans/OpenSans-Light.woff') format('woff'),
// url('../fonts/sans/OpenSans-Light.ttf') format('truetype');
// font-weight: 300;
// font-style: normal;
// }
@font-face {
font-family: 'PT Sans';
src: url('../fonts/ptsans/PT_Sans-Web-Regular.ttf');
font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-Light.ttf');
font-style: normal;
font-weight: 400;
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: 'PT Sans';
src: url('../fonts/ptsans/PT_Sans-Web-Bold.ttf');
font-style: normal;
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: 'PT Sans';
src: url('../fonts/ptsans/PT_Sans-Web-Italic.ttf');
font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-Italic.ttf');
font-style: italic;
font-weight: 400;
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: 'PT Sans';
src: url('../fonts/ptsans/PT_Sans-Web-Bolditalic.ttf');
font-style: italic;
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: 'PT Sans Narrow';
src: url('../fonts/ptsans/PTSansNarrow-Regular.ttf');
font-style: itnormalalic;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'PT Sans Narrow';
src: url('../fonts/ptsans/PTSansNarrow-Bold.ttf');
font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-Medium.ttf');
font-style: normal;
font-weight: 700;
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: 'GolosTextWebBlack';
src:
url('../fonts/golos/Golos-Text_Black.woff2') format('woff2'),
url('../fonts/golos/Golos-Text_Black.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GolosTextWebBold';
src:
url('../fonts/golos/Golos-Text_Bold.woff2') format('woff2'),
url('../fonts/golos/Golos-Text_Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'GolosTextWebDemiBold';
src:
url('../fonts/golos/Golos-Text_DemiBold.woff2') format('woff2'),
url('../fonts/golos/Golos-Text_DemiBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Golos';
src:
url('../fonts/golos/Golos-Text_Medium.woff2') format('woff2'),
url('../fonts/golos/Golos-Text_Medium.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Golos';
src:
url('../fonts/golos/Golos-Text_Regular.woff2') format('woff2'),
url('../fonts/golos/Golos-Text_Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-family: 'Roboto';
src: url('../fonts/roboto/Roboto-MediumItalic.ttf');
font-style: italic;
font-weight: 500;
font-display: swap;
}

259
src/tk023/css/_grid.scss
View File

@ -6,7 +6,7 @@
display: flex;
justify-content: center;
>.layout-corral{
flex-basis: 1280px;
flex-basis: 1360px;
display: flex;
};
.page-corral{
@ -18,114 +18,6 @@
jumbotron{
margin-block: 40px 32px;
min-height: 40px;
.jumbotron-content{
flex-direction: column;
header-user-bar{
position: absolute;
align-self: flex-end;
}
.breadcrumbs{
display: flex;
gap:8px;
color: #969595;
div a{
display: flex;
align-items: center;
gap:8px;
}
}
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;
}
}
.root-page{
h1{
font-size: 64px;
line-height: 80px;
}
.root-menu{
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: space-between;
.root-menu-item{
width: 844px;
height: 180px;
background-color: var(--prime);
display: flex;
align-items: flex-end;
margin-bottom: 24px;
border-radius: 4px;
overflow: hidden;
cursor: pointer;
.root-menu-img{
width: 50%;
height: 100%;
background-color: var(--light);
overflow: hidden;
img{
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
}
}
.root-menu-name{
padding: 16px;
color: #fff;
}
&:hover{
img{
transform: scale(1.25);
}
}
}
.root-menu-item:first-child{
display: flex;
flex-direction: column;
width: 411px;
height: 100%;
align-items: center;
margin-bottom: 0;
.root-menu-img{
height: 532px;
width: 100%;
}
}
.root-menu-item:nth-child(3){
flex-direction: row-reverse;
}
.root-menu-item:nth-child(4){
margin-bottom: 0;
}
height: 588px;
overflow: hidden;
}
}
}
@media screen and (max-width: 480px) {
jumbotron .jumbotron-bg.rootpage-jumbotron .jumbotron-content .jumbotron-content-center h1{
font-size: 50px;
@ -136,54 +28,18 @@ jumbotron{
.content-sapce{
flex-grow: 1;
.content-grid{
display: flex;
justify-content: space-between;
margin-bottom: 48px;
.content-grid{
padding: 32px 48px;
display: flex;
justify-content: space-between;
gap: 40px;
left-content{
flex-basis: 272px;
margin-top: 50px;
}
right-content{
left-content{
display: none;
}
.content-grid{
width: 1280px;
gap:32px;
}
right-content{
width: 258px;
display: flex;
flex-direction: column;
gap: 24px;
.right-card{
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
padding: 24px;
gap:16px;
border-radius: 4px;
border: 1px solid transparent;
span{
text-align: center;
}
&:hover{
border: 1px solid var(--prime);
}
}
img{
width: 100%;
}
}
.main-content{
width: 990px;
background-color: #FFF;
}
}
};
}
.this-root-page .main-content{
@ -201,96 +57,29 @@ jumbotron{
}
footer{
display: flex;
justify-content: center;
.footer{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-inline: 48px;
background-color: #000;
padding-block: 32px;
color: #ACACAC;
.footer-contact-left{
display: flex;
justify-content: flex-start;
align-items: center;
gap: 8px;
padding-bottom: 24px;
flex-wrap: wrap;
flex-basis: 40%;
margin-right: 16px;
flex-grow: 1;
a{
width: 91px;
height: 96px;
img{
width: 100%;
}
}
.footer-contact-left-name{
strong{
color: #FFF;
}
}
.footer-contact-left-license{
font-family: Golos;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 21px; /* 150% */
}
};
.footer-contact-right{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 16px;
padding-bottom: 24px;
flex-basis: 40%;
margin-left: 16px;
flex-grow: 1;
a{
color: #ACACAC;
padding: 16px 48px 32px;
border-top: 1px solid var(--light);
a, div{
flex-basis: 50%;
&:nth-child(2n){
text-align: end;
}
}
.footer-down{
display: flex;
flex-grow: 1;
flex-basis: 100%;
justify-content: space-between;
padding-top: 24px;
border-top: 1px solid #6A6868;
a:not(:hover), div{
color: var(--second);
}
}
}
pages-menu-item{
display: flex;
flex-direction: column;
.item{
display: flex;
align-items: flex-start;
drop-down{
margin-inline-start: -24px;
}
min-height: 24px;
>a{
margin-top: 4px;
&.active {
color: #000000;
}
}
}
}
.pages{
margin: 32px;
width: calc( 100% - 64px );
.main-content{
width: 640px;
}
.jumbotron-edit-field{

197
src/tk023/css/_main-menu.scss
View File

@ -3,9 +3,6 @@ pages-menu{
flex-direction: column;
padding-left: 0;
}
pages-menu{
padding-inline-start: 24px;
}
@ -20,23 +17,38 @@ header{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 24px;
height: 40px;
background-color: var(--prime);
gap: 32px;
height: 108px;
padding: 16px 48px 12px 48px;
.header-top-menu-logo{
margin-right: auto;
}
.header-top-menu-ref{
display: flex;
align-items: end;
color: #FFF;
gap: 8px;
cursor: pointer;
&:not(:hover,:active)>ico svg{
color: var(--second)
}
};
locale{
img{
width: 27px;
}
.locales-btn{
cursor: pointer;
img{
width: 22px;
border: 1px solid var(--second-dis);
}
drop-down{
display: none;
}
}
.dropdown{
left: -198px;
top: 29px;
left: -12px;
top: 24px;
img{
border: 1px solid var(--second-dis);
}
@ -44,49 +56,6 @@ header{
}
}
.header-contact{
display: flex;
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;
a{
width: 91px;
height: 96px;
img{
width: 100%;
}
}
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;
@ -94,50 +63,29 @@ header{
padding-inline: 48px;
background-color: #FFF;
position: relative;
gap: -1px;
border-bottom: 1px solid var(--light);
pages-menu{
display: none;
}
>pages-menu-item{
.item{
padding: 14px 24px;
margin-bottom: -1px;
padding: 7px 8px 12px 12px;
border: 1px solid transparent;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
&.current, &.parent{
border-color: var(--light);
border-bottom-color: #FFF;
}
a{
margin-top: 0;
}
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);
}
&:hover{
a{
color: 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;
}
};
}
}
@ -147,17 +95,21 @@ header{
}
@media (hover: hover) and (pointer: fine) {
/* has mouse */
header{
.header.layout-corral{
pages-menu.lvl-0{
>pages-menu-item:hover{
pages-menu{
display: flex;
};
}
}
};
}
@ -168,33 +120,48 @@ header{
header{
.header.layout-corral{
pages-menu.lvl-0{
>pages-menu-item{
pages-menu{
&.selected{
display: flex;
}
};
}
}
};
}
}
a.logo{
img{
width:114px;
height: 80px;
left-content{
.item.lvl-0{
display: none !important;
}
.item{
display: none;
padding-bottom: 15px;
&.current, &.parent, &.lvl-1{
display: flex;
}
drop-down{
display: none;
}
>a:not(:hover,:active){
color: #000;
}
&.current>a{
font-weight: 500;
}
}
pages-menu.current>pages-menu-item>.item{
display: flex;
}
pages-menu.lvl-1:not(.current,.parent){
display: none;
}
pages-menu:not(.lvl-0,.lvl-1){
padding-inline-start: 24px;
}
}
slider[side="left"]{
.slider-bar{
background-color: var(--prime-act);
@ -308,12 +275,6 @@ slider-menu{
display: none;
}
}
right-content{
}

47
src/tk023/css/_page-top-panel.scss
View File

@ -4,20 +4,16 @@ header-user-bar{
position: relative;
display: flex;
padding: 11px;
height: 64px;
justify-content: center;
background-color: #fff;
border-radius: 32px;
border: 1px solid var(--second-dis);
align-items: center;
.avatar {
width: 38px;
height: 38px;
width: 40px;
height: 40px;
margin-block: 8px;
color: var(--prime);
border: 1px solid var(--prime);
background: #fff;
border-radius: 100%;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
@ -34,40 +30,15 @@ header-user-bar{
}
.name{
margin: 8px 4px 0 12px;
color: var(--second-act);
white-space: nowrap;
display: none;
}
.dropdown{
right: 16px;
top: 48px;
right: -105px;
top: 56px;
}
drop-down {
display: flex;
margin-top: 10px;
.on{
svg{
color:var(--dark)
}
}
}
}
@media screen and (max-width: 1330px) {
.user {
.avatar {
background-color: var(--white);
margin-right: 18px;
}
.name{
display: none;
}
}
}
}
}

BIN
src/tk023/fonts/roboto/Roboto-Black.ttf Normal file
View File

Binary file not shown.

BIN
src/tk023/fonts/roboto/Roboto-BlackItalic.ttf Normal file
View File

Binary file not shown.

BIN
src/tk023/fonts/roboto/Roboto-Bold.ttf Normal file
View File

Binary file not shown.

BIN
src/tk023/fonts/roboto/Roboto-BoldItalic.ttf Normal file
View File

Binary file not shown.

BIN
src/tk023/fonts/roboto/Roboto-Italic.ttf Normal file
View File

Binary file not shown.

BIN
src/tk023/fonts/roboto/Roboto-Light.ttf Normal file
View File

Binary file not shown.

BIN
src/tk023/fonts/roboto/Roboto-LightItalic.ttf Normal file
View File

Binary file not shown.

BIN
src/tk023/fonts/roboto/Roboto-Medium.ttf Normal file
View File

Binary file not shown.

BIN
src/tk023/fonts/roboto/Roboto-MediumItalic.ttf Normal file
View File

Binary file not shown.

BIN
src/tk023/fonts/roboto/Roboto-Regular.ttf Normal file
View File

Binary file not shown.

BIN
src/tk023/fonts/roboto/Roboto-Thin.ttf Normal file
View File

Binary file not shown.

BIN
src/tk023/fonts/roboto/Roboto-ThinItalic.ttf Normal file
View File

Binary file not shown.

BIN
src/tk023/images/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

1
src/tk023/images/favicon.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 84 KiB

3
src/tk023/images/ico/profile_24.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" id="ico">
<path d="M5.85 17.1C6.7 16.45 7.65 15.9375 8.7 15.5625C9.75 15.1875 10.85 15 12 15C13.15 15 14.25 15.1875 15.3 15.5625C16.35 15.9375 17.3 16.45 18.15 17.1C18.7333 16.4167 19.1875 15.6417 19.5125 14.775C19.8375 13.9083 20 12.9833 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 12.9833 4.1625 13.9083 4.4875 14.775C4.8125 15.6417 5.26667 16.4167 5.85 17.1ZM12 13C11.0167 13 10.1875 12.6625 9.5125 11.9875C8.8375 11.3125 8.5 10.4833 8.5 9.5C8.5 8.51667 8.8375 7.6875 9.5125 7.0125C10.1875 6.3375 11.0167 6 12 6C12.9833 6 13.8125 6.3375 14.4875 7.0125C15.1625 7.6875 15.5 8.51667 15.5 9.5C15.5 10.4833 15.1625 11.3125 14.4875 11.9875C13.8125 12.6625 12.9833 13 12 13ZM12 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 20C12.8833 20 13.7167 19.8708 14.5 19.6125C15.2833 19.3542 16 18.9833 16.65 18.5C16 18.0167 15.2833 17.6458 14.5 17.3875C13.7167 17.1292 12.8833 17 12 17C11.1167 17 10.2833 17.1292 9.5 17.3875C8.71667 17.6458 8 18.0167 7.35 18.5C8 18.9833 8.71667 19.3542 9.5 19.6125C10.2833 19.8708 11.1167 20 12 20ZM12 11C12.4333 11 12.7917 10.8583 13.075 10.575C13.3583 10.2917 13.5 9.93333 13.5 9.5C13.5 9.06667 13.3583 8.70833 13.075 8.425C12.7917 8.14167 12.4333 8 12 8C11.5667 8 11.2083 8.14167 10.925 8.425C10.6417 8.70833 10.5 9.06667 10.5 9.5C10.5 9.93333 10.6417 10.2917 10.925 10.575C11.2083 10.8583 11.5667 11 12 11Z" fill="currentColor"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

104
src/tk023/images/logo.svg Normal file
View File

@ -0,0 +1,104 @@
<svg width="235" height="80" viewBox="0 0 235 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.9708 30.5664H2.46429C2.01694 30.5664 1.6543 30.9291 1.6543 31.3764V31.3776C1.6543 31.8249 2.01694 32.1876 2.46429 32.1876H7.9708C8.41815 32.1876 8.78079 31.8249 8.78079 31.3776V31.3764C8.78079 30.9291 8.41815 30.5664 7.9708 30.5664Z" fill="#0F7AC0"/>
<path d="M69.0519 30.5664H63.5453C63.098 30.5664 62.7354 30.9291 62.7354 31.3764V31.3776C62.7354 31.8249 63.098 32.1876 63.5453 32.1876H69.0519C69.4992 32.1876 69.8618 31.8249 69.8618 31.3776V31.3764C69.8618 30.9291 69.4992 30.5664 69.0519 30.5664Z" fill="#0F7AC0"/>
<path d="M7.9708 50.8245H2.46429C2.01694 50.8245 1.6543 51.1871 1.6543 51.6345V51.6356C1.6543 52.083 2.01694 52.4456 2.46429 52.4456H7.9708C8.41815 52.4456 8.78079 52.083 8.78079 51.6356V51.6345C8.78079 51.1871 8.41815 50.8245 7.9708 50.8245Z" fill="#231F20"/>
<path d="M69.0519 50.8245H63.5453C63.098 50.8245 62.7354 51.1871 62.7354 51.6345V51.6356C62.7354 52.083 63.098 52.4456 63.5453 52.4456H69.0519C69.4992 52.4456 69.8618 52.083 69.8618 51.6356V51.6345C69.8618 51.1871 69.4992 50.8245 69.0519 50.8245Z" fill="#231F20"/>
<path d="M30.5928 75.5884V70.5733C30.5928 70.3346 30.3993 70.1411 30.1605 70.1411H30.1594C29.9206 70.1411 29.7271 70.3346 29.7271 70.5733V75.5884C29.7271 75.8271 29.9206 76.0206 30.1594 76.0206H30.1605C30.3993 76.0206 30.5928 75.8271 30.5928 75.5884Z" fill="#231F20"/>
<path d="M31.6592 75.5884V70.5733C31.6592 70.3346 31.4657 70.1411 31.2269 70.1411H31.2258C30.987 70.1411 30.7935 70.3346 30.7935 70.5733V75.5884C30.7935 75.8271 30.987 76.0206 31.2258 76.0206H31.2269C31.4657 76.0206 31.6592 75.8271 31.6592 75.5884Z" fill="#231F20"/>
<path d="M40.7715 75.5884V70.5733C40.7715 70.3346 40.578 70.1411 40.3393 70.1411H40.3381C40.0994 70.1411 39.9058 70.3346 39.9058 70.5733V75.5884C39.9058 75.8271 40.0994 76.0206 40.3381 76.0206H40.3393C40.578 76.0206 40.7715 75.8271 40.7715 75.5884Z" fill="#231F20"/>
<path d="M41.8428 75.5884V70.5733C41.8428 70.3346 41.6493 70.1411 41.4105 70.1411H41.4094C41.1706 70.1411 40.9771 70.3346 40.9771 70.5733V75.5884C40.9771 75.8271 41.1706 76.0206 41.4094 76.0206H41.4105C41.6493 76.0206 41.8428 75.8271 41.8428 75.5884Z" fill="#231F20"/>
<path d="M37.8678 67.825H33.6474C33.4355 67.825 33.2637 67.9967 33.2637 68.2086V68.2098C33.2637 68.4217 33.4355 68.5935 33.6474 68.5935H37.8678C38.0797 68.5935 38.2515 68.4217 38.2515 68.2098V68.2086C38.2515 67.9967 38.0797 67.825 37.8678 67.825Z" fill="#231F20"/>
<path d="M37.8678 66.604H33.6474C33.4355 66.604 33.2637 66.7758 33.2637 66.9877V66.9889C33.2637 67.2008 33.4355 67.3725 33.6474 67.3725H37.8678C38.0797 67.3725 38.2515 67.2008 38.2515 66.9889V66.9877C38.2515 66.7758 38.0797 66.604 37.8678 66.604Z" fill="#231F20"/>
<path d="M40.4487 61.4622H31.0663C30.7897 61.4622 30.5654 61.6864 30.5654 61.9631V61.9643C30.5654 62.2409 30.7897 62.4652 31.0663 62.4652H40.4487C40.7254 62.4652 40.9496 62.2409 40.9496 61.9643V61.9631C40.9496 61.6864 40.7254 61.4622 40.4487 61.4622Z" fill="#231F20"/>
<path d="M36.4208 61.1317V60.6225C36.4208 60.4268 36.3431 60.2392 36.2047 60.1008C36.0664 59.9625 35.8787 59.8848 35.6831 59.8848C35.4874 59.8848 35.2997 59.9625 35.1614 60.1008C35.023 60.2392 34.9453 60.4268 34.9453 60.6225V61.1317H36.4208Z" fill="#231F20"/>
<path d="M64.2381 30.0313H68.1317C66.0026 23.7147 62.0789 18.1554 56.8405 14.0333C51.6021 9.91117 45.2759 7.40493 38.6357 6.82104C38.7127 8.16984 39.5523 9.34101 39.4244 10.588C50.5961 11.8598 60.9046 19.6992 64.2381 30.0313Z" fill="#0F7AC0"/>
<path d="M7.3039 30.0313C9.26677 24.9028 12.5772 20.3991 16.886 16.995C21.1949 13.5909 26.3425 11.4126 31.786 10.6898C32.1673 8.80695 32.6765 8.16984 32.8044 6.82104L31.7102 6.89684C25.2581 7.6557 19.1548 10.2336 14.1124 14.3298C9.06992 18.426 5.29619 23.8716 3.23145 30.0313H7.3039Z" fill="#0F7AC0"/>
<path d="M36.2139 62.8381H35.1445V66.2309H36.2139V62.8381Z" fill="#231F20"/>
<path d="M33.3646 62.8369H32.6777C33.4059 63.7334 33.7845 64.8634 33.7435 66.0177V66.2213H34.4055V66.0177C34.423 64.9004 34.1326 63.7999 33.5659 62.8369H33.3646Z" fill="#231F20"/>
<path d="M38.7074 62.8369H37.8169C37.2502 63.7999 36.9597 64.9004 36.9773 66.0177V66.2213H37.6393C37.6393 66.1444 37.6144 66.0946 37.6144 66.0177C37.5697 64.8583 37.9595 63.724 38.7074 62.8369Z" fill="#231F20"/>
<path d="M64.136 52.885C62.4857 57.1136 59.9105 60.9195 56.5989 64.0239C53.2873 67.1284 49.3232 69.4528 44.997 70.8268C44.0324 70.9129 43.0639 70.9469 42.0957 70.9286V74.975H43.4196C43.9087 74.9555 44.3947 74.8873 44.8703 74.7713C50.2195 73.2761 55.1249 70.5025 59.1638 66.6898C63.2027 62.877 66.2539 58.1393 68.0545 52.885H64.136Z" fill="#231F20"/>
<path d="M37.5154 69.4793C37.185 69.1998 37.2099 68.8943 36.9044 68.8943H34.4614C34.131 68.8943 34.1819 69.1998 33.8503 69.4793C32.5477 69.9115 32.5773 70.802 31.9414 70.9299V74.9763L32.2718 75.2818C32.6296 75.8511 33.1369 76.3113 33.7383 76.612C34.3397 76.9127 35.0122 77.0424 35.6823 76.9871C36.3631 77.0427 37.0462 76.9137 37.6598 76.6136C38.2734 76.3135 38.7946 75.8534 39.1686 75.2818L39.499 74.9763V70.9299C38.7873 70.879 38.8642 69.9127 37.5154 69.4793Z" fill="#231F20"/>
<path d="M26.1125 70.7C21.8497 69.3396 17.9513 67.0294 14.7111 63.9435C11.471 60.8575 8.97346 57.0764 7.40689 52.885H3.30957C5.13119 58.1944 8.22779 62.9757 12.3278 66.8096C16.4277 70.6434 21.4058 73.4126 26.8253 74.8744L27.3345 74.9253L29.4211 74.9762V70.9298C28.3135 70.9563 27.2058 70.8793 26.1125 70.7Z" fill="#231F20"/>
<path d="M48.1295 68.9651L46.4717 64.689L47.3882 64.4604L48.1295 68.9651Z" fill="#606161"/>
<path d="M23.5716 69.021L23.6225 67.4945C23.6225 67.4697 23.6474 67.4436 23.6983 67.4436L24.4088 67.6212C24.4337 67.6212 24.4597 67.6461 24.4337 67.697L23.6699 69.0458C23.6664 69.0593 23.6578 69.0709 23.6458 69.078C23.6338 69.0851 23.6195 69.0872 23.606 69.0837C23.5924 69.0803 23.5809 69.0716 23.5738 69.0596C23.5666 69.0476 23.5646 69.0333 23.568 69.0198L23.5716 69.021Z" fill="#606161"/>
<path d="M24.3322 60.9021L27.1825 61.6126L24.7644 67.1605C24.7414 67.2193 24.6975 67.2676 24.641 67.2958C24.5846 67.324 24.5197 67.3303 24.4589 67.3133L23.8229 67.1866C23.7892 67.1806 23.757 67.1677 23.7283 67.1489C23.6997 67.1301 23.6751 67.1058 23.656 67.0772C23.637 67.0487 23.624 67.0166 23.6176 66.9829C23.6113 66.9492 23.6119 66.9146 23.6193 66.8811L24.3322 60.9021Z" fill="#606161"/>
<path d="M26.9902 58.4769L26.0052 58.2279C25.2893 58.0469 24.5623 58.4805 24.3813 59.1963L24.381 59.1975C24.2 59.9133 24.6336 60.6404 25.3494 60.8214L26.3345 61.0704C27.0503 61.2514 27.7774 60.8178 27.9584 60.102L27.9587 60.1008C28.1396 59.3849 27.7061 58.6579 26.9902 58.4769Z" fill="#606161"/>
<path d="M37.2806 19.3936H34.5925C34.4211 19.3936 34.2822 19.5325 34.2822 19.7038C34.2822 19.8752 34.4211 20.0141 34.5925 20.0141H37.2806C37.452 20.0141 37.5909 19.8752 37.5909 19.7038C37.5909 19.5325 37.452 19.3936 37.2806 19.3936Z" fill="#606161"/>
<path d="M46.4219 56.3263C46.4182 56.2903 46.4275 56.2542 46.4479 56.2244L46.6765 55.7922C46.7049 55.7458 46.7223 55.6936 46.7274 55.6394L46.4479 53.9603C46.4389 53.8679 46.4061 53.7794 46.3525 53.7036C46.2989 53.6278 46.2265 53.5673 46.1424 53.528L45.7871 53.2995C45.7114 53.2746 45.6853 53.1976 45.6604 53.1467L39.0183 28.6338C38.9048 28.202 38.8534 27.7562 38.8655 27.3099L39.2729 20.6168C39.2729 20.5088 39.23 20.4052 39.1536 20.3288C39.0772 20.2524 38.9735 20.2095 38.8655 20.2095H33.0369C32.9289 20.2095 32.8253 20.2524 32.7489 20.3288C32.6725 20.4052 32.6295 20.5088 32.6295 20.6168L33.2145 27.259C33.2489 27.7364 33.2061 28.2162 33.0878 28.68L25.3515 57.4892C25.3438 57.5143 25.3418 57.5409 25.3457 57.5669C25.3495 57.5929 25.3591 57.6177 25.3737 57.6396C25.3883 57.6615 25.4076 57.6798 25.4302 57.6933C25.4528 57.7068 25.478 57.7152 25.5042 57.7177L27.9224 58.2778C27.9441 58.2857 27.9673 58.2885 27.9902 58.2861C28.0132 58.2836 28.0353 58.2761 28.0549 58.2639C28.0745 58.2517 28.0911 58.2352 28.1034 58.2157C28.1157 58.1961 28.1235 58.1741 28.126 58.1511L30.1617 50.5924H42.2997L45.9707 64.3611C45.9967 64.4368 46.0465 64.4878 46.1234 64.4629L47.4474 64.1574C47.4983 64.1313 47.5232 64.1064 47.5232 64.0555L46.4219 56.3263ZM33.0606 39.8659L33.2133 39.281H39.2705L39.4481 39.8659L36.2413 43.0467L33.0606 39.8659ZM35.937 43.3522L30.7194 48.5698L32.9339 40.3491L35.937 43.3522ZM38.965 38.1347H33.7474L36.3941 35.6407L38.965 38.0589V38.1347ZM36.5469 35.488L37.9217 34.1854L38.8691 37.6468L36.5469 35.488ZM37.8708 33.9355L36.3953 35.3352L34.7161 33.7579V33.6821H37.7701L37.8708 33.9355ZM34.6391 33.9864L36.2425 35.488L33.5698 38.0079L34.6391 33.9864ZM39.576 40.3491L41.7396 48.52L36.5729 43.3534L39.576 40.3491ZM36.1655 29.0744H36.3692C36.4253 29.0718 36.4807 29.0878 36.5267 29.1199C36.5728 29.152 36.6069 29.1985 36.6238 29.252L37.4895 32.5346H35.0465L35.9121 29.252C35.9334 29.2007 35.9682 29.1562 36.0129 29.1233C36.0575 29.0903 36.1103 29.0701 36.1655 29.0649V29.0744ZM30.4897 49.4579L36.2413 43.6802L41.9681 49.407V49.4579H30.4897Z" fill="#606161"/>
<path d="M86.1989 24.9914H84.1123V15.6765H81.5166V13.9973H88.7698V15.6765H86.1989V24.9914Z" fill="#010101"/>
<path d="M95.8229 13.9973V15.6765H92.0335V18.2213H95.4949V19.9005H92.0335V23.311H95.8229V24.9902H89.9434V13.9973H95.8229Z" fill="#010101"/>
<path d="M99.2309 13.9973L100.652 17.5854L102.154 13.9973H104.495L101.771 19.3416L104.596 24.9914H102.255L100.652 20.945L98.9941 24.9914H96.7109L99.3576 19.3416L96.8128 13.9973H99.2309Z" fill="#010101"/>
<path d="M107.808 18.2225H110.577V13.9973H112.663V24.9914H110.577V19.8994H107.804V24.9914H105.722V13.9973H107.808V18.2225Z" fill="#010101"/>
<path d="M116.259 13.9973V18.1207C116.288 19.4153 116.203 20.7099 116.004 21.9895L119.058 13.9985H121.323V24.9926H119.364V20.8479C119.321 19.57 119.406 18.291 119.618 17.03L116.564 24.9961H114.299V13.9973H116.259Z" fill="#010101"/>
<path d="M125.035 13.9973V17.0004C125.004 17.2184 125.023 17.4406 125.09 17.6504C125.157 17.8602 125.271 18.052 125.422 18.2116C125.574 18.3711 125.76 18.4942 125.966 18.5716C126.173 18.6489 126.394 18.6786 126.613 18.6583C126.964 18.6586 127.315 18.6161 127.656 18.5316V13.9973H129.743V24.9914H127.656V20.1551C127.078 20.2734 126.489 20.3247 125.9 20.3079C125.501 20.3267 125.102 20.2606 124.73 20.1141C124.359 19.9675 124.022 19.7437 123.743 19.4576C123.465 19.1714 123.249 18.8294 123.113 18.454C122.976 18.0786 122.92 17.6784 122.949 17.2799V13.9973H125.035Z" fill="#010101"/>
<path d="M137.406 13.9973V15.6765H133.616V18.2213H137.078V19.9005H133.616V23.311H137.406V24.9902H131.526V13.9973H137.406Z" fill="#010101"/>
<path d="M143.387 17.584V17.3294C143.387 15.9546 143.032 15.4714 142.14 15.4714C141.249 15.4714 140.893 15.9546 140.893 17.3294V21.6814C140.893 23.1024 141.249 23.5903 142.14 23.5903C143.032 23.5903 143.387 23.0811 143.387 21.6814V21.0703H145.474V21.5535C145.474 23.5382 144.763 25.2434 142.14 25.2434C139.517 25.2434 138.756 23.5382 138.756 21.5724V17.584C138.756 15.0132 139.901 13.7946 142.19 13.7946C142.631 13.7314 143.081 13.771 143.505 13.9103C143.928 14.0495 144.314 14.2847 144.632 14.5975C144.949 14.9102 145.191 15.2922 145.336 15.7134C145.482 16.1347 145.529 16.584 145.473 17.0263V17.5864L143.387 17.584Z" fill="#010101"/>
<path d="M149.11 18.7566L151.655 13.9973H154.023L151.224 18.7566L154.1 24.9914H151.784L149.952 20.6099L149.112 21.6756V24.9843H147.023V13.9973H149.11V18.7566Z" fill="#010101"/>
<path d="M157.282 13.9973V18.1207C157.299 19.415 157.214 20.7086 157.028 21.9895L160.082 13.9985H162.321V24.9926H160.386V20.8479C160.343 19.57 160.428 18.291 160.64 17.03H160.616L157.588 24.9961H155.322V13.9973H157.282Z" fill="#010101"/>
<path d="M165.935 13.9995V18.1264C165.959 19.4218 165.866 20.7167 165.656 21.9952H165.681L168.735 14.0042H170.974V24.9948H169.039V20.8193C168.996 19.5508 169.082 18.2812 169.294 17.0299H169.269L166.241 24.9959H163.976V13.9995H165.935ZM166.317 11.0212C166.317 11.836 166.724 12.2682 167.411 12.2682C168.098 12.2682 168.505 11.836 168.505 11.0212H169.571C169.618 11.3262 169.594 11.6379 169.501 11.932C169.407 12.2261 169.247 12.4945 169.032 12.7164C168.818 12.9382 168.555 13.1074 168.264 13.2106C167.974 13.3139 167.663 13.3484 167.356 13.3115C165.58 13.3115 165.225 12.1912 165.225 11.0212H166.317Z" fill="#010101"/>
<path d="M178.481 18.7566L181.026 13.9973H183.394L180.595 18.7566L183.471 24.9914H181.155L179.323 20.6099L178.483 21.6756V24.9843H176.395V13.9973H178.481V18.7566Z" fill="#010101"/>
<path d="M187.976 13.7947C190.088 13.7947 191.488 14.7622 191.488 17.5616V21.5571C191.488 24.3565 190.088 25.247 187.976 25.247C185.863 25.247 184.388 24.3305 184.388 21.5571V17.5616C184.388 14.787 185.889 13.7947 187.976 13.7947ZM186.525 17.3319V21.8117C186.525 22.9568 186.983 23.588 187.976 23.588C188.968 23.588 189.376 22.9769 189.376 21.8117V17.3579C189.376 16.1868 188.866 15.4751 187.976 15.4751C187.085 15.4751 186.525 16.1358 186.525 17.3319Z" fill="#010101"/>
<path d="M196.398 13.9973L197.873 21.1487L199.324 13.9973H202.656V24.9914H200.723V15.0441H200.697L198.61 24.9914H197.108L195.021 15.0441V24.9914H193.064V13.9973H196.398Z" fill="#010101"/>
<path d="M206.248 13.9973V18.1207C206.278 19.4153 206.193 20.7099 205.994 21.9895H206.018L209.073 13.9985H211.312V24.9926H209.378V20.8479C209.322 19.5698 209.408 18.2894 209.633 17.03H209.607L206.553 24.9961H204.314V13.9973H206.248Z" fill="#010101"/>
<path d="M217.142 24.9914H215.055V15.6765H212.484V13.9973H219.738V15.6765H217.142V24.9914Z" fill="#010101"/>
<path d="M226.788 13.9973V15.6765H222.998V18.2213H226.432V19.9005H222.998V23.311H226.788V24.9902H220.908V13.9973H226.788Z" fill="#010101"/>
<path d="M232.386 24.9914H230.299V15.6765H227.729V13.9973H234.982V15.6765H232.386V24.9914Z" fill="#010101"/>
<path d="M87.7017 31.1255V40.3385H85.9455V32.5228H83.6292V40.3385H81.873V31.1255H87.7017Z" fill="#010101"/>
<path d="M91.926 30.9478C93.7023 30.9478 94.8782 31.7625 94.8782 34.1036V37.4608C94.8782 39.802 93.707 40.5658 91.926 40.5658C90.145 40.5658 88.9229 39.7771 88.9229 37.4608V34.1013C88.9229 31.7873 90.1698 30.9478 91.926 30.9478ZM90.7039 33.9V37.6669C90.7039 38.6344 91.0852 39.1684 91.926 39.1684C92.7668 39.1684 93.0972 38.6592 93.0972 37.6669V33.926C93.0972 32.9337 92.6649 32.3475 91.926 32.3475C91.187 32.3475 90.6991 32.9076 90.6991 33.9H90.7039Z" fill="#010101"/>
<path d="M102.998 34.1286V33.9249C102.998 32.7537 102.719 32.3464 101.955 32.3464C101.191 32.3464 100.912 32.7537 100.912 33.9249V37.5639C100.912 38.76 101.217 39.1673 101.955 39.1673C102.693 39.1673 102.998 38.76 102.998 37.5639V37.0547H104.754V37.4621C104.754 39.1413 104.143 40.567 101.955 40.567C99.7665 40.567 99.1045 39.1164 99.1045 37.4881V34.1286C99.1045 31.965 100.097 30.9478 101.981 30.9478C102.353 30.8974 102.731 30.9328 103.087 31.051C103.443 31.1693 103.767 31.3674 104.035 31.6302C104.303 31.8931 104.507 32.2136 104.632 32.5674C104.757 32.9212 104.799 33.2988 104.755 33.6715V34.1297L102.998 34.1286Z" fill="#010101"/>
<path d="M109.488 40.3385H107.732V32.5228H105.568V31.1255H111.65V32.5252H109.488V40.3385Z" fill="#010101"/>
<path d="M113.813 31.1255H116.181L118.217 40.3385H116.327L115.895 37.9465H113.91L113.35 40.3385H111.472L113.813 31.1255ZM115.671 36.5728L114.984 32.2718L114.144 36.5728H115.671Z" fill="#010101"/>
<path d="M120.71 34.6627H123.027V31.1255H124.783V40.3385H123.027V36.0885H120.71V40.3385H118.954V31.1255H120.71V34.6627Z" fill="#010101"/>
<path d="M132.444 31.1255V38.9412H133.004V42.1989H131.325V40.3385H127.482V42.1965H125.802V38.9412H126.362C127.043 37.3897 127.332 35.6939 127.201 34.0043V31.1255H132.444ZM128.932 32.5252V34.6118C129.014 36.1014 128.726 37.5882 128.092 38.9388H130.688V32.5252H128.932Z" fill="#010101"/>
<path d="M135.801 31.1255H138.142L140.21 40.3385H138.301L137.869 37.9465H135.884L135.35 40.3385H133.455L135.801 31.1255ZM137.659 36.5728L136.948 32.2718L136.109 36.5728H137.659Z" fill="#010101"/>
<path d="M142.674 40.3385H140.918V31.1255H144.227C144.568 31.129 144.906 31.2033 145.217 31.3435C145.529 31.4837 145.809 31.6868 146.038 31.9401C146.267 32.1935 146.442 32.4915 146.551 32.8156C146.659 33.1396 146.7 33.4826 146.67 33.8231C146.698 34.1692 146.656 34.5175 146.546 34.8469C146.436 35.1763 146.26 35.4799 146.03 35.7393C145.799 35.9987 145.517 36.2086 145.203 36.3561C144.889 36.5037 144.548 36.5859 144.201 36.5977H142.674V40.3385ZM142.674 35.2228H143.565C143.922 35.2123 144.262 35.0629 144.511 34.8064C144.76 34.5498 144.899 34.2062 144.899 33.8485C144.899 33.4909 144.76 33.1473 144.511 32.8908C144.262 32.6342 143.922 32.4848 143.565 32.4743H142.674V35.2228Z" fill="#010101"/>
<path d="M151.405 40.3385H149.649V32.5228H147.485V31.1255H153.567V32.5252H151.405V40.3385Z" fill="#010101"/>
<path d="M156.086 31.1254V34.5596C156.11 35.6503 156.034 36.7408 155.857 37.8173H155.877L158.422 31.1243H160.331V40.3373H158.673V36.851C158.639 35.7771 158.715 34.7025 158.902 33.6442L156.331 40.3373H154.456V31.1254H156.086Z" fill="#010101"/>
<path d="M161.481 33.7732C161.454 33.4018 161.506 33.0289 161.634 32.679C161.761 32.3292 161.962 32.0103 162.221 31.7434C162.481 31.4765 162.794 31.2676 163.14 31.1304C163.486 30.9933 163.858 30.931 164.23 30.9477C164.579 30.9042 164.933 30.9357 165.269 31.0401C165.604 31.1446 165.914 31.3195 166.177 31.5533C166.44 31.787 166.649 32.0742 166.792 32.3956C166.935 32.717 167.007 33.0651 167.004 33.4168C167.02 33.8582 166.89 34.2924 166.633 34.6516C166.375 35.0107 166.006 35.2744 165.583 35.4015C166.088 35.5451 166.523 35.8666 166.808 36.3064C167.094 36.7462 167.21 37.2745 167.136 37.7935C167.18 38.1753 167.136 38.5621 167.008 38.9242C166.879 39.2863 166.669 39.614 166.393 39.882C166.118 40.1501 165.785 40.3513 165.419 40.4703C165.054 40.5892 164.666 40.6227 164.285 40.5681C162.454 40.5681 161.359 39.8813 161.359 37.8954H163.039C163.039 38.5313 163.293 39.1684 164.184 39.1684C165.074 39.1684 165.329 38.5834 165.329 37.6159C165.329 36.6484 164.795 36.1392 164.056 36.1392H163.701V34.8153H164.056C164.212 34.8304 164.37 34.8102 164.518 34.7563C164.665 34.7024 164.799 34.6161 164.909 34.5037C165.018 34.3914 165.102 34.2559 165.152 34.1071C165.203 33.9583 165.219 33.8001 165.201 33.6441C165.201 32.8294 164.972 32.3415 164.233 32.3415C163.494 32.3415 163.19 32.9265 163.19 33.7625L161.481 33.7732Z" fill="#010101"/>
<path d="M170.11 31.1255H172.451L174.513 40.3385H172.604L172.171 37.9465H170.186L169.651 40.3385H167.769L170.11 31.1255ZM171.968 36.5728L171.257 32.2718L170.418 36.5728H171.968Z" fill="#010101"/>
<path d="M176.98 38.9412H179.296V31.1255H181.053V38.9412H181.613V42.2238H179.987V40.3409H175.25V31.1255H176.98V38.9412Z" fill="#010101"/>
<path d="M184.258 31.1254V34.5596C184.283 35.6503 184.206 36.7408 184.03 37.8173H184.054L186.599 31.1243H188.508V40.3373H186.85V36.851C186.816 35.7771 186.893 34.7024 187.079 33.6442L184.508 40.3373H182.63V31.1254H184.258Z" fill="#010101"/>
<path d="M191.414 31.1254V34.5596C191.433 35.6492 191.365 36.7386 191.21 37.8173L193.781 31.1243H195.664V40.3373H194.034V36.851C194 35.7771 194.077 34.7024 194.264 33.6442H194.238L191.693 40.3373H189.784V31.1254H191.414Z" fill="#010101"/>
<path d="M203.55 40.3385H201.794V32.5228H199.605V31.1255H205.714V32.5252H203.55V40.3385Z" fill="#010101"/>
<path d="M208.334 35.121L210.466 31.1255H212.426L210.085 35.121L212.503 40.3385H210.569L209.016 36.6675L208.33 37.5581V40.3326H206.578V31.1255H208.334V35.121Z" fill="#010101"/>
<path d="M221.649 33.5175V38.124C221.668 38.4565 221.615 38.7892 221.494 39.0995C221.373 39.4098 221.187 39.6904 220.948 39.9222C220.709 40.154 220.423 40.3316 220.109 40.4429C219.795 40.5541 219.461 40.5965 219.129 40.567C218.796 40.5945 218.462 40.551 218.148 40.4393C217.833 40.3277 217.546 40.1505 217.305 39.9194C217.065 39.6884 216.876 39.4089 216.752 39.0993C216.627 38.7898 216.57 38.4573 216.584 38.124V33.5175C216.584 33.1902 216.651 32.8664 216.781 32.566C216.91 32.2656 217.1 31.995 217.339 31.7708C217.577 31.5467 217.859 31.3738 218.167 31.2628C218.475 31.1518 218.802 31.105 219.129 31.1254C219.455 31.1031 219.782 31.1486 220.089 31.2592C220.396 31.3698 220.677 31.5431 220.914 31.7679C221.151 31.9928 221.339 32.2644 221.465 32.5656C221.592 32.8667 221.654 33.1909 221.649 33.5175ZM218.215 33.3647V38.2768C218.215 38.3959 218.238 38.5139 218.285 38.6237C218.331 38.7335 218.399 38.8328 218.485 38.9158C218.57 38.9989 218.671 39.0639 218.782 39.1071C218.894 39.1503 219.012 39.1708 219.131 39.1673C219.373 39.1528 219.599 39.0466 219.765 38.8705C219.93 38.6944 220.022 38.4616 220.022 38.2199V33.3647C220.022 33.1251 219.927 32.8953 219.757 32.7258C219.588 32.5564 219.358 32.4612 219.118 32.4612C218.879 32.4612 218.649 32.5564 218.479 32.7258C218.31 32.8953 218.215 33.1251 218.215 33.3647Z" fill="#010101"/>
<path d="M227.905 40.3384H222.892V39.8801C222.892 37.3353 224.774 36.1641 225.538 35.4003C226.302 34.6365 226.486 34.28 226.486 33.6702C226.502 33.5346 226.491 33.3971 226.454 33.2657C226.416 33.1343 226.353 33.0117 226.268 32.905C226.183 32.7984 226.077 32.7099 225.957 32.6446C225.837 32.5794 225.705 32.5387 225.569 32.5251C225.009 32.5251 224.653 32.8554 224.653 33.9248V34.4079H222.995V33.8739C222.966 33.5207 223.012 33.1656 223.129 32.8311C223.245 32.4967 223.431 32.1903 223.673 31.9315C223.915 31.6728 224.208 31.4675 224.534 31.3286C224.86 31.1898 225.211 31.1206 225.566 31.1253C225.892 31.1157 226.217 31.1708 226.521 31.2874C226.826 31.4039 227.105 31.5796 227.342 31.8044C227.578 32.0292 227.768 32.2986 227.9 32.5971C228.032 32.8956 228.103 33.2172 228.11 33.5435C228.081 34.5572 227.653 35.5184 226.918 36.2174C225.95 37.134 224.882 37.8208 224.754 38.941H227.91L227.905 40.3384Z" fill="#010101"/>
<path d="M231.064 34.9432H231.574C232.694 34.9432 232.77 34.0267 232.77 33.4417C232.77 32.8567 232.566 32.4742 231.955 32.4742C231.344 32.4742 231.064 32.8555 231.064 33.5684V33.8739H229.538V33.4938C229.52 33.1738 229.571 32.8537 229.687 32.555C229.803 32.2562 229.981 31.9856 230.21 31.7614C230.439 31.5372 230.713 31.3644 231.014 31.2547C231.316 31.1451 231.637 31.101 231.956 31.1254C232.273 31.0813 232.596 31.1079 232.902 31.2032C233.207 31.2985 233.488 31.4601 233.724 31.6766C233.96 31.893 234.145 32.1589 234.266 32.4553C234.388 32.7516 234.442 33.0711 234.425 33.3908C234.425 34.8414 233.942 35.1671 233.123 35.4525C234.09 35.681 234.544 36.4709 234.544 37.7687C234.544 39.7535 233.596 40.5682 231.897 40.5682C231.568 40.5941 231.238 40.5463 230.93 40.4282C230.623 40.3102 230.345 40.1249 230.118 39.8859C229.891 39.6469 229.72 39.3602 229.618 39.0468C229.516 38.7333 229.486 38.4011 229.529 38.0743V37.5402H231.055V37.8706C231.055 38.6344 231.285 39.1945 231.945 39.1945C232.606 39.1945 232.861 38.5835 232.861 37.7178C232.861 36.8522 232.555 36.1914 231.795 36.1914H231.057L231.064 34.9432Z" fill="#010101"/>
<path d="M83.4519 50.2644V51.6132L82.1493 52.4528L83.4519 53.5731V54.9479L81.543 53.1917V51.869L83.4519 50.2644ZM85.7422 51.6132L84.4691 52.4528L85.7422 53.5731V54.9479L83.8332 53.1917V51.869L85.7422 50.2656V51.6132Z" fill="#0E79BF"/>
<path d="M88.387 50.0359H90.7033V46.4727H92.4595V55.7094H90.7033V51.4332H88.387V55.7094H86.6309V46.4727H88.387V50.0359Z" fill="#0E79BF"/>
<path d="M98.6713 46.4727V47.8724H95.4905V50.0359H98.3918V51.4356H95.4905V54.2884H98.6713V55.7094H93.7344V46.4727H98.6713Z" fill="#0E79BF"/>
<path d="M104.831 46.4727V47.5159H105.341C106.816 47.5159 108.344 48.6362 108.344 51.0531C108.344 53.4701 106.842 54.5655 105.341 54.5655H104.831V55.7106H103.075V54.5655H102.566C101.04 54.5655 99.5381 53.547 99.5381 51.0531C99.5381 48.5592 101.065 47.5159 102.566 47.5159H103.075V46.4727H104.831ZM103.075 48.8908H102.668C101.828 48.8908 101.319 49.7813 101.319 51.0543C101.319 52.3273 101.802 53.1859 102.668 53.1859H103.075V48.8908ZM104.831 53.1918H105.239C106.078 53.1918 106.563 52.428 106.563 51.0602C106.563 49.6925 106.054 48.8967 105.239 48.8967H104.831V53.1918Z" fill="#0E79BF"/>
<path d="M112.567 55.7094H110.811V47.8712H108.647V46.4727H114.756V47.8724H112.567V55.7094Z" fill="#0E79BF"/>
<path d="M118.699 51.9448L117.122 55.7118H115.213L116.989 51.7412C116.523 51.5008 116.137 51.1293 115.88 50.6725C115.622 50.2157 115.503 49.6936 115.539 49.1703C115.52 48.5 115.758 47.8478 116.203 47.3467C116.649 46.8455 117.269 46.533 117.937 46.4727H121.321V55.7094H119.565V51.9425L118.699 51.9448ZM119.565 47.8475H118.674C118.492 47.8244 118.308 47.8435 118.135 47.9034C117.961 47.9633 117.804 48.0624 117.676 48.1929C117.547 48.3234 117.45 48.4818 117.393 48.6559C117.335 48.8299 117.319 49.0148 117.344 49.1963C117.318 49.3785 117.334 49.5642 117.391 49.7393C117.447 49.9145 117.543 50.0744 117.671 50.207C117.798 50.3395 117.955 50.4412 118.127 50.5043C118.3 50.5674 118.485 50.5903 118.668 50.5712H119.559L119.565 47.8475Z" fill="#0E79BF"/>
<path d="M124.349 50.0359H126.665V46.4727H128.421V55.7094H126.665V51.4332H124.349V55.7094H122.593V46.4727H124.349V50.0359Z" fill="#0E79BF"/>
<path d="M131.451 46.4727H133.819L135.855 55.7094H133.96L133.528 53.2913H131.543L130.983 55.7094H129.109L131.451 46.4727ZM133.308 51.92L132.598 47.6438L131.758 51.92H133.308Z" fill="#0E79BF"/>
<path d="M139.671 51.9448L138.093 55.7118H136.185L137.961 51.7412C137.495 51.5008 137.109 51.1293 136.851 50.6725C136.594 50.2157 136.475 49.6936 136.51 49.1703C136.492 48.5 136.73 47.8478 137.175 47.3467C137.621 46.8455 138.24 46.533 138.908 46.4727H142.293V55.7094H140.536V51.9425L139.671 51.9448ZM140.536 47.8475H139.646C139.464 47.8244 139.279 47.8435 139.106 47.9034C138.933 47.9633 138.776 48.0624 138.647 48.1929C138.519 48.3234 138.422 48.4818 138.364 48.6559C138.307 48.8299 138.29 49.0148 138.316 49.1963C138.29 49.3785 138.306 49.5642 138.363 49.7393C138.419 49.9145 138.515 50.0744 138.642 50.207C138.77 50.3395 138.926 50.4412 139.099 50.5043C139.272 50.5674 139.457 50.5903 139.64 50.5712H140.531L140.536 47.8475Z" fill="#0E79BF"/>
<path d="M148.277 46.4727V49.9341C148.302 51.0247 148.225 52.1153 148.048 53.1918H148.075L150.615 46.4727H152.524V55.7094H150.866V52.2231C150.83 51.1409 150.907 50.0579 151.094 48.9914H151.069L148.525 55.7106H146.619V46.4727H148.277Z" fill="#0E79BF"/>
<path d="M161.71 46.4727V47.8724H158.631V55.7094H156.875V46.4727H161.71Z" fill="#0E79BF"/>
<path d="M163.721 46.4727H166.089L168.125 55.7094H166.23L165.798 53.2913H163.813L163.253 55.7094H161.38L163.721 46.4727ZM165.579 51.92L164.869 47.6438L164.029 51.92H165.579Z" fill="#0E79BF"/>
<path d="M168.736 49.1193C168.707 48.7474 168.757 48.3736 168.884 48.0228C169.011 47.672 169.211 47.3523 169.471 47.0849C169.731 46.8175 170.045 46.6086 170.392 46.4722C170.74 46.3358 171.112 46.275 171.484 46.2938C171.832 46.2509 172.185 46.2831 172.519 46.3881C172.853 46.4931 173.16 46.6685 173.421 46.9025C173.681 47.1365 173.889 47.4237 174.029 47.7446C174.169 48.0655 174.238 48.4127 174.233 48.7629C174.254 49.2057 174.128 49.6431 173.875 50.0071C173.622 50.3711 173.256 50.6414 172.833 50.776C173.75 51.0046 174.361 51.7435 174.361 53.1444C174.409 53.5248 174.369 53.9111 174.243 54.2734C174.117 54.6356 173.91 54.9639 173.636 55.2325C173.363 55.5011 173.031 55.7029 172.666 55.822C172.302 55.941 171.915 55.9742 171.535 55.919C169.703 55.919 168.583 55.2321 168.583 53.2462H170.288C170.288 53.8822 170.543 54.5193 171.433 54.5193C172.324 54.5193 172.579 53.9342 172.579 52.9916C172.603 52.8079 172.588 52.6212 172.536 52.4435C172.483 52.2658 172.394 52.101 172.275 51.9596C172.155 51.8182 172.007 51.7034 171.84 51.6226C171.674 51.5417 171.492 51.4966 171.307 51.4901H170.924V50.1875H171.307C171.465 50.2005 171.624 50.1781 171.772 50.1219C171.921 50.0656 172.055 49.977 172.164 49.8623C172.274 49.7477 172.357 49.6101 172.406 49.4594C172.456 49.3087 172.472 49.1488 172.452 48.9914C172.452 48.1518 172.223 47.7184 171.484 47.7184C170.745 47.7184 170.441 48.3034 170.441 49.1181L168.736 49.1193Z" fill="#0E79BF"/>
<path d="M178.53 46.2937C180.307 46.2937 181.483 47.1084 181.483 49.4496V52.8068C181.483 55.1752 180.312 55.9117 178.53 55.9117C176.749 55.9117 175.527 55.1479 175.527 52.8068V49.4472C175.527 47.1333 176.774 46.2937 178.53 46.2937ZM177.308 49.2459V53.0436C177.308 53.991 177.69 54.5191 178.53 54.5191C179.371 54.5191 179.702 54.0099 179.702 53.0436V49.2767C179.702 48.3092 179.269 47.7242 178.53 47.7242C177.792 47.7242 177.304 48.2784 177.304 49.2459H177.308Z" fill="#0E79BF"/>
<path d="M182.708 46.4726H185.94C186.243 46.4433 186.55 46.4807 186.837 46.5821C187.125 46.6836 187.387 46.8466 187.605 47.0599C187.823 47.2732 187.992 47.5315 188.1 47.8168C188.208 48.1022 188.252 48.4077 188.23 48.7119C188.23 49.8831 187.747 50.5948 186.983 50.7475C187.43 50.9043 187.811 51.2095 188.061 51.6123C188.31 52.0152 188.415 52.4915 188.357 52.962C188.357 54.5654 187.67 55.7105 186.244 55.7105H182.708V46.4726ZM184.464 50.2134H185.381C186.145 50.2134 186.475 49.7552 186.475 48.9665C186.475 48.1778 186.195 47.7953 185.409 47.7953H184.462L184.464 50.2134ZM184.464 54.3877H185.584C186.246 54.3877 186.552 53.9804 186.552 52.9667C186.552 51.953 186.246 51.5457 185.584 51.5457H184.464V54.3877Z" fill="#0E79BF"/>
<path d="M191.207 46.4727H193.576L195.611 55.7094H193.717L193.284 53.2913H191.3L190.74 55.7094H188.866L191.207 46.4727ZM193.065 51.92L192.379 47.6438L191.539 51.92H193.065Z" fill="#0E79BF"/>
<path d="M199.426 51.9448L197.848 55.7118H195.939L197.716 51.7412C197.257 51.4943 196.879 51.1206 196.627 50.6647C196.375 50.2088 196.26 49.69 196.295 49.1703C196.271 48.5033 196.503 47.8524 196.943 47.3508C197.383 46.8493 197.999 46.5351 198.663 46.4727H202.048V55.7094H200.291V51.9425L199.426 51.9448ZM200.291 47.8475H199.401C199.22 47.8275 199.037 47.8489 198.865 47.91C198.694 47.9711 198.539 48.0703 198.411 48.2002C198.284 48.3301 198.187 48.4873 198.129 48.6598C198.072 48.8324 198.054 49.0158 198.077 49.1963C198.053 49.3781 198.07 49.563 198.128 49.7371C198.185 49.9113 198.281 50.0703 198.408 50.2024C198.535 50.3345 198.69 50.4362 198.862 50.5001C199.034 50.5639 199.218 50.5882 199.401 50.5712H200.291V47.8475Z" fill="#0E79BF"/>
<path d="M87.7017 61.8198V71.0566H85.9455V63.2184H83.6292V71.0566H81.873V61.8198H87.7017Z" fill="#0E79BF"/>
<path d="M90.7308 71.0566H88.9746V61.8198H92.2833C92.6244 61.8255 92.9607 61.9011 93.2714 62.042C93.5822 62.1829 93.8606 62.3861 94.0897 62.6389C94.3187 62.8918 94.4933 63.189 94.6028 63.5122C94.7123 63.8353 94.7543 64.1774 94.7262 64.5174C94.7528 64.8631 94.7094 65.2106 94.5986 65.5391C94.4878 65.8676 94.3119 66.1705 94.0814 66.4295C93.8509 66.6885 93.5706 66.8983 93.2572 67.0465C92.9437 67.1947 92.6036 67.2782 92.2572 67.292H90.7308V71.0566ZM90.7308 65.916H91.6213C91.8043 65.9351 91.9893 65.9123 92.1622 65.8492C92.3351 65.786 92.4913 65.6843 92.6189 65.5518C92.7466 65.4192 92.8423 65.2593 92.8988 65.0841C92.9554 64.909 92.9712 64.7233 92.9452 64.5411C92.9707 64.3602 92.9543 64.1759 92.8972 64.0023C92.84 63.8288 92.7438 63.6707 92.6158 63.5404C92.4878 63.41 92.3315 63.3108 92.1591 63.2504C91.9866 63.1901 91.8026 63.1702 91.6213 63.1923H90.7308V65.916Z" fill="#0E79BF"/>
<path d="M98.8732 61.6658C100.65 61.6658 101.851 62.4544 101.851 64.8216V68.1551C101.851 70.5235 100.655 71.285 98.8732 71.285C97.091 71.285 95.8701 70.4963 95.8701 68.1551V64.8216C95.8701 62.4805 97.1171 61.6658 98.8732 61.6658ZM97.6772 64.618V68.3849C97.6772 69.3524 98.0585 69.8604 98.8732 69.8604C99.6879 69.8604 100.069 69.3512 100.069 68.3849V64.644C100.069 63.6516 99.637 63.0655 98.8732 63.0655C98.1094 63.0655 97.6772 63.6256 97.6772 64.618Z" fill="#0E79BF"/>
<path d="M105.871 61.8198L107.093 67.8261L108.315 61.8198H111.114V71.0566H109.486V62.6831L107.73 71.0566H106.457L104.727 62.7092H104.702V71.0566H103.071V61.8198H105.871Z" fill="#0E79BF"/>
<path d="M114.171 65.3831H115.622C116.293 65.4409 116.915 65.7574 117.357 66.2656C117.799 66.7739 118.026 67.4342 117.99 68.1068C117.99 69.8831 117.175 71.059 115.776 71.059H112.415V61.8223H114.171V65.3831ZM114.171 69.7351H115.164C115.826 69.7351 116.182 69.3537 116.182 68.314C116.182 67.2743 115.827 66.7864 115.164 66.7864H114.171V69.7351ZM121.068 71.059H119.312V61.8223H121.068V71.059Z" fill="#0E79BF"/>
<path d="M122.341 71.0566V61.8198H124.097V69.658H126.006V61.8198H127.736V69.658H129.645V61.8198H131.401V71.0566H122.341Z" fill="#0E79BF"/>
<path d="M138.882 61.8198V71.0566H137.125V63.2184H135.268V66.7816C135.268 69.8605 134.733 71.2354 133.282 71.2354C132.922 71.248 132.562 71.2053 132.216 71.1087V69.8061C132.397 69.8632 132.586 69.8888 132.776 69.8818C133.31 69.8818 133.54 69.6024 133.54 66.2428V61.8198H138.882Z" fill="#0E79BF"/>
<path d="M145.167 61.8198V63.2196H141.987V65.3831H144.888V66.7828H141.987V69.6592H145.167V71.0566H140.23V61.8198H145.167Z" fill="#0E79BF"/>
<path d="M148.02 65.3831H150.336V61.8198H152.092V71.0566H150.336V66.7805H148.02V71.0566H146.264V61.8198H148.02V65.3831Z" fill="#0E79BF"/>
<path d="M155.119 65.3831H157.436V61.8198H159.192V71.0566H157.436V66.7805H155.119V71.0566H153.363V61.8198H155.119V65.3831Z" fill="#0E79BF"/>
<path d="M163.417 61.6658C165.193 61.6658 166.394 62.4544 166.394 64.8216V68.1551C166.394 70.5235 165.198 71.285 163.417 71.285C161.636 71.285 160.414 70.4963 160.414 68.1551V64.8216C160.414 62.4805 161.661 61.6658 163.417 61.6658ZM162.195 64.618V68.3849C162.195 69.3524 162.578 69.8604 163.417 69.8604C164.257 69.8604 164.588 69.3512 164.588 68.3849V64.644C164.588 63.6516 164.181 63.0655 163.417 63.0655C162.653 63.0655 162.19 63.6256 162.19 64.618H162.195Z" fill="#0E79BF"/>
<path d="M171.432 64.8217V64.618C171.432 63.4469 171.126 63.0656 170.388 63.0656C169.651 63.0656 169.323 63.4469 169.323 64.618V68.2571C169.323 69.4792 169.628 69.8605 170.388 69.8605C171.149 69.8605 171.432 69.4531 171.432 68.2571V67.7739H173.188V68.1552C173.188 69.8344 172.577 71.2851 170.388 71.2851C168.2 71.2851 167.538 69.8368 167.538 68.1789V64.8194C167.538 62.6558 168.506 61.6635 170.415 61.6635C170.785 61.6081 171.163 61.639 171.52 61.7537C171.876 61.8685 172.201 62.064 172.47 62.3251C172.738 62.5862 172.943 62.9058 173.068 63.2589C173.193 63.6121 173.234 63.9893 173.189 64.3611V64.8194L171.432 64.8217Z" fill="#0E79BF"/>
<path d="M177.922 71.0566H176.166V63.2184H173.978V61.8198H180.086V63.2196H177.922V71.0566Z" fill="#0E79BF"/>
<path d="M182.707 65.3831H184.183C184.849 65.4469 185.465 65.7661 185.902 66.2738C186.338 66.7815 186.561 67.4384 186.524 68.1068C186.524 69.8831 185.735 71.059 184.336 71.059H180.951V61.8223H182.707V65.3831ZM182.707 69.7351H183.726C184.362 69.7351 184.744 69.3537 184.744 68.314C184.744 67.2743 184.363 66.7864 183.726 66.7864H182.707V69.7351Z" fill="#0E79BF"/>
<path d="M187.464 65.4836L189.398 67.1628V68.4098L187.464 70.0901V68.7413L188.635 67.7229L187.464 66.8573V65.4836ZM191.74 67.1628V68.4098L189.806 70.089V68.7402L190.977 67.7218L189.806 66.8561V65.4836L191.74 67.1628Z" fill="#0E79BF"/>
<path d="M6.41361 49.1182H3.56325V36.1134H0V33.7722H9.97685V36.1134H6.41361V49.1182Z" fill="#606161"/>
<path d="M14.4311 40.4144L17.8925 33.7722H21.1242L17.3063 40.4144L21.2509 49.1182H18.0441L15.5502 43.0089L14.4299 44.5105V49.117H11.5547V33.7722H14.4311V40.4144Z" fill="#606161"/>
<path d="M59.7582 49.1182H51.3848V48.3295C51.3848 44.1303 54.5407 42.1717 55.7876 40.9235C57.0346 39.6754 57.365 39.0146 57.365 38.0222C57.365 36.6225 56.8048 36.1133 55.8385 36.1133C54.8722 36.1133 54.3121 36.6474 54.3121 38.4296V39.2443H51.5884V38.3538C51.5397 37.7679 51.6136 37.1782 51.8056 36.6225C51.9975 36.0667 52.3032 35.5571 52.7031 35.1261C53.103 34.695 53.5884 34.3521 54.1282 34.1192C54.6681 33.8863 55.2506 33.7685 55.8385 33.7733C56.9349 33.7478 57.9969 34.1567 58.793 34.9109C59.5891 35.6651 60.0548 36.7035 60.0886 37.7996C60.0674 38.6388 59.8784 39.4652 59.5327 40.2302C59.1869 40.9951 58.6914 41.683 58.0755 42.2534C56.4981 43.7798 54.7159 44.951 54.4874 46.7841H59.7558L59.7582 49.1182Z" fill="#606161"/>
<path d="M64.8726 39.982H65.6613C67.4932 39.982 67.6211 38.4805 67.6211 37.513C67.6211 36.5455 67.2658 35.9866 66.2983 35.9866C65.3309 35.9866 64.8773 36.6225 64.8773 37.7427V38.2519H62.3526V37.6409C62.3229 37.1185 62.4052 36.5959 62.594 36.1079C62.7828 35.6199 63.0737 35.178 63.4472 34.8116C63.8207 34.4453 64.2682 34.163 64.7598 33.9837C65.2513 33.8044 65.7755 33.7323 66.2972 33.7721C68.7662 33.7721 70.2927 35.1209 70.2927 37.4431C70.2927 39.7653 69.5289 40.3705 68.1801 40.8276C69.7574 41.1828 70.5212 42.4854 70.5212 44.5945C70.5212 47.8262 68.9936 49.1252 66.2202 49.1252C63.4468 49.1252 62.3514 47.3181 62.3514 45.0788V44.2392H64.8714V44.7484C64.8714 45.9954 65.2266 46.912 66.2924 46.912C67.3582 46.912 67.7679 45.8935 67.7679 44.5199C67.7679 42.637 67.2848 41.9999 66.0378 41.9999H64.8667L64.8726 39.982Z" fill="#606161"/>
<path d="M36.4469 18.3752C41.2819 13.6668 35.5564 8.52621 36.5487 0C35.0546 3.48643 34.5017 7.30397 34.9453 11.071C34.4171 9.83655 34.2325 8.48218 34.4112 7.15136C33.6528 9.1282 33.3567 11.2524 33.5456 13.3613C34.0323 15.1082 34.7244 16.7912 35.6073 18.3752C35.1365 16.7121 35.0323 14.9667 35.3018 13.2594C35.3603 13.8846 35.5237 14.4955 35.7849 15.0665C36.6754 12.1392 34.9193 9.21305 35.7849 5.75164C35.9116 10.9941 37.8205 13.2346 36.4469 18.3752Z" fill="#0F7AC0"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

4
src/tk023/index.html
View File

@ -2,9 +2,9 @@
<html id="html">
<head>
<base href="/" />
<title>ГБУ Жилищник</title>
<title>TK 023</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" />
<link rel="icon" type="image/x-icon" href="/assets/images/logo_gbu.png" />
<link rel="icon" type="image/x-icon" href="/assets/images/favicon.png" />
</head>
<body>
<app></app>