homepage align with latest mock changes (not text content)

This commit is contained in:
Alex Martzios 2022-06-03 17:22:41 +03:00
parent f8ce191e35
commit 45b3334519
10 changed files with 760 additions and 405 deletions

View File

@ -0,0 +1,13 @@
.hero-background {
background-image: url('~src/assets/connect-assets/home/dot-pattern.svg');
background-size: 20%;
}
@media only screen and (min-width: 960px) {
.connect-dark-logo-background {
background-image: url("~src/assets/connect-assets/home/connect-dark-logo.svg");
background-repeat: no-repeat;
background-position: left 95%;
background-size: 65%;
}
}

View File

@ -1,401 +1,284 @@
<div>
<!-- style="background: transparent linear-gradient(0deg, #FAFAFA 23%, #E2EEFA 30%)">-->
<div class="uk-section
uk-background-fixed uk-background-bottom-right uk-background-norepeat
homeBackgroundImage"
style="background: #fff;">
<div class="uk-container uk-container-large">
<div class="uk-grid">
<div>
<h1 class="uk-heading-large">
<span class="">Build a </span><span class="uk-text-primary">Gateway</span>
<br/><span class=""> for your<br/>Community</span><span class="uk-text-primary">.</span>
</h1>
<ul class="uk-text-large uk-list uk-margin-medium-top">
<li>Turn Open Science into Practice.</li>
<li>It takes your open and linked research outcomes.</li>
<li>A service customized to your needs.</li>
</ul>
<div class="uk-inline uk-margin-top">
<a class="uk-button uk-button-primary" routerLink="/about/learn-how">LEARN MORE</a>
</div>
</div>
<!-- <div class="uk-width-expand"></div>-->
<!-- uk-parallax="viewport: -5.5;"-->
<!-- <div class="uk-width-expand uk-position-fixed uk-position-bottom-right" uk-parallax="y: 0; easing: 0.8">-->
<!-- <div class="uk-width-expand" uk-parallax="y: 800; easing: 0.8-->
<!-- <div class="uk-width-expand" uk-parallax="bgy: 500">-->
<!-- <img src="assets/connect-assets/home/connect_long_image.png"/>-->
<!--&lt;!&ndash; <img src="assets/connect-assets/home/connect_long_image.png" style="transform: translateY(0px);" class="" uk-parallax="y: 1000; easing: 0.8">&ndash;&gt;-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</div>
<div *ngIf="researchCommunities.length === 0" class="uk-container uk-container-large uk-margin-large-bottom">
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
</div>
<!-- uk-margin-large-top-->
<div *ngIf="!loading && researchCommunities.length > 0" class="uk-section uk-container uk-container-large">
<!-- uk-margin-medium-top-->
<h2 class="uk-h1">Community Gateways <br/> already in action<span class="uk-text-primary">.</span></h2>
<div class="uk-margin-large-top uk-margin-large-bottom">
<div class="uk-visible@xl">
<div class="uk-grid-match uk-grid-medium uk-child-width-1-4 uk-flex-center uk-text-center" uk-grid>
<div *ngFor="let community of researchCommunities.slice(0, 4); let i = index">
<div class="uk-card uk-card-default uk-card-hover">
<browse-community [community]=community></browse-community>
</div>
</div>
</div>
<div class="uk-text-center uk-margin-medium-top">
<a *ngIf="researchCommunities.length > 4"
class="uk-display-inline-block uk-text-uppercase uk-button-text"
routerLinkActive="router-link-active" routerLink="/search/find/communities">
<span class="uk-flex uk-flex-middle">
<span>View All</span>
</span>
</a>
</div>
</div>
<div class="uk-hidden@xl">
<div class="uk-grid-match uk-grid-medium uk-child-width-1-3@m uk-child-width-1-1 uk-flex-center uk-text-center" uk-grid>
<div *ngFor="let community of researchCommunities.slice(0, 3); let i = index">
<div class="uk-card uk-card-default uk-card-hover">
<browse-community [community]=community></browse-community>
</div>
</div>
</div>
<div class="uk-text-center uk-margin-medium-top">
<a *ngIf="researchCommunities.length > 3"
class="uk-display-inline-block uk-text-uppercase uk-button-text"
routerLinkActive="router-link-active" routerLink="/search/find/communities">
<span class="uk-flex uk-flex-middle">
<span>View All</span>
</span>
</a>
</div>
</div>
</div>
<div class="uk-overflow-hidden uk-tile-default">
<div class="uk-section uk-padding-remove-bottom uk-background-norepeat hero-background">
<div class="uk-container uk-container-large" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-grid uk-flex-middle" uk-grid>
<div class="uk-width-3-5 uk-margin-large-bottom">
<h1 class="uk-heading-large" uk-scrollspy-class>
<span class="">Build a </span><span class="uk-text-primary">Gateway</span>
<br/><span class=""> for your<br/>Community</span><span class="uk-text-primary">.</span>
</h1>
<div class="uk-text-large uk-margin-medium-top" uk-scrollspy-class>
<div>Turn Open Science into Practice.</div>
<div>It takes your open and divnked research outcomes.</div>
<div>A service customized to your needs.</div>
</div>
<div class="uk-margin-medium-top" uk-scrollspy-class>
<a class="uk-button uk-button-primary uk-text-uppercase" routerLink="/about/learn-how">Learn More</a>
</div>
</div>
<div class="uk-width-expand uk-visible@m" uk-scrollspy-class>
<div class="uk-position-relative">
<img style="padding: 1px" src="assets/connect-assets/home/connect-hero.jpg" uk-parallax="y: 300">
<img class="uk-position-top-left" src="assets/connect-assets/home/connect-hero-mask.svg">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="">
<!-- uk-margin-large-top-->
<section-scroll [customClass]="'uk-section uk-section-secondary uk-padding-remove-bottom '"
[childrenCustomClass]="' uk-container uk-container-large '">
<div top class="uk-width-1-1 uk-background-secondary">
<div class="top-content uk-container uk-container-large">
<h2 class="uk-h6 uk-text-primary">Benefits</h2>
<h1 class="uk-h1 uk-margin-remove-top">Find the best <br/> for your community<span class="uk-text-primary">.</span></h1>
</div>
</div>
<div left class="uk-width-1-1 uk-width-1-2@m"
uk-scrollspy="target: > img; cls: uk-animation-slide-bottom-medium; repeat: true">
<div class="imgContainer uk-flex uk-flex-middle uk-flex-center" style="opacity: 1">
<img id="imgId1" alt="img1" src="assets/connect-assets/home/repository.png"/>
</div>
<div class="imgContainer uk-flex uk-flex-middle uk-flex-center" style="opacity: 0">
<img id="imgId2" alt="img2" src="assets/connect-assets/home/link.png"/>
</div>
<div class="imgContainer uk-flex uk-flex-middle uk-flex-center" style="opacity: 0">
<img id="imgId3" alt="img3" src="assets/connect-assets/home/overview.png"/>
</div>
<div class="imgContainer uk-flex uk-flex-middle uk-flex-center" style="opacity: 0">
<img id="imgId4" alt="img4" src="assets/connect-assets/home/browse.png"/>
</div>
<div class="imgContainer uk-flex uk-flex-middle uk-flex-center" style="opacity: 0">
<img id="imgId5" alt="img5" src="assets/connect-assets/home/statistics.png"/>
</div>
</div>
<div scroll class="uk-width-expand">
<div class="uk-background-secondary uk-flex uk-flex-middle uk-flex-center uk-flex-left@m">
<h2 id="1st" class="uk-h2" name="txt">
<span class="uk-text-primary">Find a repository to <br/>deposit </span>
<span>your research <br/>outcome</span>
<span class="uk-text-primary">.</span>
</h2>
</div>
<div class="uk-background-secondary uk-flex uk-flex-middle uk-flex-center uk-flex-left@m">
<h2 id="2nd" class="uk-h2" name="txt">
<span class="uk-text-primary">Link your research <br/>output </span>
<span>with your <br/>community, funding,<br/> and other research<br/> products</span>
<span class="uk-text-primary">.</span>
</h2>
</div>
<div class="uk-background-secondary uk-flex uk-flex-middle uk-flex-center uk-flex-left@m">
<h2 id="3rd" class="uk-h2" name="txt">
<span>View community's<br/> </span>
<span class="uk-text-primary">overview at a glance.</span>
</h2>
</div>
<div class="uk-background-secondary uk-flex uk-flex-middle uk-flex-center uk-flex-left@m">
<h2 id="4th" class="uk-h2" name="txt">
<span class="uk-text-primary">Search & browse </span>
<span>your<br/> community's research<br/> products</span>
<span class="uk-text-primary">.</span>
</h2>
</div>
<div class="uk-background-secondary uk-flex uk-flex-middle uk-flex-center uk-flex-left@m">
<h2 id="5th" class="uk-h2" name="txt">
<span class="uk-text-primary">View statistics </span>
<span>for<br/> your community's<br/> research products</span>
<span class="uk-text-primary">.</span>
</h2>
</div>
</div>
</section-scroll>
</div>
<!-- uk-margin-large-top-->
<div class="uk-section uk-container uk-container-large">
<div class="">
<!-- uk-margin-medium-top-->
<h2 class="uk-h2">Our mission for an <br/> Open and FAIR science<span class="uk-text-primary">.</span></h2>
<div class="uk-margin-large-top">
<div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-large uk-grid-match uk-grid" uk-grid=""
uk-height-match=".target">
<div class="uk-first-column">
<div class="uk-card uk-card-default uk-padding">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center
uk-padding-small uk-padding-remove-vertical uk-margin-top uk-margin-bottom">
<div>
<img src="assets/connect-assets/home/virtual.svg" alt="A Virtual Research Environment" style="height:60px; width:67px"/>
</div>
</div>
<div class="uk-card-body uk-padding-remove uk-margin-small-bottom">
<div class="target uk-text-center">
<h3 class="uk-6 uk-card-title uk-margin-small-bottom">A Virtual Research Environment</h3>
<div>An overlay platform making it easy to share, link, disseminate and monitor all your publications,
data, software, methods. In one place.
</div>
</div>
<hr/>
<div>
<ul class="uk-list uk-text-small">
<!-- <li>-->
<!-- <div class="uk-margin-small-right uk-icon uk-text-primary" uk-icon="check">-->
<!-- <svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"-->
<!-- xmlns="http://www.w3.org/2000/svg">-->
<!-- <polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>-->
<!-- </svg>-->
<!-- </div>-->
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Access to OpenAIRE research graph
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Moderated, front-end linking
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Cross-platform search
</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-padding">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center
uk-padding-small uk-padding-remove-vertical uk-margin-top uk-margin-bottom">
<div>
<img src="assets/connect-assets/home/open_science.svg" alt="Open science in action" style="height:60px; width:67px"/>
</div>
</div>
<div class="uk-card-body uk-padding-remove uk-margin-small-bottom">
<div class="target uk-text-center" style="">
<h3 class="uk-h6 uk-card-title uk-margin-small-bottom">Open Science in action</h3>
<div>A time-saving bundle of services for researchers to effortlessly practice open science. An integral
part of the&nbsp;European Open Science Cloud.
</div>
</div>
<hr>
<div>
<ul class="uk-list uk-text-small">
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Use of OpenAIRE Guidelines
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Publish and get DOIs with Zenodo
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
EOSC Single Sign-On
</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-padding">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center
uk-padding-small uk-padding-remove-vertical uk-margin-top uk-margin-bottom">
<div>
<img src="assets/connect-assets/home/customize.svg" alt="Customized to your needs" style="height:60px; width:67px"/>
</div>
</div>
<div class="uk-card-body uk-padding-remove uk-margin-small-bottom">
<div class="target uk-text-center" style="">
<h3 class="uk-h6 uk-card-title uk-margin-small-bottom">Customized to your needs</h3>
<div>A Gateway with your own brand, rules for aggregation, text &amp; data mining, and presentation. Run
by you via a simple, yet powerful backend administration tool.
</div>
</div>
<hr>
<div>
<ul class="uk-list uk-text-small">
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Access control
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Analytics: rich set of indicators
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Look &amp; feel to match your brand
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<ng-template #scrolling_text let-position_class="position_class">
<div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; end: 100% + 100vh - 150vh; opacity: 0,1 20%,1 99%,0">
<h3 class="uk-h2">
<span class="uk-text-primary">Find a repository to <br/>deposit </span>
<span>your research <br/>outcome</span>
<span class="uk-text-primary">.</span>
</h3>
</div>
<div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 150vh; end: 100% + 100vh - 200vh; opacity: 0,1 20%,1 99%,0">
<h3 class="uk-h2">
<span class="uk-text-primary">Link your research <br/>output </span>
<span>with your <br/>community, funding,<br/> and other research<br/> products</span>
<span class="uk-text-primary">.</span>
</h3>
</div>
</div>
<div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 200vh; end: 100% + 100vh - 250vh; opacity: 0,1 20%,1 99%,0">
<h3 class="uk-h2">
<span>View community's<br/> </span>
<span class="uk-text-primary">overview at a glance.</span>
</h3>
</div>
<div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 250vh; end: 100% + 100vh - 300vh; opacity: 0,1 20%,1 99%,0">
<h3 class="uk-h2">
<span class="uk-text-primary">Search & browse </span>
<span>your<br/> community's research<br/> products</span>
<span class="uk-text-primary">.</span>
</h3>
</div>
<div #scrolling_element [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 300vh; end: 100% + 100vh - 350vh; opacity: 0,1 20%,1">
<h3 class="uk-h2">
<span class="uk-text-primary">View statistics </span>
<span>for<br/> your community's<br/> research products</span>
<span class="uk-text-primary">.</span>
</h3>
</div>
</ng-template>
<div class="uk-section uk-section-secondary">
<div class="uk-container uk-container-large">
<div class="uk-width-1-1">
<span class="uk-h6 uk-text-primary">Benefits.</span>
<h2 class="uk-h1 uk-margin-remove-top uk-width-1-2@m">
Find the best for your community<span class="uk-text-primary">.</span>
</h2>
</div>
<div id="js-sticky-parallax-images-all" style="min-height: 350vh">
<div class="uk-visible@m uk-height-viewport connect-dark-logo-background uk-sticky" uk-sticky="bottom: #js-sticky-parallax-images-all; target-offset: true">
<div class="uk-grid uk-child-width-1-2" uk-grid>
<div>
<div class="connect-dark-logo-background">
<div uk-parallax="target: #js-sticky-parallax-images-all;">
<img class="uk-position-center-left" src="" alt="" loading="lazy"
uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; opacity: 1; easing:0" style="height: 70vh">
</div>
</div>
</div>
<div class="uk-inline uk-flex">
<div class="uk-width-3-4@l uk-width-1-1">
<div uk-parallax="target: #js-sticky-parallax-images-all; y: 55vh, 45vh;">
<ng-container *ngTemplateOutlet="scrolling_text; context: {position_class: 'uk-position-center-left'}"></ng-container>
</div>
</div>
</div>
</div>
</div>
<div class="uk-hidden@m uk-height-viewport connect-dark-logo-background" uk-sticky="bottom: #js-sticky-parallax-images-all">
<div class="uk-flex uk-flex-column uk-flex-middle">
<div class="connect-dark-logo-background uk-inline uk-width-1-1" style="height: 50vh;">
<div class="uk-position-center uk-height-1-1" uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; opacity: 1; easing:0">
<img class="uk-height-1-1" src="" alt="" loading="lazy">
</div>
</div>
<div class="uk-inline uk-width-2-3">
<ng-container *ngTemplateOutlet="scrolling_text; context: {position_class: 'uk-position-top-center'}"></ng-container>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-section uk-section-large uk-container uk-container-large">
<div class="uk-margin-medium-top">
<h2 class="uk-h1">
Our mission for an <br/> Open and FAIR science<span class="uk-text-primary">.</span>
</h2>
<div class="uk-margin-large-top">
<div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-large uk-grid-match uk-grid" uk-grid=""
uk-height-match=".target">
<div class="uk-first-column">
<div class="uk-card uk-card-default uk-padding">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center
uk-padding-small uk-padding-remove-vertical uk-margin-top uk-margin-bottom">
<div>
<img src="assets/connect-assets/home/virtual.svg" alt="A Virtual Research Environment" style="height:60px; width:67px"/>
</div>
</div>
<div class="uk-card-body uk-padding-remove uk-margin-small-bottom">
<div class="target uk-text-center">
<h3 class="uk-6 uk-card-title uk-margin-small-bottom">A Virtual Research Environment</h3>
<div>An overlay platform making it easy to share, link, disseminate and monitor all your publications,
data, software, methods. In one place.
</div>
</div>
<hr/>
<div>
<ul class="uk-list uk-text-small">
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Access to OpenAIRE research graph
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Moderated, front-end linking
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Cross-platform search
</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-padding">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center
uk-padding-small uk-padding-remove-vertical uk-margin-top uk-margin-bottom">
<div>
<img src="assets/connect-assets/home/open_science.svg" alt="Open science in action" style="height:60px; width:67px"/>
</div>
</div>
<div class="uk-card-body uk-padding-remove uk-margin-small-bottom">
<div class="target uk-text-center" style="">
<h3 class="uk-h6 uk-card-title uk-margin-small-bottom">Open Science in action</h3>
<div>A time-saving bundle of services for researchers to effortlessly practice open science. An integral
part of the&nbsp;European Open Science Cloud.
</div>
</div>
<hr>
<div>
<ul class="uk-list uk-text-small">
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Use of OpenAIRE Guidelines
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Publish and get DOIs with Zenodo
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
EOSC Single Sign-On
</li>
</ul>
</div>
</div>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-padding">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center
uk-padding-small uk-padding-remove-vertical uk-margin-top uk-margin-bottom">
<div>
<img src="assets/connect-assets/home/customize.svg" alt="Customized to your needs" style="height:60px; width:67px"/>
</div>
</div>
<div class="uk-card-body uk-padding-remove uk-margin-small-bottom">
<div class="target uk-text-center" style="">
<h3 class="uk-h6 uk-card-title uk-margin-small-bottom">Customized to your needs</h3>
<div>A Gateway with your own brand, rules for aggregation, text &amp; data mining, and presentation. Run
by you via a simple, yet powerful backend administration tool.
</div>
</div>
<hr>
<div>
<ul class="uk-list uk-text-small">
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Access control
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Analytics: rich set of indicators
</li>
<li class="uk-flex uk-flex-middle">
<icon class="uk-margin-small-right uk-text-primary" name="done" ratio="0.85" flex="true"></icon>
Look &amp; feel to match your brand
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div *ngIf="researchCommunities.length === 0" class="uk-container uk-container-large uk-margin-large-bottom">
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
</div>
<div *ngIf="!loading && researchCommunities.length > 0" class="uk-section uk-container uk-container-large">
<h2 class="uk-h1">Community Gateways <br/> already in action<span class="uk-text-primary">.</span></h2>
<div class="uk-margin-large-top uk-margin-large-bottom">
<div class="uk-visible@xl">
<div class="uk-grid-match uk-grid-medium uk-child-width-1-4 uk-flex-center uk-text-center" uk-grid>
<div *ngFor="let community of researchCommunities.slice(0, 4); let i = index">
<div class="uk-card uk-card-default uk-card-hover">
<browse-community [community]=community></browse-community>
</div>
</div>
</div>
<div class="uk-text-center uk-margin-medium-top">
<a *ngIf="researchCommunities.length > 4"
class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
routerLinkActive="router-link-active" routerLink="/search/find/communities">
<span class="uk-flex uk-flex-middle">
<span>View All</span>
</span>
</a>
</div>
</div>
<div class="uk-hidden@xl">
<div class="uk-grid-match uk-grid-medium uk-child-width-1-3@m uk-child-width-1-1 uk-flex-center uk-text-center" uk-grid>
<div *ngFor="let community of researchCommunities.slice(0, 3); let i = index">
<div class="uk-card uk-card-default uk-card-hover">
<browse-community [community]=community></browse-community>
</div>
</div>
</div>
<div class="uk-text-center uk-margin-medium-top">
<a *ngIf="researchCommunities.length > 3"
class="uk-display-inline-block uk-text-uppercase uk-button-text"
routerLinkActive="router-link-active" routerLink="/search/find/communities">
<span class="uk-flex uk-flex-middle">
<span>View All</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div #contact class="uk-section uk-container uk-container-large uk-margin-large-bottom uk-text-center">
<h2 class="uk-h2">
Let us Help you Develop a<br/>Collaborative Science<br/>
Gateway<span class="uk-text-primary">.</span>
It is fast<span class="uk-text-primary">.</span> It is reliable<span class="uk-text-primary">.</span>
</h2>
<a class="uk-button uk-button-primary uk-margin-medium-top uk-margin-medium-bottom" routerLink="/contact-us">CONTACT US</a>
</div>
</div>
<!--<div class="uk-section uk-container uk-container-large">-->
<!-- <div class="uk-padding-small">-->
<!-- <div class="uk-slider"-->
<!-- uk-slider="velocity: 0;autoplay: true;autoplay-interval: 4000;pause-on-hover: false;center: true">-->
<!-- <div class="uk-slider-container">-->
<!-- <ul class="uk-slider-items uk-child-width-1-1" style="transform: translate3d(0px, 0px, 0px);">-->
<!-- <li class="ng-star-inserted uk-active" tabindex="-1">-->
<!-- <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">-->
<!-- <div class="uk-first-column">-->
<!-- <img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/deposit.gif"/>-->
<!-- </div>-->
<!-- <div class="uk-margin-top">-->
<!-- <div>-->
<!-- <h4 class="">Find a repository to deposit your research outcome</h4>-->
<!-- <div class="uk-margin-medium">This is OpenAIRE&rsquo;s key service for research-->
<!-- communities, both established and emerging ones. Our service helps you reach out and engage all your-->
<!-- researchers to practice open science out-of-the-box.-->
<!-- </div>-->
<!-- <div class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"-->
<!-- routerLink="/about/learn-how">learn more</a></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li tabindex="-1">-->
<!-- <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">-->
<!-- <div class="uk-first-column">-->
<!-- <img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/link.gif"/>-->
<!-- </div>-->
<!-- <div class="uk-margin-top">-->
<!-- <div>-->
<!-- <h4 class="">Link your research output with your community, funding, and other research-->
<!-- products</h4>-->
<!-- <div class="uk-margin-medium">This is OpenAIRE&rsquo;s key service for research-->
<!-- communities, both established and emerging ones. Our service helps you reach out and engage all your-->
<!-- researchers to practice open science out-of-the-box.-->
<!-- </div>-->
<!-- <div class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"-->
<!-- routerLink="/about/learn-how">learn more</a></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li tabindex="-1">-->
<!-- <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">-->
<!-- <div class="uk-first-column">-->
<!-- <img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/overview.gif"/>-->
<!-- </div>-->
<!-- <div class="uk-margin-top">-->
<!-- <div>-->
<!-- <h4 class="">View community&#39;s overview at a glance</h4>-->
<!-- <div class="uk-margin-medium">This is OpenAIRE&rsquo;s key service for research-->
<!-- communities, both established and emerging ones. Our service helps you reach out and engage all your-->
<!-- researchers to practice open science out-of-the-box.-->
<!-- </div>-->
<!-- <div class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"-->
<!-- routerLink="/about/learn-how">learn more</a></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li tabindex="-1">-->
<!-- <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">-->
<!-- <div class="uk-first-column">-->
<!-- <img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/home/gifs/results.gif"/>-->
<!-- </div>-->
<!-- <div class="uk-margin-top">-->
<!-- <div>-->
<!-- <h4 class="">Search &amp; browse your community&#39;s research products.</h4>-->
<!-- <div class="uk-margin-medium">This is OpenAIRE&rsquo;s key service for research-->
<!-- communities, both established and emerging ones. Our service helps you reach out and engage all your-->
<!-- researchers to practice open science out-of-the-box.-->
<!-- </div>-->
<!-- <div class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"-->
<!-- routerLink="/about/learn-how">learn more</a></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- <li tabindex="-1">-->
<!-- <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">-->
<!-- <div class="uk-first-column">-->
<!-- <img class="uk-border-rounded uk-box-shadow-large"-->
<!-- src="assets/connect-assets/home/gifs/graph-analysis.gif"/>-->
<!-- </div>-->
<!-- <div class="uk-margin-top">-->
<!-- <div>-->
<!-- <h4 class="">View statistics for your community&#39;s research products.</h4>-->
<!-- <div class="uk-margin-medium">This is OpenAIRE&rsquo;s key service for research-->
<!-- communities, both established and emerging ones. Our service helps you reach out and engage all your-->
<!-- researchers to practice open science out-of-the-box.-->
<!-- </div>-->
<!-- <div class="uk-inline"><a class="uk-button portal-button uk-text-uppercase"-->
<!-- routerLink="/about/learn-how">learn more</a></div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </li>-->
<!-- </ul>-->
<!-- <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin">-->
<!--&lt;!&ndash; <li class="uk-active" uk-slider-item="0"></li>&ndash;&gt;-->
<!--&lt;!&ndash; <li uk-slider-item="1"></li>&ndash;&gt;-->
<!--&lt;!&ndash; <li uk-slider-item="2"></li>&ndash;&gt;-->
<!--&lt;!&ndash; <li uk-slider-item="3"></li>&ndash;&gt;-->
<!--&lt;!&ndash; <li uk-slider-item="4"></li>&ndash;&gt;-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!--<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
[texts]="pageContents['bottom']"></helper>-->
<!--<div class="uk-section" style="background-color: #D9D8E8;">-->
<div #contact class="uk-section uk-container uk-container-large uk-margin-large-bottom uk-text-center">
<!-- uk-margin-medium-top-->
<h2 class="uk-h2">
Let us Help you Develop a<br/>Collaborative Science<br/>
Gateway<span class="uk-text-primary">.</span>
It is fast<span class="uk-text-primary">.</span> It is reliable<span class="uk-text-primary">.</span>
</h2>
<a class="uk-button uk-button-primary uk-margin-medium-top uk-margin-medium-bottom" routerLink="/contact-us">CONTACT US</a>
</div>
</div>
<!--<div class="uk-section-muted">-->
<!-- <div class="uk-container uk-container-large">-->
<!-- <other-portals [properties]="properties"></other-portals>-->
<!-- </div>-->
<!--</div>-->

View File

@ -1,4 +1,4 @@
import {AfterViewInit, Component, ElementRef, OnDestroy, OnInit, ViewChild} from '@angular/core';
import {AfterViewInit, Component, ElementRef, OnDestroy, OnInit, QueryList, ViewChild, ViewChildren} from '@angular/core';
import {ActivatedRoute, Router} from '@angular/router';
import {Meta, Title} from '@angular/platform-browser';
import {EnvProperties} from '../openaireLibrary/utils/properties/env-properties';
@ -21,6 +21,7 @@ import {QuickContactService} from "../openaireLibrary/sharedComponents/quick-con
@Component({
selector: 'communities',
templateUrl: 'communities.component.html',
styleUrls: ['communities.component.css']
})
export class CommunitiesComponent implements OnInit, OnDestroy, AfterViewInit {
@ -39,6 +40,7 @@ export class CommunitiesComponent implements OnInit, OnDestroy, AfterViewInit {
public errorCodes: ErrorCodes;
private errorMessages: ErrorMessagesComponent;
public showQuickContact: boolean = true;
@ViewChildren('scrolling_element') elements: QueryList<ElementRef>;
@ViewChild('contact') contact: ElementRef;
public properties: EnvProperties = properties;
@ -93,7 +95,9 @@ export class CommunitiesComponent implements OnInit, OnDestroy, AfterViewInit {
this.subscriptions.forEach(subscription => {
if (subscription instanceof Subscriber) {
subscription.unsubscribe();
}
} else if (subscription instanceof IntersectionObserver || subscription instanceof MutationObserver) {
subscription.disconnect();
}
});
}
@ -133,7 +137,26 @@ export class CommunitiesComponent implements OnInit, OnDestroy, AfterViewInit {
});
}, options);
intersectionObserver.observe(this.contact.nativeElement);
let mutationObserver = new MutationObserver(entries => {
entries.forEach(entry => {
if (entry.attributeName === 'style') {
let opacities: number[] = this.elements.map(element => +element.nativeElement.style.opacity);
let active: number = opacities.indexOf(Math.max(...opacities));
this.elements.forEach((element, index) => {
if (index === active) {
element.nativeElement.classList.remove('uk-disabled');
} else {
element.nativeElement.classList.add('uk-disabled');
}
})
}
})
});
this.elements.forEach(element => {
mutationObserver.observe(element.nativeElement, {attributes: true});
});
this.subscriptions.push(intersectionObserver);
this.subscriptions.push(mutationObserver);
}
public getCommunities() {
@ -145,7 +168,7 @@ export class CommunitiesComponent implements OnInit, OnDestroy, AfterViewInit {
this.subscriptions.push(this._communitiesService.getCommunitiesState().subscribe(
communitiesResults => {
console.log("getCommunitiesState", communitiesResults);
// console.log("getCommunitiesState", communitiesResults);
if(!communitiesResults){
return;

View File

@ -174,12 +174,12 @@ import {properties} from "../../environments/environment";
<h2 class="uk-h1">Find the best for your community<span class="uk-text-primary">.</span></h2>
</div>
<div class="uk-grid uk-grid-large uk-child-width-1-3" uk-grid>
<div class="left" uk-scrollspy="target: .left-text; cls: uk-animation-fade; delay: 600;">
<div class="left">
<div class="left-text uk-margin-medium-bottom uk-padding uk-margin-medium-left uk-padding-remove-right">
<h6 class="uk-margin-small-bottom">Profile</h6>
<div>Edit community information, change logo url, add community managers or organizations related to community.</div>
</div>
<div class="left-text uk-margin-medium-bottom uk-padding" uk-scrollspy-class="uk-animation-slide-left">
<div class="left-text uk-margin-medium-bottom uk-padding" >
<h6 class="uk-margin-small-bottom">Content</h6>
<div>Manage projects, content providers, subjects and zenodo communities that are related to the research community.</div>
</div>
@ -191,12 +191,12 @@ import {properties} from "../../environments/environment";
<div class="mid">
<img src="assets/connect-assets/about/placeholder-img.png" alt="">
</div>
<div class="right" uk-scrollspy="target: .right-text; cls: uk-animation-fade; delay: 600;">
<div class="right">
<div class="right-text uk-margin-medium-bottom uk-padding uk-margin-right-left uk-padding-remove-left">
<h6 class="uk-margin-small-bottom">Links</h6>
<div>Manage user claims related to the research community.</div>
</div>
<div class="right-text uk-margin-medium-bottom uk-padding" uk-scrollspy-class="uk-animation-slide-right">
<div class="right-text uk-margin-medium-bottom uk-padding">
<h6 class="uk-margin-small-bottom">Help texts</h6>
<div>Add or edit help text in research community pages.</div>
</div>

@ -1 +1 @@
Subproject commit 9542bd1e329a5ce64feba5e2a39f56ba4a724a02
Subproject commit b88c65a3430a3689770e40e1e6f34d8bb10b86c3

@ -1 +1 @@
Subproject commit 170a0490e6ecf0d2e31d5a4cea3967cc14efa5af
Subproject commit ee3a9a4868bbdeb26d7a9c5ed15dbf8b2b765b39

View File

@ -0,0 +1,432 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1035.997" height="230.258" viewBox="0 0 1035.997 230.258">
<defs>
<filter id="Path_104520">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur"/>
<feFlood flood-opacity="0.302" result="color"/>
<feComposite operator="out" in="SourceGraphic" in2="blur"/>
<feComposite operator="in" in="color"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104521">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-2"/>
<feFlood flood-opacity="0.302" result="color-2"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-2"/>
<feComposite operator="in" in="color-2"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104522">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-3"/>
<feFlood flood-opacity="0.302" result="color-3"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-3"/>
<feComposite operator="in" in="color-3"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104523">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-4"/>
<feFlood flood-opacity="0.302" result="color-4"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-4"/>
<feComposite operator="in" in="color-4"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104524">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-5"/>
<feFlood flood-opacity="0.302" result="color-5"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-5"/>
<feComposite operator="in" in="color-5"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104525">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-6"/>
<feFlood flood-opacity="0.302" result="color-6"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-6"/>
<feComposite operator="in" in="color-6"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104526">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-7"/>
<feFlood flood-opacity="0.302" result="color-7"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-7"/>
<feComposite operator="in" in="color-7"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104527">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-8"/>
<feFlood flood-opacity="0.302" result="color-8"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-8"/>
<feComposite operator="in" in="color-8"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104528">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-9"/>
<feFlood flood-opacity="0.302" result="color-9"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-9"/>
<feComposite operator="in" in="color-9"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104529">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-10"/>
<feFlood flood-opacity="0.302" result="color-10"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-10"/>
<feComposite operator="in" in="color-10"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104530">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-11"/>
<feFlood flood-opacity="0.302" result="color-11"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-11"/>
<feComposite operator="in" in="color-11"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104531">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-12"/>
<feFlood flood-opacity="0.302" result="color-12"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-12"/>
<feComposite operator="in" in="color-12"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104532">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-13"/>
<feFlood flood-opacity="0.302" result="color-13"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-13"/>
<feComposite operator="in" in="color-13"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104533">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-14"/>
<feFlood flood-opacity="0.302" result="color-14"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-14"/>
<feComposite operator="in" in="color-14"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104534">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-15"/>
<feFlood flood-opacity="0.302" result="color-15"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-15"/>
<feComposite operator="in" in="color-15"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104535">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-16"/>
<feFlood flood-opacity="0.302" result="color-16"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-16"/>
<feComposite operator="in" in="color-16"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104536">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-17"/>
<feFlood flood-opacity="0.302" result="color-17"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-17"/>
<feComposite operator="in" in="color-17"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104537">
<feOffset dx="1" dy="1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="1.5" result="blur-18"/>
<feFlood flood-opacity="0.302" result="color-18"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-18"/>
<feComposite operator="in" in="color-18"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104520-2" x="695.894" y="105.026" width="45.84" height="49.954" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-19"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-19"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-19"/>
<feComposite operator="in" in="color-19"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104521-2" x="745.573" y="105.035" width="50.407" height="49.902" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-20"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-20"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-20"/>
<feComposite operator="in" in="color-20"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104522-2" x="803.205" y="105.84" width="43.182" height="48.236" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-21"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-21"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-21"/>
<feComposite operator="in" in="color-21"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104523-2" x="855.933" y="105.84" width="43.163" height="48.236" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-22"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-22"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-22"/>
<feComposite operator="in" in="color-22"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104524-2" x="908.66" y="105.84" width="34.123" height="48.236" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-23"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-23"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-23"/>
<feComposite operator="in" in="color-23"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104525-2" x="948.51" y="105.026" width="45.84" height="49.954" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-24"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-24"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-24"/>
<feComposite operator="in" in="color-24"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104526-2" x="997.533" y="105.84" width="38.465" height="48.236" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-25"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-25"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-25"/>
<feComposite operator="in" in="color-25"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104527-2" x="669.129" y="53.28" width="3.519" height="151.39" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-26"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-26"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-26"/>
<feComposite operator="in" in="color-26"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104528-2" x="229.822" y="97.342" width="65.419" height="66.766" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-27"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-27"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-27"/>
<feComposite operator="in" in="color-27"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104529-2" x="301.631" y="119.799" width="44.317" height="62.035" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-28"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-28"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-28"/>
<feComposite operator="in" in="color-28"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104530-2" x="349.692" y="119.765" width="41.797" height="44.331" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-29"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-29"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-29"/>
<feComposite operator="in" in="color-29"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104531-2" x="396.837" y="119.798" width="40.531" height="43.861" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-30"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-30"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-30"/>
<feComposite operator="in" in="color-30"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104532-2" x="445" y="97.715" width="60.836" height="66.117" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-31"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-31"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-31"/>
<feComposite operator="in" in="color-31"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104533-2" x="510.234" y="97.734" width="11.812" height="65.999" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-32"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-32"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-32"/>
<feComposite operator="in" in="color-32"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104534-2" x="532.686" y="98.502" width="53.73" height="65.546" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-33"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-33"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-33"/>
<feComposite operator="in" in="color-33"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104535-2" x="594.595" y="98.5" width="47.992" height="64.453" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-34"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-34"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-34"/>
<feComposite operator="in" in="color-34"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104536-2" x="0" y="29.527" width="200.738" height="200.731" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-35"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-35"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-35"/>
<feComposite operator="in" in="color-35"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
<filter id="Path_104537-2" x="121.315" y="0" width="109.499" height="109.49" filterUnits="userSpaceOnUse">
<feOffset dx="-1" dy="-1" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="3" result="blur-36"/>
<feFlood flood-color="#727272" flood-opacity="0.4" result="color-36"/>
<feComposite operator="out" in="SourceGraphic" in2="blur-36"/>
<feComposite operator="in" in="color-36"/>
<feComposite operator="in" in2="SourceGraphic"/>
</filter>
</defs>
<g id="Group_13777" data-name="Group 13777" transform="translate(20535.999 15493.242)" opacity="0.4">
<g id="Layer_2" data-name="Layer 2" transform="translate(-20535.986 -15493.237)">
<g id="Layer_1" data-name="Layer 1" transform="translate(-0.013 -0.005)">
<path id="Path_104520-3" data-name="Path 104520" d="M371.77,81.065c0-14.824,11.231-24.951,25.662-24.951A22.087,22.087,0,0,1,417.61,67.906l-8.816,4.343a13.1,13.1,0,0,0-11.362-6.982c-8.741,0-15.124,6.72-15.124,15.835s6.383,15.835,15.124,15.835a12.934,12.934,0,0,0,11.362-7.019l8.816,4.268a22.2,22.2,0,0,1-20.178,11.867C382.963,106.016,371.77,95.89,371.77,81.065Z" transform="translate(324.125 48.921)" fill="rgba(254,202,29,0.2)"/>
<path id="Path_104521-3" data-name="Path 104521" d="M398.31,81.061c0-14.525,10.632-24.951,25.157-24.951s25.25,10.426,25.25,24.951-10.632,24.951-25.25,24.951S398.31,95.6,398.31,81.061Zm39.85,0c0-9.041-5.784-15.835-14.694-15.835s-14.6,6.795-14.6,15.835,5.709,15.835,14.6,15.835S438.16,90.027,438.16,81.061Z" transform="translate(347.262 48.925)" fill="rgba(254,202,29,0.2)"/>
<path id="Path_104522-3" data-name="Path 104522" d="M462.361,104.776,439.376,73.311v31.465H429.1V56.54h10.557l22.349,30.285V56.54h10.276v48.236Z" transform="translate(374.104 49.3)" fill="rgba(254,202,29,0.2)"/>
<path id="Path_104523-3" data-name="Path 104523" d="M490.457,104.776,467.546,73.311v31.465H457.27V56.54h10.557l22.349,30.285V56.54h10.257v48.236Z" transform="translate(398.662 49.3)" fill="rgba(254,202,29,0.2)"/>
<path id="Path_104524-3" data-name="Path 104524" d="M485.44,104.776V56.54h34.123v9.041H495.7V75.763h23.36V84.8H495.7V95.735h23.865v9.041Z" transform="translate(423.22 49.3)" fill="rgba(254,202,29,0.2)"/>
<path id="Path_104525-3" data-name="Path 104525" d="M506.73,81.065c0-14.824,11.231-24.951,25.662-24.951A22.087,22.087,0,0,1,552.57,67.906l-8.816,4.343a13.1,13.1,0,0,0-11.362-6.982c-8.741,0-15.105,6.72-15.105,15.835s6.364,15.835,15.105,15.835a12.934,12.934,0,0,0,11.362-7.019l8.816,4.268a22.218,22.218,0,0,1-20.178,11.867C517.923,106.016,506.73,95.89,506.73,81.065Z" transform="translate(441.78 48.921)" fill="rgba(254,202,29,0.2)"/>
<path id="Path_104526-3" data-name="Path 104526" d="M547.015,104.776v-39.2H532.92V56.54h38.465v9.041H557.4v39.2Z" transform="translate(464.612 49.3)" fill="rgba(254,202,29,0.2)"/>
<path id="Path_104527-3" data-name="Path 104527" d="M359.229,179.849a1.759,1.759,0,0,1-1.759-1.759V30.219a1.759,1.759,0,0,1,3.519,0V178.09A1.759,1.759,0,0,1,359.229,179.849Z" transform="translate(311.659 24.82)" fill="rgba(254,202,29,0.2)"/>
<path id="Path_104528-3" data-name="Path 104528" d="M155.489,118.766c-19.654,0-32.719-15.18-32.719-33.374S135.835,52,155.489,52s32.7,15.2,32.7,33.393S175.124,118.766,155.489,118.766Zm0-58.343c-14.974,0-23.416,11.7-23.416,24.97s8.4,24.97,23.416,24.97S178.9,98.645,178.9,85.393,170.482,60.423,155.489,60.423Z" transform="translate(107.052 45.342)" fill="#303030"/>
<path id="Path_104529-3" data-name="Path 104529" d="M185.217,108.307A17.408,17.408,0,0,1,170.242,100v21.488a4.548,4.548,0,1,1-9.1,0V68.925a4.23,4.23,0,0,1,4.361-4.548,4.361,4.361,0,0,1,4.436,4.642v3.294A17.482,17.482,0,0,1,185.217,64c11.137,0,20.234,9.359,20.234,22.162C205.507,99.566,196.447,108.307,185.217,108.307Zm-1.872-36.762c-7.843,0-13.1,6.869-13.1,14.6s5.222,14.619,13.1,14.619,13.1-5.9,13.1-14.619-5.166-14.656-13.009-14.656Z" transform="translate(140.497 55.801)" fill="#303030"/>
<path id="Path_104530-3" data-name="Path 104530" d="M228.607,86.273c0,1.535-.861,3.088-3.482,3.088H196.188c.487,6.682,5.035,11.717,13.1,11.717a14.843,14.843,0,0,0,11.231-4.754,4.436,4.436,0,0,1,2.995-1.441,3.744,3.744,0,0,1,3.744,3.744,4.043,4.043,0,0,1-1.16,2.62,23.154,23.154,0,0,1-17.22,7.057c-14.431,0-22.068-10.051-22.068-22.162,0-12.672,9.19-22.162,21.675-22.162C220.67,64.017,228.607,73.882,228.607,86.273ZM208.485,71.3a12.017,12.017,0,0,0-12.092,10.744h23.79a11.792,11.792,0,0,0-11.7-10.781Z" transform="translate(162.881 55.786)" fill="#303030"/>
<path id="Path_104531-3" data-name="Path 104531" d="M232.2,64a19.878,19.878,0,0,1,20.327,20.215V103.31a4.548,4.548,0,1,1-9.1,0V83.151a11.231,11.231,0,0,0-22.349,0V103.31a4.548,4.548,0,0,1-9.078,0V84.218A19.8,19.8,0,0,1,232.2,64Z" transform="translate(184.839 55.801)" fill="#303030"/>
<path id="Path_104532-3" data-name="Path 104532" d="M282.541,103.206H253.9l-5.615,11.811a5.222,5.222,0,0,1-4.941,3.2,5.484,5.484,0,0,1-5.615-5.615,5.316,5.316,0,0,1,.58-2.321l24.782-55.068a5.091,5.091,0,0,1,5.091-2.995,4.96,4.96,0,0,1,5.035,3.088l24.764,55.068a5.072,5.072,0,0,1,.58,2.321,5.484,5.484,0,0,1-5.615,5.615,5.054,5.054,0,0,1-4.923-3.2ZM268.185,68.279l-10.07,24.576h20.122Z" transform="translate(207.271 45.516)" fill="#303030"/>
<path id="Path_104533-3" data-name="Path 104533" d="M278.588,118.209a6.046,6.046,0,0,1-6.008-6.008v-54a6.027,6.027,0,0,1,6.008-5.99,5.859,5.859,0,0,1,5.8,5.99v54a5.878,5.878,0,0,1-5.8,6.008Z" transform="translate(237.654 45.525)" fill="#303030"/>
<path id="Path_104534-3" data-name="Path 104534" d="M338.3,111.937a5.859,5.859,0,0,1-5.915,5.915,5.316,5.316,0,0,1-5.222-3.2L315.843,91.328H296.4v20.59a5.915,5.915,0,1,1-11.811,0v-53.4a5.877,5.877,0,0,1,5.9-5.9h24.839c16.079,0,22.948,7.936,22.948,19.354,0,7.487-3.294,14.038-10.65,17.22l10,20.29a5.616,5.616,0,0,1,.693,2.452ZM317,63.458h-20.59V81.165H317a8.835,8.835,0,0,0,9.359-9.1C326.4,67.819,323.5,63.458,317,63.458Z" transform="translate(248.11 45.882)" fill="#303030"/>
<path id="Path_104535-3" data-name="Path 104535" d="M359.952,117.067H323.658a5.952,5.952,0,0,1-6.008-5.9V58.517a5.952,5.952,0,0,1,6.008-5.9h34.834a5.447,5.447,0,0,1,5.615,5.428,5.615,5.615,0,0,1-5.615,5.5H329.536V78.938h24.333a5.616,5.616,0,0,1,5.615,5.523,5.428,5.428,0,0,1-5.5,5.427H329.536v16.247h30.491a5.615,5.615,0,0,1,5.615,5.615,5.465,5.465,0,0,1-5.69,5.316Z" transform="translate(276.945 45.881)" fill="#303030"/>
<path id="Path_104536-3" data-name="Path 104536" d="M199.655,101.329a64.613,64.613,0,0,1-23.6,4.436c-2.19,0-4.361-.112-6.514-.318a69.986,69.986,0,1,1-69.162-59.3,68.955,68.955,0,0,1,11.231.9c-.187-2-.281-4.043-.281-6.1a64.52,64.52,0,0,1,4.586-23.959,98.4,98.4,0,0,0-15.5-1.217,100.365,100.365,0,1,0,99.2,85.522Zm-32.569-6.345a52.539,52.539,0,0,0,8.966.749A54.6,54.6,0,0,0,197.634,91.3a99.672,99.672,0,0,0-16.228-34.291v3.463a5.353,5.353,0,1,1-10.688,0V45.831H156.061A4.848,4.848,0,0,1,151.232,41a4.773,4.773,0,0,1,4.829-4.848h4.923a99.822,99.822,0,0,0-35-17.052A54.113,54.113,0,0,0,121.4,41a52.411,52.411,0,0,0,.693,8.61,70.248,70.248,0,0,1,45,45.372Z" transform="translate(0.013 13.757)" fill="#303030"/>
<path id="Path_104537-3" data-name="Path 104537" d="M119.55,0a54.787,54.787,0,0,0-50.164,32.85,54.113,54.113,0,0,0-4.586,21.9,52.413,52.413,0,0,0,.693,8.61,54.843,54.843,0,0,0,45.091,45.372,52.541,52.541,0,0,0,8.966.749,54.745,54.745,0,1,0,0-109.49ZM139.54,59.583H124.9V74.22a5.353,5.353,0,1,1-10.688,0V59.583H99.559a4.848,4.848,0,0,1-4.829-4.829,4.773,4.773,0,0,1,4.829-4.848h14.656V35.269a5.353,5.353,0,1,1,10.688,0V49.906H139.54a4.848,4.848,0,0,1,0,9.677Z" transform="translate(56.515 0.005)" fill="#303030"/>
</g>
</g>
<g id="dark" transform="translate(-20535.986 -15493.237)">
<g id="Layer_1-2" data-name="Layer 1" transform="translate(-0.013 -0.005)">
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104520)">
<path id="Path_104520-4" data-name="Path 104520" d="M371.77,81.065c0-14.824,11.231-24.951,25.662-24.951A22.087,22.087,0,0,1,417.61,67.906l-8.816,4.343a13.1,13.1,0,0,0-11.362-6.982c-8.741,0-15.124,6.72-15.124,15.835s6.383,15.835,15.124,15.835a12.934,12.934,0,0,0,11.362-7.019l8.816,4.268a22.2,22.2,0,0,1-20.178,11.867C382.963,106.016,371.77,95.89,371.77,81.065Z" transform="translate(324.13 48.92)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104521)">
<path id="Path_104521-4" data-name="Path 104521" d="M398.31,81.061c0-14.525,10.632-24.951,25.157-24.951s25.25,10.426,25.25,24.951-10.632,24.951-25.25,24.951S398.31,95.6,398.31,81.061Zm39.85,0c0-9.041-5.784-15.835-14.694-15.835s-14.6,6.795-14.6,15.835,5.709,15.835,14.6,15.835S438.16,90.027,438.16,81.061Z" transform="translate(347.26 48.92)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104522)">
<path id="Path_104522-4" data-name="Path 104522" d="M462.361,104.776,439.376,73.311v31.465H429.1V56.54h10.557l22.349,30.285V56.54h10.276v48.236Z" transform="translate(374.1 49.3)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104523)">
<path id="Path_104523-4" data-name="Path 104523" d="M490.457,104.776,467.546,73.311v31.465H457.27V56.54h10.557l22.349,30.285V56.54h10.257v48.236Z" transform="translate(398.66 49.3)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104524)">
<path id="Path_104524-4" data-name="Path 104524" d="M485.44,104.776V56.54h34.123v9.041H495.7V75.763h23.36V84.8H495.7V95.735h23.865v9.041Z" transform="translate(423.22 49.3)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104525)">
<path id="Path_104525-4" data-name="Path 104525" d="M506.73,81.065c0-14.824,11.231-24.951,25.662-24.951A22.087,22.087,0,0,1,552.57,67.906l-8.816,4.343a13.1,13.1,0,0,0-11.362-6.982c-8.741,0-15.105,6.72-15.105,15.835s6.364,15.835,15.105,15.835a12.934,12.934,0,0,0,11.362-7.019l8.816,4.268a22.218,22.218,0,0,1-20.178,11.867C517.923,106.016,506.73,95.89,506.73,81.065Z" transform="translate(441.78 48.92)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104526)">
<path id="Path_104526-4" data-name="Path 104526" d="M547.015,104.776v-39.2H532.92V56.54h38.465v9.041H557.4v39.2Z" transform="translate(464.61 49.3)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104527)">
<path id="Path_104527-4" data-name="Path 104527" d="M359.229,179.849a1.759,1.759,0,0,1-1.759-1.759V30.219a1.759,1.759,0,0,1,3.519,0V178.09A1.759,1.759,0,0,1,359.229,179.849Z" transform="translate(311.66 24.82)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104528)">
<path id="Path_104528-4" data-name="Path 104528" d="M155.489,118.766c-19.654,0-32.719-15.18-32.719-33.374S135.835,52,155.489,52s32.7,15.2,32.7,33.393S175.124,118.766,155.489,118.766Zm0-58.343c-14.974,0-23.416,11.7-23.416,24.97s8.4,24.97,23.416,24.97S178.9,98.645,178.9,85.393,170.482,60.423,155.489,60.423Z" transform="translate(107.05 45.34)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104529)">
<path id="Path_104529-4" data-name="Path 104529" d="M185.217,108.307A17.408,17.408,0,0,1,170.242,100v21.488a4.548,4.548,0,1,1-9.1,0V68.925a4.23,4.23,0,0,1,4.361-4.548,4.361,4.361,0,0,1,4.436,4.642v3.294A17.482,17.482,0,0,1,185.217,64c11.137,0,20.234,9.359,20.234,22.162C205.507,99.566,196.447,108.307,185.217,108.307Zm-1.872-36.762c-7.843,0-13.1,6.869-13.1,14.6s5.222,14.619,13.1,14.619,13.1-5.9,13.1-14.619-5.166-14.656-13.009-14.656Z" transform="translate(140.5 55.8)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104530)">
<path id="Path_104530-4" data-name="Path 104530" d="M228.607,86.273c0,1.535-.861,3.088-3.482,3.088H196.188c.487,6.682,5.035,11.717,13.1,11.717a14.843,14.843,0,0,0,11.231-4.754,4.436,4.436,0,0,1,2.995-1.441,3.744,3.744,0,0,1,3.744,3.744,4.043,4.043,0,0,1-1.16,2.62,23.154,23.154,0,0,1-17.22,7.057c-14.431,0-22.068-10.051-22.068-22.162,0-12.672,9.19-22.162,21.675-22.162C220.67,64.017,228.607,73.882,228.607,86.273ZM208.485,71.3a12.017,12.017,0,0,0-12.092,10.744h23.79a11.792,11.792,0,0,0-11.7-10.781Z" transform="translate(162.88 55.79)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104531)">
<path id="Path_104531-4" data-name="Path 104531" d="M232.2,64a19.878,19.878,0,0,1,20.327,20.215V103.31a4.548,4.548,0,1,1-9.1,0V83.151a11.231,11.231,0,0,0-22.349,0V103.31a4.548,4.548,0,0,1-9.078,0V84.218A19.8,19.8,0,0,1,232.2,64Z" transform="translate(184.84 55.8)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104532)">
<path id="Path_104532-4" data-name="Path 104532" d="M282.541,103.206H253.9l-5.615,11.811a5.222,5.222,0,0,1-4.941,3.2,5.484,5.484,0,0,1-5.615-5.615,5.316,5.316,0,0,1,.58-2.321l24.782-55.068a5.091,5.091,0,0,1,5.091-2.995,4.96,4.96,0,0,1,5.035,3.088l24.764,55.068a5.072,5.072,0,0,1,.58,2.321,5.484,5.484,0,0,1-5.615,5.615,5.054,5.054,0,0,1-4.923-3.2ZM268.185,68.279l-10.07,24.576h20.122Z" transform="translate(207.27 45.52)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104533)">
<path id="Path_104533-4" data-name="Path 104533" d="M278.588,118.209a6.046,6.046,0,0,1-6.008-6.008v-54a6.027,6.027,0,0,1,6.008-5.99,5.859,5.859,0,0,1,5.8,5.99v54a5.878,5.878,0,0,1-5.8,6.008Z" transform="translate(237.65 45.52)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104534)">
<path id="Path_104534-4" data-name="Path 104534" d="M338.3,111.937a5.859,5.859,0,0,1-5.915,5.915,5.316,5.316,0,0,1-5.222-3.2L315.843,91.328H296.4v20.59a5.915,5.915,0,1,1-11.811,0v-53.4a5.877,5.877,0,0,1,5.9-5.9h24.839c16.079,0,22.948,7.936,22.948,19.354,0,7.487-3.294,14.038-10.65,17.22l10,20.29a5.616,5.616,0,0,1,.693,2.452ZM317,63.458h-20.59V81.165H317a8.835,8.835,0,0,0,9.359-9.1C326.4,67.819,323.5,63.458,317,63.458Z" transform="translate(248.11 45.88)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104535)">
<path id="Path_104535-4" data-name="Path 104535" d="M359.952,117.067H323.658a5.952,5.952,0,0,1-6.008-5.9V58.517a5.952,5.952,0,0,1,6.008-5.9h34.834a5.447,5.447,0,0,1,5.615,5.428,5.615,5.615,0,0,1-5.615,5.5H329.536V78.938h24.333a5.616,5.616,0,0,1,5.615,5.523,5.428,5.428,0,0,1-5.5,5.427H329.536v16.247h30.491a5.615,5.615,0,0,1,5.615,5.615,5.465,5.465,0,0,1-5.69,5.316Z" transform="translate(276.94 45.88)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104536)">
<path id="Path_104536-4" data-name="Path 104536" d="M199.655,101.329a64.613,64.613,0,0,1-23.6,4.436c-2.19,0-4.361-.112-6.514-.318a69.986,69.986,0,1,1-69.162-59.3,68.955,68.955,0,0,1,11.231.9c-.187-2-.281-4.043-.281-6.1a64.52,64.52,0,0,1,4.586-23.959,98.4,98.4,0,0,0-15.5-1.217,100.365,100.365,0,1,0,99.2,85.522Zm-32.569-6.345a52.539,52.539,0,0,0,8.966.749A54.6,54.6,0,0,0,197.634,91.3a99.672,99.672,0,0,0-16.228-34.291v3.463a5.353,5.353,0,1,1-10.688,0V45.831H156.061A4.848,4.848,0,0,1,151.232,41a4.773,4.773,0,0,1,4.829-4.848h4.923a99.822,99.822,0,0,0-35-17.052A54.113,54.113,0,0,0,121.4,41a52.411,52.411,0,0,0,.693,8.61,70.248,70.248,0,0,1,45,45.372Z" transform="translate(0.01 13.76)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104537)">
<path id="Path_104537-4" data-name="Path 104537" d="M119.55,0a54.787,54.787,0,0,0-50.164,32.85,54.113,54.113,0,0,0-4.586,21.9,52.413,52.413,0,0,0,.693,8.61,54.843,54.843,0,0,0,45.091,45.372,52.541,52.541,0,0,0,8.966.749,54.745,54.745,0,1,0,0-109.49ZM139.54,59.583H124.9V74.22a5.353,5.353,0,1,1-10.688,0V59.583H99.559a4.848,4.848,0,0,1-4.829-4.829,4.773,4.773,0,0,1,4.829-4.848h14.656V35.269a5.353,5.353,0,1,1,10.688,0V49.906H139.54a4.848,4.848,0,0,1,0,9.677Z" transform="translate(56.52 0.01)" fill="#fff"/>
</g>
</g>
</g>
<g id="light" transform="translate(-20535.986 -15493.237)">
<g id="Layer_1-3" data-name="Layer 1" transform="translate(-0.013 -0.005)">
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104520-2)">
<path id="Path_104520-5" data-name="Path 104520" d="M371.77,81.065c0-14.824,11.231-24.951,25.662-24.951A22.087,22.087,0,0,1,417.61,67.906l-8.816,4.343a13.1,13.1,0,0,0-11.362-6.982c-8.741,0-15.124,6.72-15.124,15.835s6.383,15.835,15.124,15.835a12.934,12.934,0,0,0,11.362-7.019l8.816,4.268a22.2,22.2,0,0,1-20.178,11.867C382.963,106.016,371.77,95.89,371.77,81.065Z" transform="translate(324.13 48.92)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104521-2)">
<path id="Path_104521-5" data-name="Path 104521" d="M398.31,81.061c0-14.525,10.632-24.951,25.157-24.951s25.25,10.426,25.25,24.951-10.632,24.951-25.25,24.951S398.31,95.6,398.31,81.061Zm39.85,0c0-9.041-5.784-15.835-14.694-15.835s-14.6,6.795-14.6,15.835,5.709,15.835,14.6,15.835S438.16,90.027,438.16,81.061Z" transform="translate(347.26 48.92)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104522-2)">
<path id="Path_104522-5" data-name="Path 104522" d="M462.361,104.776,439.376,73.311v31.465H429.1V56.54h10.557l22.349,30.285V56.54h10.276v48.236Z" transform="translate(374.1 49.3)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104523-2)">
<path id="Path_104523-5" data-name="Path 104523" d="M490.457,104.776,467.546,73.311v31.465H457.27V56.54h10.557l22.349,30.285V56.54h10.257v48.236Z" transform="translate(398.66 49.3)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104524-2)">
<path id="Path_104524-5" data-name="Path 104524" d="M485.44,104.776V56.54h34.123v9.041H495.7V75.763h23.36V84.8H495.7V95.735h23.865v9.041Z" transform="translate(423.22 49.3)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104525-2)">
<path id="Path_104525-5" data-name="Path 104525" d="M506.73,81.065c0-14.824,11.231-24.951,25.662-24.951A22.087,22.087,0,0,1,552.57,67.906l-8.816,4.343a13.1,13.1,0,0,0-11.362-6.982c-8.741,0-15.105,6.72-15.105,15.835s6.364,15.835,15.105,15.835a12.934,12.934,0,0,0,11.362-7.019l8.816,4.268a22.218,22.218,0,0,1-20.178,11.867C517.923,106.016,506.73,95.89,506.73,81.065Z" transform="translate(441.78 48.92)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104526-2)">
<path id="Path_104526-5" data-name="Path 104526" d="M547.015,104.776v-39.2H532.92V56.54h38.465v9.041H557.4v39.2Z" transform="translate(464.61 49.3)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104527-2)">
<path id="Path_104527-5" data-name="Path 104527" d="M359.229,179.849a1.759,1.759,0,0,1-1.759-1.759V30.219a1.759,1.759,0,0,1,3.519,0V178.09A1.759,1.759,0,0,1,359.229,179.849Z" transform="translate(311.66 24.82)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104528-2)">
<path id="Path_104528-5" data-name="Path 104528" d="M155.489,118.766c-19.654,0-32.719-15.18-32.719-33.374S135.835,52,155.489,52s32.7,15.2,32.7,33.393S175.124,118.766,155.489,118.766Zm0-58.343c-14.974,0-23.416,11.7-23.416,24.97s8.4,24.97,23.416,24.97S178.9,98.645,178.9,85.393,170.482,60.423,155.489,60.423Z" transform="translate(107.05 45.34)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104529-2)">
<path id="Path_104529-5" data-name="Path 104529" d="M185.217,108.307A17.408,17.408,0,0,1,170.242,100v21.488a4.548,4.548,0,1,1-9.1,0V68.925a4.23,4.23,0,0,1,4.361-4.548,4.361,4.361,0,0,1,4.436,4.642v3.294A17.482,17.482,0,0,1,185.217,64c11.137,0,20.234,9.359,20.234,22.162C205.507,99.566,196.447,108.307,185.217,108.307Zm-1.872-36.762c-7.843,0-13.1,6.869-13.1,14.6s5.222,14.619,13.1,14.619,13.1-5.9,13.1-14.619-5.166-14.656-13.009-14.656Z" transform="translate(140.5 55.8)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104530-2)">
<path id="Path_104530-5" data-name="Path 104530" d="M228.607,86.273c0,1.535-.861,3.088-3.482,3.088H196.188c.487,6.682,5.035,11.717,13.1,11.717a14.843,14.843,0,0,0,11.231-4.754,4.436,4.436,0,0,1,2.995-1.441,3.744,3.744,0,0,1,3.744,3.744,4.043,4.043,0,0,1-1.16,2.62,23.154,23.154,0,0,1-17.22,7.057c-14.431,0-22.068-10.051-22.068-22.162,0-12.672,9.19-22.162,21.675-22.162C220.67,64.017,228.607,73.882,228.607,86.273ZM208.485,71.3a12.017,12.017,0,0,0-12.092,10.744h23.79a11.792,11.792,0,0,0-11.7-10.781Z" transform="translate(162.88 55.79)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104531-2)">
<path id="Path_104531-5" data-name="Path 104531" d="M232.2,64a19.878,19.878,0,0,1,20.327,20.215V103.31a4.548,4.548,0,1,1-9.1,0V83.151a11.231,11.231,0,0,0-22.349,0V103.31a4.548,4.548,0,0,1-9.078,0V84.218A19.8,19.8,0,0,1,232.2,64Z" transform="translate(184.84 55.8)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104532-2)">
<path id="Path_104532-5" data-name="Path 104532" d="M282.541,103.206H253.9l-5.615,11.811a5.222,5.222,0,0,1-4.941,3.2,5.484,5.484,0,0,1-5.615-5.615,5.316,5.316,0,0,1,.58-2.321l24.782-55.068a5.091,5.091,0,0,1,5.091-2.995,4.96,4.96,0,0,1,5.035,3.088l24.764,55.068a5.072,5.072,0,0,1,.58,2.321,5.484,5.484,0,0,1-5.615,5.615,5.054,5.054,0,0,1-4.923-3.2ZM268.185,68.279l-10.07,24.576h20.122Z" transform="translate(207.27 45.52)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104533-2)">
<path id="Path_104533-5" data-name="Path 104533" d="M278.588,118.209a6.046,6.046,0,0,1-6.008-6.008v-54a6.027,6.027,0,0,1,6.008-5.99,5.859,5.859,0,0,1,5.8,5.99v54a5.878,5.878,0,0,1-5.8,6.008Z" transform="translate(237.65 45.52)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104534-2)">
<path id="Path_104534-5" data-name="Path 104534" d="M338.3,111.937a5.859,5.859,0,0,1-5.915,5.915,5.316,5.316,0,0,1-5.222-3.2L315.843,91.328H296.4v20.59a5.915,5.915,0,1,1-11.811,0v-53.4a5.877,5.877,0,0,1,5.9-5.9h24.839c16.079,0,22.948,7.936,22.948,19.354,0,7.487-3.294,14.038-10.65,17.22l10,20.29a5.616,5.616,0,0,1,.693,2.452ZM317,63.458h-20.59V81.165H317a8.835,8.835,0,0,0,9.359-9.1C326.4,67.819,323.5,63.458,317,63.458Z" transform="translate(248.11 45.88)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104535-2)">
<path id="Path_104535-5" data-name="Path 104535" d="M359.952,117.067H323.658a5.952,5.952,0,0,1-6.008-5.9V58.517a5.952,5.952,0,0,1,6.008-5.9h34.834a5.447,5.447,0,0,1,5.615,5.428,5.615,5.615,0,0,1-5.615,5.5H329.536V78.938h24.333a5.616,5.616,0,0,1,5.615,5.523,5.428,5.428,0,0,1-5.5,5.427H329.536v16.247h30.491a5.615,5.615,0,0,1,5.615,5.615,5.465,5.465,0,0,1-5.69,5.316Z" transform="translate(276.94 45.88)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104536-2)">
<path id="Path_104536-5" data-name="Path 104536" d="M199.655,101.329a64.613,64.613,0,0,1-23.6,4.436c-2.19,0-4.361-.112-6.514-.318a69.986,69.986,0,1,1-69.162-59.3,68.955,68.955,0,0,1,11.231.9c-.187-2-.281-4.043-.281-6.1a64.52,64.52,0,0,1,4.586-23.959,98.4,98.4,0,0,0-15.5-1.217,100.365,100.365,0,1,0,99.2,85.522Z" transform="translate(0.01 13.76)" fill="#fff"/>
</g>
<g transform="matrix(1, 0, 0, 1, 0, 0)" filter="url(#Path_104537-2)">
<path id="Path_104537-5" data-name="Path 104537" d="M119.55,0a54.787,54.787,0,0,0-50.164,32.85,54.113,54.113,0,0,0-4.586,21.9,52.413,52.413,0,0,0,.693,8.61,54.843,54.843,0,0,0,45.091,45.372,52.541,52.541,0,0,0,8.966.749,54.745,54.745,0,1,0,0-109.49ZM139.54,59.583H124.9V74.22a5.353,5.353,0,1,1-10.688,0V59.583H99.559a4.848,4.848,0,0,1-4.829-4.829,4.773,4.773,0,0,1,4.829-4.848h14.656V35.269a5.353,5.353,0,1,1,10.688,0V49.906H139.54a4.848,4.848,0,0,1,0,9.677Z" transform="translate(56.52 0.01)" fill="#fff"/>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 39 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 675.32 1143.61"><defs><style>.cls-1{fill:#fff;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M441,589a28.92,28.92,0,0,0-.43,14.52l-57.35,18.64a110.32,110.32,0,0,0-54.56-62.07l45.83-96.4.81.26a22.62,22.62,0,0,0,18.47-40.78l6.64-14A86.5,86.5,0,0,0,411,413.07a84.91,84.91,0,0,0,32,3L462.6,568.69A29.1,29.1,0,0,0,441,589Z"/><path class="cls-1" d="M494,682.11a15.1,15.1,0,0,0-10.32-18.71,15.45,15.45,0,0,0-3.82-.58l-4.78-37.22a29.11,29.11,0,0,0,22.27-35.12l58.46-19a85.34,85.34,0,0,0,41,46.95l-62.64,131.7a85.75,85.75,0,0,0-44-6.51l-6.57-51.19A15.06,15.06,0,0,0,494,682.11Z"/><path class="cls-1" d="M648.68,627.07a85.07,85.07,0,0,0,26.64-8.65v226.3Z"/><path class="cls-1" d="M675.32,0V466.93a85.31,85.31,0,0,0-121.11,99.68l-58.48,19A29.08,29.08,0,0,0,467.68,568L448.1,415.38a85.32,85.32,0,0,0-21.7-169.17l-6.77-52.82a15.11,15.11,0,1,0-8.65.08,14.84,14.84,0,0,0,3.57.57l6.78,52.83A85.33,85.33,0,0,0,352.81,355L175.7,412.56a15.11,15.11,0,0,0-27.77,3.06,15.24,15.24,0,0,0-.47,6.12l-17.54,5.7a50.78,50.78,0,1,0,1.6,4.86L149,426.63a15.09,15.09,0,0,0,28.37-9.22l177-57.54A85.27,85.27,0,0,0,395.77,407L389.16,421c-.43-.16-.87-.3-1.32-.43a22.62,22.62,0,0,0-18,41.07L324,557.93a110.36,110.36,0,1,0,61.07,131.42,109.8,109.8,0,0,0-.29-62.3l57.33-18.63A29.12,29.12,0,0,0,470,626.23l4.79,37.33a15.1,15.1,0,0,0,.5,28.87,14.46,14.46,0,0,0,3.27.56l6.59,51.39a85.31,85.31,0,1,0,53.7,7.94l62.61-131.68a86.3,86.3,0,0,0,11,4,85,85,0,0,0,31.18,3l31.72,259.16v256.77H0V0Z"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 516 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 179 KiB