[Graph | Trunk]: Add home page and assets

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-graph-portal/trunk@59513 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
Konstantinos Triantafyllou 2020-10-07 08:54:59 +00:00
parent 2413c42bcc
commit 6f792f7fc4
10 changed files with 422 additions and 92 deletions

View File

@ -1,15 +1,30 @@
.portal-color.emphasis {
color: #37C7E9;
font-size: 40px;
@media only screen and (min-width: 960px) {
.home > div {
min-height: calc(100vh - 100px);
}
}
@media only screen and (min-width: 960px) {
.second {
background-image: url("/assets/graph-assets/backgrounds/1.svg"), url("/assets/graph-assets/backgrounds/2.svg");
background-size: auto;
background-repeat: no-repeat;
background-position: 55% 0, 65% 25%;
}
.third {
background-image: url("/assets/graph-assets/backgrounds/3.svg"), url("/assets/graph-assets/backgrounds/4.svg");
background-size: auto;
background-repeat: no-repeat;
background-position: 40% 0, bottom right;
}
}
.numbers .emphasis {
font-size: 41px;
font-weight: bold;
}
/*.numbers-background {*/
/* background: transparent url('explore-assets/numbers_background_pattern.svg') 0% 0% repeat-x padding-box;*/
/* background-position: center bottom;*/
/*}*/
.numbers-background .emphasis {
font-size: 40px;
font-weight: bold;
}
.numbers-background {
background: transparent url('assets/graph-assets/home/10.svg') repeat-x center bottom;
}

View File

@ -1,37 +1,156 @@
<div class="uk-section-default uk-section uk-padding-remove-bottom">
<div class="uk-container uk-text-center uk-margin-medium-bottom">
<div class="uk-margin-medium uk-flex-center">
<div class="uk-first-column">
<div class="uk-panel">
<h2 class="uk-margin uk-h2 uk-text-center">
We believe in <span class="uk-text-bold">Numbers</span>
</h2>
<div class="uk-margin-medium-top">
<div class="uk-grid uk-child-width-1-3@m">
<p *ngIf="fundersSize">
<span class="portal-color emphasis">
<span class="uk-text-bold"> {{fundersSize.number|number}}</span>{{fundersSize.size}}
</span>
<br>
<span class="uk-text-uppercase uk-text-large">Funders</span>
</p>
<p *ngIf="datasourcesSize" class="">
<span class="portal-color emphasis">
<span class="uk-text-bold"> {{datasourcesSize.number|number}}</span>
<span class="portal-color uk-h2">{{datasourcesSize.size}}</span>
</span>
<br>
<span class="uk-text-uppercase uk-text-large">Content providers</span>
</p>
<p *ngIf="projectsSize">
<span class="portal-color emphasis">
<span class="uk-text-bold"> {{projectsSize.number|number}}</span>
<span class="portal-color uk-h2">{{projectsSize.size}}</span>
</span>
<br>
<span class="uk-text-uppercase uk-text-large">Projects</span>
</p>
<div class="home">
<div class="uk-margin-large-bottom">
<div class="uk-container uk-container-large uk-section">
<h1>Open. Transparent. Interconnected.</h1>
<div class="uk-grid uk-grid-small uk-flex uk-margin-medium-top uk-child-width-1-2@m uk-flex-bottom" uk-grid>
<div>
<p>
OpenAIRE Research Graph is an open resource that aggregates a <span class="portal-color">collection of research data properties</span>
(metadata, links) available within the OpenAIRE Open Science infrastructure for funders, organizations,
researchers, research communities and publishers to interlink information by using a semantic graph database
approach.
</p>
<a class="uk-button portal-button uk-margin-top" routerLink="/about">Learn more</a>
</div>
<div class="uk-flex uk-flex-right">
<img src="assets/graph-assets/home/1.svg" style="transform: rotateY(180deg);" class="uk-width-4-5@m">
</div>
</div>
</div>
</div>
<div class="uk-margin-large-bottom">
<div class="uk-container uk-container-large uk-section">
<h2 class="uk-text-center"><span class="portal-color">How</span> it works</h2>
<div class="second uk-padding uk-margin-large-top">
<div class="uk-grid uk-child-width-1-2@m" uk-grid>
<div class="uk-padding-large uk-padding-remove-vertical uk-flex-last@m uk-margin-large-bottom uk-margin-medium-top">
<h3 class="uk-text-bold uk-margin-large-left uk-text-capitalize">360° view on linked open science<span
class="portal-color">.</span></h3>
</div>
<div>
<img src="../../assets/graph-assets/home/2.png">
</div>
</div>
</div>
</div>
<div class="uk-container uk-container-large uk-section">
<div class="third uk-padding uk-margin-large-top">
<div class="uk-grid" uk-grid>
<div class="uk-margin-large-top uk-margin-large-bottom uk-width-expand">
<h3 class="uk-text-bold uk-margin-large-left uk-text-capitalize">From open and authoritative sources around
the globe<span class="portal-color">.</span></h3>
</div>
<div class="uk-width-3-5@m uk-margin-bottom">
<img src="../../assets/graph-assets/home/3.png">
</div>
</div>
</div>
</div>
</div>
<div class="uk-margin-large-bottom numbers">
<div class="uk-section">
<h2 class="uk-text-center">
We believe in <span class="uk-text-bold">Numbers</span>
</h2>
<div class="uk-margin-large-top uk-container uk-margin-bottom uk-text-center">
<div class="uk-grid uk-child-width-1-3@m">
<div *ngIf="fundersSize">
<h3 class="portal-color">
<span class="uk-text-bold emphasis"> {{fundersSize.number|number}}</span>{{fundersSize.size}}
</h3>
<span class="uk-text-uppercase uk-text-large">Funders</span>
</div>
<div *ngIf="datasourcesSize">
<h3 class="portal-color">
<span class="uk-text-bold emphasis"> {{datasourcesSize.number|number}}</span>{{datasourcesSize.size}}
</h3>
<span class="uk-text-uppercase uk-text-large">Content providers</span>
</div>
<div *ngIf="projectsSize">
<h3 class="portal-color">
<span class="uk-text-bold emphasis"> {{projectsSize.number|number}}</span>{{projectsSize.size}}
</h3>
<span class="uk-text-uppercase uk-text-large">Projects</span>
</div>
</div>
</div>
<div class="numbers-background">
<div class="uk-container uk-section">
<div class="uk-grid uk-margin-auto-left uk-margin-auto-right uk-grid-large uk-child-width-1-2@m" uk-grid>
<div *ngIf="publicationsSize || softwareSize" class="uk-margin-medium-bottom uk-flex uk-flex-center">
<div>
<div *ngIf="publicationsSize">
<div class="emphasis uk-margin-bottom">{{publicationsSize.count|number}} </div>
<div class="uk-icon uk-text-uppercase">
<svg height="20" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg">
<rect
style="stroke: var(--portal-main-color);" fill="none" height="16" stroke="#000" width="12" x="3.5"
y="2.5"></rect>
<polyline style="stroke: var(--portal-main-color);" fill="none"
points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline>
</svg>
publications
</div>
</div>
<div *ngIf="softwareSize" >
<div class="emphasis uk-margin-medium-top uk-margin-bottom">{{softwareSize.count|number}} </div>
<div class="uk-icon uk-text-uppercase">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="cog">
<circle
style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="9.997" cy="10"
r="3.31"></circle>
<path style="stroke: var(--portal-main-color);" fill="none" stroke="#000"
d="M18.488,12.285 L16.205,16.237 C15.322,15.496 14.185,15.281 13.303,15.791 C12.428,16.289 12.047,17.373 12.246,18.5 L7.735,18.5 C7.938,17.374 7.553,16.299 6.684,15.791 C5.801,15.27 4.655,15.492 3.773,16.237 L1.5,12.285 C2.573,11.871 3.317,10.999 3.317,9.991 C3.305,8.98 2.573,8.121 1.5,7.716 L3.765,3.784 C4.645,4.516 5.794,4.738 6.687,4.232 C7.555,3.722 7.939,2.637 7.735,1.5 L12.263,1.5 C12.072,2.637 12.441,3.71 13.314,4.22 C14.206,4.73 15.343,4.516 16.225,3.794 L18.487,7.714 C17.404,8.117 16.661,8.988 16.67,10.009 C16.672,11.018 17.415,11.88 18.488,12.285 L18.488,12.285 Z"></path>
</svg>
software
</div>
</div>
</div>
</div>
<div *ngIf="datasetsSize || otherSize" class="uk-margin-medium-bottom uk-flex uk-flex-center">
<div>
<div *ngIf="datasetsSize">
<div class="emphasis uk-margin-bottom">{{datasetsSize.count|number}} </div>
<div class="uk-icon uk-text-uppercase">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="database">
<ellipse
style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="10" cy="4.64" rx="7.5"
ry="3.14"></ellipse>
<path style="stroke: var(--portal-main-color);" fill="none" stroke="#000"
d="M17.5,8.11 C17.5,9.85 14.14,11.25 10,11.25 C5.86,11.25 2.5,9.84 2.5,8.11"></path>
<path
style="stroke: var(--portal-main-color);" fill="none" stroke="#000"
d="M17.5,11.25 C17.5,12.99 14.14,14.39 10,14.39 C5.86,14.39 2.5,12.98 2.5,11.25"></path>
<path
style="stroke: var(--portal-main-color);" fill="none" stroke="#000"
d="M17.49,4.64 L17.5,14.36 C17.5,16.1 14.14,17.5 10,17.5 C5.86,17.5 2.5,16.09 2.5,14.36 L2.5,4.64"></path>
</svg>
research data
</div>
</div>
<div *ngIf="otherSize" >
<div class="emphasis uk-margin-medium-top uk-margin-bottom">{{otherSize.count|number}} </div>
<div class="uk-icon uk-text-uppercase">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="world">
<path
style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M1,10.5 L19,10.5"></path>
<path
style="stroke: var(--portal-main-color);" fill="none" stroke="#000"
d="M2.35,15.5 L17.65,15.5"></path>
<path
style="stroke: var(--portal-main-color);" fill="none" stroke="#000"
d="M2.35,5.5 L17.523,5.5"></path>
<path
style="stroke: var(--portal-main-color);" fill="none" stroke="#000"
d="M10,19.46 L9.98,19.46 C7.31,17.33 5.61,14.141 5.61,10.58 C5.61,7.02 7.33,3.83 10,1.7 C10.01,1.7 9.99,1.7 10,1.7 L10,1.7 C12.67,3.83 14.4,7.02 14.4,10.58 C14.4,14.141 12.67,17.33 10,19.46 L10,19.46 L10,19.46 L10,19.46 Z"></path>
<circle
style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="10" cy="10.5"
r="9"></circle>
</svg>
other research products
</div>
</div>
</div>
</div>
</div>
</div>
@ -39,49 +158,3 @@
</div>
</div>
</div>
<div class="uk-section-default uk-section numbers-background uk-padding-remove-top">
<div class="uk-container uk-margin-medium-top">
<div class="uk-grid uk-flex uk-flex-center">
<div class="uk-margin-large-right">
<div *ngIf="publicationsSize" class="uk-margin-medium-bottom">
<p>
<span class="emphasis">{{publicationsSize.count|number}} </span><br>
<span class="uk-icon uk-text-uppercase uk-float-left">
<svg height="20" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect style="stroke: var(--portal-main-color);" fill="none" height="16" stroke="#000" width="12" x="3.5" y="2.5"></rect><polyline style="stroke: var(--portal-main-color);" fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg>
publications
</span>
</p>
</div>
<div *ngIf="softwareSize" class="uk-margin-medium-bottom">
<p>
<span class="emphasis">{{softwareSize.count|number}} </span><br>
<span class="uk-icon uk-text-uppercase uk-float-left">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="cog"><circle style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="9.997" cy="10" r="3.31"></circle><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M18.488,12.285 L16.205,16.237 C15.322,15.496 14.185,15.281 13.303,15.791 C12.428,16.289 12.047,17.373 12.246,18.5 L7.735,18.5 C7.938,17.374 7.553,16.299 6.684,15.791 C5.801,15.27 4.655,15.492 3.773,16.237 L1.5,12.285 C2.573,11.871 3.317,10.999 3.317,9.991 C3.305,8.98 2.573,8.121 1.5,7.716 L3.765,3.784 C4.645,4.516 5.794,4.738 6.687,4.232 C7.555,3.722 7.939,2.637 7.735,1.5 L12.263,1.5 C12.072,2.637 12.441,3.71 13.314,4.22 C14.206,4.73 15.343,4.516 16.225,3.794 L18.487,7.714 C17.404,8.117 16.661,8.988 16.67,10.009 C16.672,11.018 17.415,11.88 18.488,12.285 L18.488,12.285 Z"></path></svg>
software
</span>
</p>
</div>
</div>
<div class="">
<div *ngIf="datasetsSize" class="uk-margin-medium-bottom">
<p>
<span class="emphasis">{{datasetsSize.count|number}} </span><br>
<span class="uk-icon uk-text-uppercase uk-float-left">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="database"><ellipse style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="10" cy="4.64" rx="7.5" ry="3.14"></ellipse><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M17.5,8.11 C17.5,9.85 14.14,11.25 10,11.25 C5.86,11.25 2.5,9.84 2.5,8.11"></path><path style="stroke: var(--portal-main-color);"fill="none" stroke="#000" d="M17.5,11.25 C17.5,12.99 14.14,14.39 10,14.39 C5.86,14.39 2.5,12.98 2.5,11.25"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M17.49,4.64 L17.5,14.36 C17.5,16.1 14.14,17.5 10,17.5 C5.86,17.5 2.5,16.09 2.5,14.36 L2.5,4.64"></path></svg>
research data
</span>
</p>
</div>
<div *ngIf="otherSize" class="uk-margin-medium-bottom">
<p>
<span class="emphasis">{{otherSize.count|number}} </span><br>
<span class="uk-icon uk-text-uppercase uk-float-left">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="world"><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M1,10.5 L19,10.5"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M2.35,15.5 L17.65,15.5"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M2.35,5.5 L17.523,5.5"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M10,19.46 L9.98,19.46 C7.31,17.33 5.61,14.141 5.61,10.58 C5.61,7.02 7.33,3.83 10,1.7 C10.01,1.7 9.99,1.7 10,1.7 L10,1.7 C12.67,3.83 14.4,7.02 14.4,10.58 C14.4,14.141 12.67,17.33 10,19.46 L10,19.46 L10,19.46 L10,19.46 Z"></path><circle style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="10" cy="10.5" r="9"></circle></svg>
other research products
</span>
</p>
</div>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="233" height="233" viewBox="0 0 233 233">
<g id="Ellipse_341" data-name="Ellipse 341" fill="none" stroke="#4687e6" stroke-width="4" opacity="0.5">
<circle cx="116.5" cy="116.5" r="116.5" stroke="none"/>
<circle cx="116.5" cy="116.5" r="114.5" fill="none"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 327 B

View File

@ -0,0 +1,114 @@
<svg xmlns="http://www.w3.org/2000/svg" width="222" height="201" viewBox="0 0 222 201">
<g id="Group_11427" data-name="Group 11427" transform="translate(113.682 -39)">
<circle id="Ellipse_340" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 39)" fill="#fcedef"/>
<circle id="Ellipse_340-2" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 39)" fill="#fcedef"/>
<circle id="Ellipse_340-3" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 39)" fill="#fcedef"/>
<circle id="Ellipse_340-4" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 39)" fill="#fcedef"/>
<circle id="Ellipse_340-5" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 39)" fill="#fcedef"/>
<circle id="Ellipse_340-6" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 39)" fill="#fcedef"/>
<circle id="Ellipse_340-7" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 39)" fill="#fcedef"/>
<circle id="Ellipse_340-8" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 39)" fill="#fcedef"/>
<circle id="Ellipse_340-9" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 39)" fill="#fcedef"/>
<circle id="Ellipse_340-10" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 39)" fill="#fcedef"/>
<circle id="Ellipse_340-11" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 39)" fill="#fcedef"/>
<circle id="Ellipse_340-12" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 60)" fill="#fcedef"/>
<circle id="Ellipse_340-13" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 60)" fill="#fcedef"/>
<circle id="Ellipse_340-14" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 60)" fill="#fcedef"/>
<circle id="Ellipse_340-15" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 60)" fill="#fcedef"/>
<circle id="Ellipse_340-16" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 60)" fill="#fcedef"/>
<circle id="Ellipse_340-17" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 60)" fill="#fcedef"/>
<circle id="Ellipse_340-18" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 60)" fill="#fcedef"/>
<circle id="Ellipse_340-19" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 60)" fill="#fcedef"/>
<circle id="Ellipse_340-20" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 60)" fill="#fcedef"/>
<circle id="Ellipse_340-21" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 60)" fill="#fcedef"/>
<circle id="Ellipse_340-22" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 60)" fill="#fcedef"/>
<circle id="Ellipse_340-23" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 82)" fill="#fcedef"/>
<circle id="Ellipse_340-24" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 82)" fill="#fcedef"/>
<circle id="Ellipse_340-25" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 82)" fill="#fcedef"/>
<circle id="Ellipse_340-26" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 82)" fill="#fcedef"/>
<circle id="Ellipse_340-27" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 82)" fill="#fcedef"/>
<circle id="Ellipse_340-28" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 82)" fill="#fcedef"/>
<circle id="Ellipse_340-29" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 82)" fill="#fcedef"/>
<circle id="Ellipse_340-30" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 82)" fill="#fcedef"/>
<circle id="Ellipse_340-31" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 82)" fill="#fcedef"/>
<circle id="Ellipse_340-32" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 82)" fill="#fcedef"/>
<circle id="Ellipse_340-33" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 82)" fill="#fcedef"/>
<circle id="Ellipse_340-34" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 103)" fill="#fcedef"/>
<circle id="Ellipse_340-35" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 103)" fill="#fcedef"/>
<circle id="Ellipse_340-36" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 103)" fill="#fcedef"/>
<circle id="Ellipse_340-37" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 103)" fill="#fcedef"/>
<circle id="Ellipse_340-38" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 103)" fill="#fcedef"/>
<circle id="Ellipse_340-39" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 103)" fill="#fcedef"/>
<circle id="Ellipse_340-40" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 103)" fill="#fcedef"/>
<circle id="Ellipse_340-41" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 103)" fill="#fcedef"/>
<circle id="Ellipse_340-42" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 103)" fill="#fcedef"/>
<circle id="Ellipse_340-43" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 103)" fill="#fcedef"/>
<circle id="Ellipse_340-44" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 103)" fill="#fcedef"/>
<circle id="Ellipse_340-45" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 124)" fill="#fcedef"/>
<circle id="Ellipse_340-46" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 124)" fill="#fcedef"/>
<circle id="Ellipse_340-47" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 124)" fill="#fcedef"/>
<circle id="Ellipse_340-48" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 124)" fill="#fcedef"/>
<circle id="Ellipse_340-49" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 124)" fill="#fcedef"/>
<circle id="Ellipse_340-50" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 124)" fill="#fcedef"/>
<circle id="Ellipse_340-51" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 124)" fill="#fcedef"/>
<circle id="Ellipse_340-52" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 124)" fill="#fcedef"/>
<circle id="Ellipse_340-53" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 124)" fill="#fcedef"/>
<circle id="Ellipse_340-54" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 124)" fill="#fcedef"/>
<circle id="Ellipse_340-55" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 124)" fill="#fcedef"/>
<circle id="Ellipse_340-56" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 146)" fill="#fcedef"/>
<circle id="Ellipse_340-57" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 146)" fill="#fcedef"/>
<circle id="Ellipse_340-58" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 146)" fill="#fcedef"/>
<circle id="Ellipse_340-59" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 146)" fill="#fcedef"/>
<circle id="Ellipse_340-60" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 146)" fill="#fcedef"/>
<circle id="Ellipse_340-61" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 146)" fill="#fcedef"/>
<circle id="Ellipse_340-62" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 146)" fill="#fcedef"/>
<circle id="Ellipse_340-63" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 146)" fill="#fcedef"/>
<circle id="Ellipse_340-64" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 146)" fill="#fcedef"/>
<circle id="Ellipse_340-65" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 146)" fill="#fcedef"/>
<circle id="Ellipse_340-66" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 146)" fill="#fcedef"/>
<circle id="Ellipse_340-67" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 167)" fill="#fcedef"/>
<circle id="Ellipse_340-68" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 167)" fill="#fcedef"/>
<circle id="Ellipse_340-69" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 167)" fill="#fcedef"/>
<circle id="Ellipse_340-70" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 167)" fill="#fcedef"/>
<circle id="Ellipse_340-71" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 167)" fill="#fcedef"/>
<circle id="Ellipse_340-72" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 167)" fill="#fcedef"/>
<circle id="Ellipse_340-73" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 167)" fill="#fcedef"/>
<circle id="Ellipse_340-74" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 167)" fill="#fcedef"/>
<circle id="Ellipse_340-75" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 167)" fill="#fcedef"/>
<circle id="Ellipse_340-76" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 167)" fill="#fcedef"/>
<circle id="Ellipse_340-77" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 167)" fill="#fcedef"/>
<circle id="Ellipse_340-78" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 188)" fill="#fcedef"/>
<circle id="Ellipse_340-79" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 188)" fill="#fcedef"/>
<circle id="Ellipse_340-80" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 188)" fill="#fcedef"/>
<circle id="Ellipse_340-81" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 188)" fill="#fcedef"/>
<circle id="Ellipse_340-82" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 188)" fill="#fcedef"/>
<circle id="Ellipse_340-83" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 188)" fill="#fcedef"/>
<circle id="Ellipse_340-84" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 188)" fill="#fcedef"/>
<circle id="Ellipse_340-85" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 188)" fill="#fcedef"/>
<circle id="Ellipse_340-86" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 188)" fill="#fcedef"/>
<circle id="Ellipse_340-87" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 188)" fill="#fcedef"/>
<circle id="Ellipse_340-88" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 188)" fill="#fcedef"/>
<circle id="Ellipse_340-89" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 210)" fill="#fcedef"/>
<circle id="Ellipse_340-90" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 210)" fill="#fcedef"/>
<circle id="Ellipse_340-91" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 210)" fill="#fcedef"/>
<circle id="Ellipse_340-92" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 210)" fill="#fcedef"/>
<circle id="Ellipse_340-93" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 210)" fill="#fcedef"/>
<circle id="Ellipse_340-94" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 210)" fill="#fcedef"/>
<circle id="Ellipse_340-95" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 210)" fill="#fcedef"/>
<circle id="Ellipse_340-96" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 210)" fill="#fcedef"/>
<circle id="Ellipse_340-97" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 210)" fill="#fcedef"/>
<circle id="Ellipse_340-98" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 210)" fill="#fcedef"/>
<circle id="Ellipse_340-99" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 210)" fill="#fcedef"/>
<circle id="Ellipse_340-100" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 231)" fill="#fcedef"/>
<circle id="Ellipse_340-101" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 231)" fill="#fcedef"/>
<circle id="Ellipse_340-102" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 231)" fill="#fcedef"/>
<circle id="Ellipse_340-103" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 231)" fill="#fcedef"/>
<circle id="Ellipse_340-104" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 231)" fill="#fcedef"/>
<circle id="Ellipse_340-105" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 231)" fill="#fcedef"/>
<circle id="Ellipse_340-106" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 231)" fill="#fcedef"/>
<circle id="Ellipse_340-107" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 231)" fill="#fcedef"/>
<circle id="Ellipse_340-108" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 231)" fill="#fcedef"/>
<circle id="Ellipse_340-109" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 231)" fill="#fcedef"/>
<circle id="Ellipse_340-110" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 231)" fill="#fcedef"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="233" height="233" viewBox="0 0 233 233">
<g id="Ellipse_342" data-name="Ellipse 342" fill="none" stroke="#ee2540" stroke-width="4" opacity="0.5">
<circle cx="116.5" cy="116.5" r="116.5" stroke="none"/>
<circle cx="116.5" cy="116.5" r="114.5" fill="none"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 327 B

View File

@ -0,0 +1,114 @@
<svg xmlns="http://www.w3.org/2000/svg" width="222" height="201" viewBox="0 0 222 201">
<g id="Group_11563" data-name="Group 11563" transform="translate(113.682 -39)" opacity="0.3">
<circle id="Ellipse_340" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 39)" fill="#4687e6"/>
<circle id="Ellipse_340-2" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 39)" fill="#4687e6"/>
<circle id="Ellipse_340-3" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 39)" fill="#4687e6"/>
<circle id="Ellipse_340-4" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 39)" fill="#4687e6"/>
<circle id="Ellipse_340-5" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 39)" fill="#4687e6"/>
<circle id="Ellipse_340-6" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 39)" fill="#4687e6"/>
<circle id="Ellipse_340-7" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 39)" fill="#4687e6"/>
<circle id="Ellipse_340-8" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 39)" fill="#4687e6"/>
<circle id="Ellipse_340-9" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 39)" fill="#4687e6"/>
<circle id="Ellipse_340-10" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 39)" fill="#4687e6"/>
<circle id="Ellipse_340-11" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 39)" fill="#4687e6"/>
<circle id="Ellipse_340-12" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 60)" fill="#4687e6"/>
<circle id="Ellipse_340-13" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 60)" fill="#4687e6"/>
<circle id="Ellipse_340-14" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 60)" fill="#4687e6"/>
<circle id="Ellipse_340-15" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 60)" fill="#4687e6"/>
<circle id="Ellipse_340-16" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 60)" fill="#4687e6"/>
<circle id="Ellipse_340-17" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 60)" fill="#4687e6"/>
<circle id="Ellipse_340-18" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 60)" fill="#4687e6"/>
<circle id="Ellipse_340-19" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 60)" fill="#4687e6"/>
<circle id="Ellipse_340-20" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 60)" fill="#4687e6"/>
<circle id="Ellipse_340-21" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 60)" fill="#4687e6"/>
<circle id="Ellipse_340-22" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 60)" fill="#4687e6"/>
<circle id="Ellipse_340-23" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 82)" fill="#4687e6"/>
<circle id="Ellipse_340-24" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 82)" fill="#4687e6"/>
<circle id="Ellipse_340-25" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 82)" fill="#4687e6"/>
<circle id="Ellipse_340-26" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 82)" fill="#4687e6"/>
<circle id="Ellipse_340-27" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 82)" fill="#4687e6"/>
<circle id="Ellipse_340-28" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 82)" fill="#4687e6"/>
<circle id="Ellipse_340-29" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 82)" fill="#4687e6"/>
<circle id="Ellipse_340-30" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 82)" fill="#4687e6"/>
<circle id="Ellipse_340-31" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 82)" fill="#4687e6"/>
<circle id="Ellipse_340-32" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 82)" fill="#4687e6"/>
<circle id="Ellipse_340-33" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 82)" fill="#4687e6"/>
<circle id="Ellipse_340-34" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 103)" fill="#4687e6"/>
<circle id="Ellipse_340-35" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 103)" fill="#4687e6"/>
<circle id="Ellipse_340-36" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 103)" fill="#4687e6"/>
<circle id="Ellipse_340-37" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 103)" fill="#4687e6"/>
<circle id="Ellipse_340-38" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 103)" fill="#4687e6"/>
<circle id="Ellipse_340-39" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 103)" fill="#4687e6"/>
<circle id="Ellipse_340-40" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 103)" fill="#4687e6"/>
<circle id="Ellipse_340-41" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 103)" fill="#4687e6"/>
<circle id="Ellipse_340-42" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 103)" fill="#4687e6"/>
<circle id="Ellipse_340-43" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 103)" fill="#4687e6"/>
<circle id="Ellipse_340-44" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 103)" fill="#4687e6"/>
<circle id="Ellipse_340-45" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 124)" fill="#4687e6"/>
<circle id="Ellipse_340-46" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 124)" fill="#4687e6"/>
<circle id="Ellipse_340-47" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 124)" fill="#4687e6"/>
<circle id="Ellipse_340-48" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 124)" fill="#4687e6"/>
<circle id="Ellipse_340-49" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 124)" fill="#4687e6"/>
<circle id="Ellipse_340-50" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 124)" fill="#4687e6"/>
<circle id="Ellipse_340-51" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 124)" fill="#4687e6"/>
<circle id="Ellipse_340-52" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 124)" fill="#4687e6"/>
<circle id="Ellipse_340-53" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 124)" fill="#4687e6"/>
<circle id="Ellipse_340-54" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 124)" fill="#4687e6"/>
<circle id="Ellipse_340-55" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 124)" fill="#4687e6"/>
<circle id="Ellipse_340-56" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 146)" fill="#4687e6"/>
<circle id="Ellipse_340-57" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 146)" fill="#4687e6"/>
<circle id="Ellipse_340-58" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 146)" fill="#4687e6"/>
<circle id="Ellipse_340-59" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 146)" fill="#4687e6"/>
<circle id="Ellipse_340-60" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 146)" fill="#4687e6"/>
<circle id="Ellipse_340-61" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 146)" fill="#4687e6"/>
<circle id="Ellipse_340-62" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 146)" fill="#4687e6"/>
<circle id="Ellipse_340-63" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 146)" fill="#4687e6"/>
<circle id="Ellipse_340-64" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 146)" fill="#4687e6"/>
<circle id="Ellipse_340-65" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 146)" fill="#4687e6"/>
<circle id="Ellipse_340-66" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 146)" fill="#4687e6"/>
<circle id="Ellipse_340-67" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 167)" fill="#4687e6"/>
<circle id="Ellipse_340-68" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 167)" fill="#4687e6"/>
<circle id="Ellipse_340-69" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 167)" fill="#4687e6"/>
<circle id="Ellipse_340-70" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 167)" fill="#4687e6"/>
<circle id="Ellipse_340-71" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 167)" fill="#4687e6"/>
<circle id="Ellipse_340-72" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 167)" fill="#4687e6"/>
<circle id="Ellipse_340-73" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 167)" fill="#4687e6"/>
<circle id="Ellipse_340-74" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 167)" fill="#4687e6"/>
<circle id="Ellipse_340-75" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 167)" fill="#4687e6"/>
<circle id="Ellipse_340-76" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 167)" fill="#4687e6"/>
<circle id="Ellipse_340-77" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 167)" fill="#4687e6"/>
<circle id="Ellipse_340-78" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 188)" fill="#4687e6"/>
<circle id="Ellipse_340-79" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 188)" fill="#4687e6"/>
<circle id="Ellipse_340-80" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 188)" fill="#4687e6"/>
<circle id="Ellipse_340-81" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 188)" fill="#4687e6"/>
<circle id="Ellipse_340-82" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 188)" fill="#4687e6"/>
<circle id="Ellipse_340-83" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 188)" fill="#4687e6"/>
<circle id="Ellipse_340-84" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 188)" fill="#4687e6"/>
<circle id="Ellipse_340-85" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 188)" fill="#4687e6"/>
<circle id="Ellipse_340-86" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 188)" fill="#4687e6"/>
<circle id="Ellipse_340-87" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 188)" fill="#4687e6"/>
<circle id="Ellipse_340-88" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 188)" fill="#4687e6"/>
<circle id="Ellipse_340-89" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 210)" fill="#4687e6"/>
<circle id="Ellipse_340-90" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 210)" fill="#4687e6"/>
<circle id="Ellipse_340-91" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 210)" fill="#4687e6"/>
<circle id="Ellipse_340-92" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 210)" fill="#4687e6"/>
<circle id="Ellipse_340-93" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 210)" fill="#4687e6"/>
<circle id="Ellipse_340-94" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 210)" fill="#4687e6"/>
<circle id="Ellipse_340-95" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 210)" fill="#4687e6"/>
<circle id="Ellipse_340-96" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 210)" fill="#4687e6"/>
<circle id="Ellipse_340-97" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 210)" fill="#4687e6"/>
<circle id="Ellipse_340-98" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 210)" fill="#4687e6"/>
<circle id="Ellipse_340-99" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 210)" fill="#4687e6"/>
<circle id="Ellipse_340-100" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-113.682 231)" fill="#4687e6"/>
<circle id="Ellipse_340-101" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-92.682 231)" fill="#4687e6"/>
<circle id="Ellipse_340-102" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-71.682 231)" fill="#4687e6"/>
<circle id="Ellipse_340-103" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-49.682 231)" fill="#4687e6"/>
<circle id="Ellipse_340-104" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-28.682 231)" fill="#4687e6"/>
<circle id="Ellipse_340-105" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(-7.682 231)" fill="#4687e6"/>
<circle id="Ellipse_340-106" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(14.318 231)" fill="#4687e6"/>
<circle id="Ellipse_340-107" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(35.318 231)" fill="#4687e6"/>
<circle id="Ellipse_340-108" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(56.318 231)" fill="#4687e6"/>
<circle id="Ellipse_340-109" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(78.318 231)" fill="#4687e6"/>
<circle id="Ellipse_340-110" data-name="Ellipse 340" cx="4.5" cy="4.5" r="4.5" transform="translate(99.318 231)" fill="#4687e6"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 14 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 2.0 MiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 619 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 786 KiB