MaDgIK
/
open-science-observatory-ui
13
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

New color palettes, logo and icons

This commit is contained in:
Stefania Martziou 2019-11-28 10:25:39 +00:00
parent c85d745c23
commit 32bec5fb24
16 changed files with 86 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/pages/countrypage/country-page.component.html
View File

@ -22,8 +22,7 @@
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<span class="peity_visitors peity_data" style="display: none;">5,3,9,6,5,9,7</span>
<svg class="peity" height="28" width="48"><rect data-value="5" fill="#5086BA" x="1.3714285714285717" y="12.444444444444443" width="4.114285714285715" height="15.555555555555557"></rect><rect data-value="3" fill="#5086BA" x="8.228571428571428" y="18.666666666666668" width="4.114285714285716" height="9.333333333333332"></rect><rect data-value="9" fill="#5086BA" x="15.085714285714287" y="0" width="4.1142857142857086" height="28"></rect><rect data-value="6" fill="#5086BA" x="21.942857142857147" y="9.333333333333336" width="4.114285714285707" height="18.666666666666664"></rect><rect data-value="5" fill="#5086BA" x="28.800000000000004" y="12.444444444444443" width="4.114285714285707" height="15.555555555555557"></rect><rect data-value="9" fill="#5086BA" x="35.65714285714286" y="0" width="4.114285714285707" height="28"></rect><rect data-value="7" fill="#5086BA" x="42.51428571428572" y="6.222222222222221" width="4.114285714285707" height="21.77777777777778"></rect></svg>
<img src="../../../assets/img/icons/PUBLICATIONS.svg" width="30" height="30">
</div>
<h2 class="uk-margin-remove">
<span class="number">18,165</span>
@ -49,8 +48,7 @@
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<span class="peity_sale peity_data" style="display: none;">5,3,9,6,5,9,7,3,5,2</span>
<svg class="peity" height="28" width="64"><polygon fill="#44653D" points="0 27.5 0 12.5 7.111111111111111 18.5 14.222222222222221 0.5 21.333333333333332 9.5 28.444444444444443 12.5 35.55555555555556 0.5 42.666666666666664 6.5 49.77777777777777 18.5 56.888888888888886 12.5 64 21.5 64 27.5"></polygon><polyline fill="none" points="0 12.5 7.111111111111111 18.5 14.222222222222221 0.5 21.333333333333332 9.5 28.444444444444443 12.5 35.55555555555556 0.5 42.666666666666664 6.5 49.77777777777777 18.5 56.888888888888886 12.5 64 21.5" stroke="#44653D" stroke-width="1" stroke-linecap="square"></polyline></svg>
<img src="../../../assets/img/icons/DATASETS.svg" width="30" height="30">
</div>
<h2 class="uk-margin-remove">
<span class="number">12,812</span>
@ -76,8 +74,7 @@
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<span class="peity_orders peity_data" style="display: none;">64/100</span>
<svg class="peity" height="24" width="24"><path d="M 12 0 A 12 12 0 1 1 2.7538410866905263 19.649087876984275 L 7.376920543345263 15.824543938492138 A 6 6 0 1 0 12 6" data-value="64" fill="#A33C3C"></path><path d="M 2.7538410866905263 19.649087876984275 A 12 12 0 0 1 11.999999999999998 0 L 11.999999999999998 6 A 6 6 0 0 0 7.376920543345263 15.824543938492138" data-value="36" fill="#eee"></path></svg>
<img src="../../../assets/img/icons/REPOSITORIES.svg" width="30" height="30">
</div>
<h2 class="uk-margin-remove">
<span class="number">512</span>
@ -100,8 +97,7 @@
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<span class="peity_sale peity_data" style="display: none;">5,3,9,6,5,9,7,3,5,2</span>
<svg class="peity" height="28" width="64"><polygon fill="#7056AF" points="0 27.5 0 12.5 7.111111111111111 18.5 14.222222222222221 0.5 21.333333333333332 9.5 28.444444444444443 12.5 35.55555555555556 0.5 42.666666666666664 6.5 49.77777777777777 18.5 56.888888888888886 12.5 64 21.5 64 27.5"></polygon><polyline fill="none" points="0 12.5 7.111111111111111 18.5 14.222222222222221 0.5 21.333333333333332 9.5 28.444444444444443 12.5 35.55555555555556 0.5 42.666666666666664 6.5 49.77777777777777 18.5 56.888888888888886 12.5 64 21.5" stroke="#7056AF" stroke-width="1" stroke-linecap="square"></polyline></svg>
<img src="../../../assets/img/icons/JOURNAL.svg" width="30" height="30">
</div>
<h2 class="uk-margin-remove">
<span class="number">1356</span>
@ -124,8 +120,7 @@
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<span class="peity_visitors peity_data" style="display: none;">5,3,9,6,5,9,7</span>
<svg class="peity" height="28" width="48"><rect data-value="5" fill="#A26C0A" x="1.3714285714285717" y="12.444444444444443" width="4.114285714285715" height="15.555555555555557"></rect><rect data-value="3" fill="#A26C0A" x="8.228571428571428" y="18.666666666666668" width="4.114285714285716" height="9.333333333333332"></rect><rect data-value="9" fill="#A26C0A" x="15.085714285714287" y="0" width="4.1142857142857086" height="28"></rect><rect data-value="6" fill="#A26C0A" x="21.942857142857147" y="9.333333333333336" width="4.114285714285707" height="18.666666666666664"></rect><rect data-value="5" fill="#A26C0A" x="28.800000000000004" y="12.444444444444443" width="4.114285714285707" height="15.555555555555557"></rect><rect data-value="9" fill="#A26C0A" x="35.65714285714286" y="0" width="4.114285714285707" height="28"></rect><rect data-value="7" fill="#A26C0A" x="42.51428571428572" y="6.222222222222221" width="4.114285714285707" height="21.77777777777778"></rect></svg>
<img src="../../../assets/img/icons/POLICES.svg" width="30" height="30">
</div>
<h2 class="uk-margin-remove">
<span class="number">798</span>
@ -151,7 +146,7 @@
</div>
<div class="uk-width-1-5 uk-padding-remove">
<div id="sidebar_main" class="md-card dark-blue-box infoBox uk-sticky" uk-height-viewport="offset-bottom: 0">
<div id="sidebar_main" class="md-card dark-grey-box infoBox uk-sticky" uk-height-viewport="offset-bottom: 0">
<div class="md-card-content">
<h3 class="uk-text-center">{{countryName | uppercase}}</h3>

10
src/app/pages/home/countries-map-overview.component.html
View File

@ -19,31 +19,31 @@
<ul class="uk-nav uk-nav-side uk-nav-horizontal uk-nav-parent-icon" data-uk-nav="{multiple:true}">
<li>
<a (click)="changeView('publications')">
<span class="uk-nav-label" style="background-color: #5086BA !important;"></span>
<span class="uk-nav-label" style="background-color: #19647E !important;"></span>
<span class="text {{activeView=='publications' ? 'active' : ''}}">OA publications</span>
</a>
</li>
<li>
<a (click)="changeView('datasets')">
<span class="uk-nav-label" style="background-color: #44653D !important;"></span>
<span class="uk-nav-label" style="background-color: #019A85 !important;"></span>
<span class="text {{activeView=='datasets' ? 'active' : ''}}">OA datasets</span>
</a>
</li>
<li>
<a (click)="changeView('repositories')">
<span class="uk-nav-label" style="background-color: #A33C3C !important;"></span>
<span class="uk-nav-label" style="background-color: #A03245 !important;"></span>
<span class="text {{activeView=='repositories' ? 'active' : ''}}">OA repositories</span>
</a>
</li>
<li>
<a (click)="changeView('journals')">
<span class="uk-nav-label" style="background-color: #7056AF !important;"></span>
<span class="uk-nav-label" style="background-color: #2B243C !important;"></span>
<span class="text {{activeView=='journals' ? 'active' : ''}}">OA journals</span>
</a>
</li>
<li>
<a (click)="changeView('policies')">
<span class="uk-nav-label" style="background-color: #A26C0A !important;"></span>
<span class="uk-nav-label" style="background-color: #CC9139 !important;"></span>
<span class="text {{activeView=='policies' ? 'active' : ''}}">OA policies</span>
</a>
</li>

10
src/app/pages/home/countries-map-overview.component.ts
View File

@ -93,7 +93,7 @@ export class CountriesMapOverviewComponent implements OnInit {
overviewToMapData(countryOverview: CountryOverview): MapCountryData {
if (this.activeView === 'publications') {
this.seriesColor = '#5086BA';
this.seriesColor = '#19647E';
this.seriesName = 'OA publications';
return {
id: countryOverview.country,
@ -101,7 +101,7 @@ export class CountriesMapOverviewComponent implements OnInit {
z: countryOverview.publications.oa
};
} else if (this.activeView === 'datasets') {
this.seriesColor = '#44653D';
this.seriesColor = '#019A85';
this.seriesName = 'OA datasets';
return {
id: countryOverview.country,
@ -109,7 +109,7 @@ export class CountriesMapOverviewComponent implements OnInit {
z: countryOverview.datasets.oa
};
} else if (this.activeView === 'repositories') {
this.seriesColor = '#A33C3C';
this.seriesColor = '#A03245';
this.seriesName = 'OA repositories';
return {
id: countryOverview.country,
@ -117,7 +117,7 @@ export class CountriesMapOverviewComponent implements OnInit {
z: countryOverview.repositories.oa
};
} else if (this.activeView === 'journals') {
this.seriesColor = '#7056AF';
this.seriesColor = '#2B243C';
this.seriesName = 'OA journals';
return {
id: countryOverview.country,
@ -125,7 +125,7 @@ export class CountriesMapOverviewComponent implements OnInit {
z: countryOverview.journals.oa
};
} else {
this.seriesColor = '#A26C0A';
this.seriesColor = '#CC9139';
this.seriesName = 'OA policies';
return {
id: countryOverview.country,

4
src/app/pages/home/countries-table.component.html
View File

@ -46,7 +46,7 @@
<tbody>
<ng-container *ngIf="isPercentage">
<tr *ngFor="let countryOverview of countries">
<td class=""><a>{{countryOverview.country}}</a></td>
<td class=""><a [routerLink]="['/countryDashboard/' + countryOverview.country]">{{countryOverview.country}}</a></td>
<td *ngIf="type=='overview'" class="uk-text-center">
<ng-container *ngIf="countryOverview.repositories?.percentage !=null">{{countryOverview.repositories.percentage | number}}%</ng-container>
<ng-container *ngIf="countryOverview.repositories===null || countryOverview.repositories.percentage===null">--</ng-container>
@ -79,7 +79,7 @@
</ng-container>
<ng-container *ngIf="!isPercentage">
<tr *ngFor="let countryOverview of countries">
<td class=""><a>{{countryOverview.country}}</a></td>
<td class=""><a [routerLink]="['/countryDashboard/' + countryOverview.country]">{{countryOverview.country}}</a></td>
<td *ngIf="type=='overview'" class="uk-text-center">
<ng-container *ngIf="countryOverview.repositories?.oa !=null">{{countryOverview.repositories.oa | number}}</ng-container>
<ng-container *ngIf="countryOverview.repositories===null || countryOverview.repositories.oa===null">--</ng-container>

4
src/app/pages/home/data-view.component.html
View File

@ -42,8 +42,8 @@
</li>
</ul>
<div class="actionButtons uk-text-right">
<button class="md-btn md-btn-secondary" (click)="printOverviewData('switcher-content-a-fade')"><i class="fas fa-print uk-margin-small-right"></i>Print report in PDF</button>
<button class="md-btn md-btn-secondary uk-margin-left"><i class="fas fa-download uk-margin-small-right"></i>Download report</button>
<button class="md-btn md-btn-primary" (click)="printOverviewData('switcher-content-a-fade')"><i class="fas fa-print uk-margin-small-right"></i>Print report in PDF</button>
<button class="md-btn md-btn-primary uk-margin-left"><i class="fas fa-download uk-margin-small-right"></i>Download report</button>
</div>
<hr>

17
src/app/pages/home/home.component.html
View File

@ -14,7 +14,7 @@
</div>
<div class="uk-width-1-5">
<div class="md-card dark-blue-box infoBox">
<div class="md-card dark-grey-box infoBox">
<div *ngIf="!countrySelectedName" class="md-card-content">
<h3 class="uk-text-center">OPENAIRE MONITOR OBSERVATORY</h3>
<div>This tool allows you to:</div>
@ -121,8 +121,7 @@
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<span class="peity_visitors peity_data" style="display: none;">5,3,9,6,5,9,7</span>
<svg class="peity" height="28" width="48"><rect data-value="5" fill="#5086BA" x="1.3714285714285717" y="12.444444444444443" width="4.114285714285715" height="15.555555555555557"></rect><rect data-value="3" fill="#5086BA" x="8.228571428571428" y="18.666666666666668" width="4.114285714285716" height="9.333333333333332"></rect><rect data-value="9" fill="#5086BA" x="15.085714285714287" y="0" width="4.1142857142857086" height="28"></rect><rect data-value="6" fill="#5086BA" x="21.942857142857147" y="9.333333333333336" width="4.114285714285707" height="18.666666666666664"></rect><rect data-value="5" fill="#5086BA" x="28.800000000000004" y="12.444444444444443" width="4.114285714285707" height="15.555555555555557"></rect><rect data-value="9" fill="#5086BA" x="35.65714285714286" y="0" width="4.114285714285707" height="28"></rect><rect data-value="7" fill="#5086BA" x="42.51428571428572" y="6.222222222222221" width="4.114285714285707" height="21.77777777777778"></rect></svg>
<img src="../../../assets/img/icons/PUBLICATIONS.svg" width="30" height="30">
</div>
<h2 class="uk-margin-remove">
<span *ngIf="overviewData.overview.publications?.oa" class="number">{{overviewData.overview.publications.oa | number}}</span>
@ -144,8 +143,7 @@
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<span class="peity_sale peity_data" style="display: none;">5,3,9,6,5,9,7,3,5,2</span>
<svg class="peity" height="28" width="64"><polygon fill="#44653D" points="0 27.5 0 12.5 7.111111111111111 18.5 14.222222222222221 0.5 21.333333333333332 9.5 28.444444444444443 12.5 35.55555555555556 0.5 42.666666666666664 6.5 49.77777777777777 18.5 56.888888888888886 12.5 64 21.5 64 27.5"></polygon><polyline fill="none" points="0 12.5 7.111111111111111 18.5 14.222222222222221 0.5 21.333333333333332 9.5 28.444444444444443 12.5 35.55555555555556 0.5 42.666666666666664 6.5 49.77777777777777 18.5 56.888888888888886 12.5 64 21.5" stroke="#44653D" stroke-width="1" stroke-linecap="square"></polyline></svg>
<img src="../../../assets/img/icons/DATASETS.svg" width="30" height="30">
</div>
<h2 class="uk-margin-remove">
<span *ngIf="overviewData.overview.datasets?.oa" class="number">{{overviewData.overview.datasets.oa | number}}</span>
@ -167,8 +165,7 @@
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<span class="peity_orders peity_data" style="display: none;">64/100</span>
<svg class="peity" height="24" width="24"><path d="M 12 0 A 12 12 0 1 1 2.7538410866905263 19.649087876984275 L 7.376920543345263 15.824543938492138 A 6 6 0 1 0 12 6" data-value="64" fill="#A33C3C"></path><path d="M 2.7538410866905263 19.649087876984275 A 12 12 0 0 1 11.999999999999998 0 L 11.999999999999998 6 A 6 6 0 0 0 7.376920543345263 15.824543938492138" data-value="36" fill="#eee"></path></svg>
<img src="../../../assets/img/icons/REPOSITORIES.svg" width="30" height="30">
</div>
<h2 class="uk-margin-remove">
<span *ngIf="overviewData.overview.repositories?.oa" class="number">{{overviewData.overview.repositories.oa | number}}</span>
@ -190,8 +187,7 @@
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<span class="peity_sale peity_data" style="display: none;">5,3,9,6,5,9,7,3,5,2</span>
<svg class="peity" height="28" width="64"><polygon fill="#7056AF" points="0 27.5 0 12.5 7.111111111111111 18.5 14.222222222222221 0.5 21.333333333333332 9.5 28.444444444444443 12.5 35.55555555555556 0.5 42.666666666666664 6.5 49.77777777777777 18.5 56.888888888888886 12.5 64 21.5 64 27.5"></polygon><polyline fill="none" points="0 12.5 7.111111111111111 18.5 14.222222222222221 0.5 21.333333333333332 9.5 28.444444444444443 12.5 35.55555555555556 0.5 42.666666666666664 6.5 49.77777777777777 18.5 56.888888888888886 12.5 64 21.5" stroke="#7056AF" stroke-width="1" stroke-linecap="square"></polyline></svg>
<img src="../../../assets/img/icons/JOURNAL.svg" width="30" height="30">
</div>
<h2 class="uk-margin-remove">
<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>
@ -213,8 +209,7 @@
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<span class="peity_visitors peity_data" style="display: none;">5,3,9,6,5,9,7</span>
<svg class="peity" height="28" width="48"><rect data-value="5" fill="#A26C0A" x="1.3714285714285717" y="12.444444444444443" width="4.114285714285715" height="15.555555555555557"></rect><rect data-value="3" fill="#A26C0A" x="8.228571428571428" y="18.666666666666668" width="4.114285714285716" height="9.333333333333332"></rect><rect data-value="9" fill="#A26C0A" x="15.085714285714287" y="0" width="4.1142857142857086" height="28"></rect><rect data-value="6" fill="#A26C0A" x="21.942857142857147" y="9.333333333333336" width="4.114285714285707" height="18.666666666666664"></rect><rect data-value="5" fill="#A26C0A" x="28.800000000000004" y="12.444444444444443" width="4.114285714285707" height="15.555555555555557"></rect><rect data-value="9" fill="#A26C0A" x="35.65714285714286" y="0" width="4.114285714285707" height="28"></rect><rect data-value="7" fill="#A26C0A" x="42.51428571428572" y="6.222222222222221" width="4.114285714285707" height="21.77777777777778"></rect></svg>
<img src="../../../assets/img/icons/POLICES.svg" width="30" height="30">
</div>
<h2 class="uk-margin-remove">
<span *ngIf="overviewData.overview.policies?.oa" class="number">{{overviewData.overview.policies.oa | number}}</span>

2
src/app/shared/topmenu/top-menu.component.html
View File

@ -3,7 +3,7 @@
<div class="uk-container uk-container-large uk-container-center">
<a href="#" class="uk-float-left" id="mobile_navigation_toggle" data-uk-offcanvas="{target:'#mobile_navigation'}"><i class="material-icons">&#xE5D2;</i></a>
<a href="/" class="uk-navbar-brand">
<img src="https://www.openaire.eu/images/OpenAIRE_branding/Logo_Horizontal.png" alt="" width="152" height="30">
<img src="../../../assets/img/Logo-COLOR.svg" alt="" width="152" height="30">
</a>
<div class="uk-navbar-flip">
<ul class="uk-navbar-nav" id="main_navigation">

54
src/assets/css/os-observatory-custom.css
View File

@ -26,7 +26,16 @@ h1, h2, h3, h4, h5, h6 {
}
.greySection {
background-color: #F0F0F0;
/*background-color: #F0F0F0;*/
background-color: #EBEBEC;
}
a {
color: #006e5f;
}
a:hover, a:focus, a:active {
color: #005549;
}
.mapContainer {
@ -88,6 +97,22 @@ h1, h2, h3, h4, h5, h6 {
color: #fff;
}
.dark-grey-box {
background: #2A2D34 0% 0% no-repeat padding-box;
border: 1px solid #707070;
border-radius: 2px;
opacity: 1;
color: #fff;
}
.dark-grey-box h3 {
color: #fff;
}
.dark-grey-box a, .dark-grey-box a:hover, .dark-grey-box a:focus {
color: #fff;
}
.openaire-symbol-wrapper {
background-color: #fff;
border-radius: 50%;
@ -152,8 +177,22 @@ a.backToOriginalInfoBox, a.backToOriginalInfoBox:hover, a.backToOriginalInfoBox:
/********************************************/
/*.md-btn-primary {*/
/*background: #1F73F7 0% 0% no-repeat padding-box;*/
/*box-shadow: 0px 3px 6px #00000029;*/
/*border-radius: 26px;*/
/*opacity: 1;*/
/*text-align: left;*/
/*font: 14px/19px Open Sans;*/
/*font-weight: 400;*/
/*letter-spacing: 0;*/
/*color: #FFFFFF;*/
/*text-transform: none;*/
/*!*padding: 10px 30px;*!*/
/*}*/
.md-btn-primary {
background: #1F73F7 0% 0% no-repeat padding-box;
background: #019A85 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 26px;
opacity: 1;
@ -166,6 +205,10 @@ a.backToOriginalInfoBox, a.backToOriginalInfoBox:hover, a.backToOriginalInfoBox:
/*padding: 10px 30px;*/
}
.md-btn-primary:hover, .md-btn-primary:focus, .md-btn-primary:active {
background: #006e5f 0% 0% no-repeat padding-box;
}
.md-btn-secondary {
background: #034DA1 0% 0% no-repeat padding-box;
box-shadow: 0px 2px 6px #00000038;
@ -189,6 +232,10 @@ a.backToOriginalInfoBox, a.backToOriginalInfoBox:hover, a.backToOriginalInfoBox:
text-transform: none;
}
.uk-tab > li.uk-active > a {
border-bottom-color: #019A85;
}
#team_tabbed {
background: #FBFBFB 0% 0% no-repeat padding-box;
border: 1px solid #E0E0E0;
@ -215,7 +262,8 @@ a.backToOriginalInfoBox, a.backToOriginalInfoBox:hover, a.backToOriginalInfoBox:
/*}*/
.uk-subnav-pill > .uk-active > * {
background: #1F73F7;
/*background: #1F73F7;*/
background: #2A2D34;
}
.dataView.uk-subnav-pill > * > * {

1
src/assets/img/Logo-BLACK.svg Executable file
View File

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

After

Width:  |  Height:  |  Size: 6.5 KiB

1
src/assets/img/Logo-COLOR.svg Executable file
View File

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

After

Width:  |  Height:  |  Size: 6.5 KiB

1
src/assets/img/Logo-WHITE.svg Executable file
View File

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

After

Width:  |  Height:  |  Size: 6.5 KiB

1
src/assets/img/icons/DATASETS.svg Executable file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.34 97.13"><defs><style>.cls-1{fill:#019a85;}</style></defs><title>DATASETS</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M39.67,0C20,0,0,4.89,0,14.25V82.88c0,9.35,20,14.25,39.67,14.25s39.67-4.9,39.67-14.25V14.25C79.34,4.89,59.39,0,39.67,0ZM76.26,82.88c0,5.28-15,11.17-36.59,11.17S3.09,88.16,3.09,82.88V65.71l1.57,1.1c6.61,4.59,20,7.44,35,7.44S68,71.45,74.7,67l1.56-1Zm0-22.88c0,5.28-15,11.17-36.59,11.17S3.09,65.28,3.09,60V42.84l1.57,1.09c6.57,4.57,19.66,7.29,35,7.29s28.44-2.72,35-7.29l1.57-1.09Zm0-22.87c0,5.28-15,11.16-36.59,11.16S3.09,42.41,3.09,37.13V20l1.57,1.09c6.61,4.6,20,7.45,35,7.45s28.34-2.8,35-7.3l1.56-1.05ZM39.67,25.42c-21.56,0-36.58-5.89-36.58-11.17s15-11.17,36.58-11.17S76.26,9,76.26,14.25,61.23,25.42,39.67,25.42Z"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 862 B

1
src/assets/img/icons/JOURNAL.svg Executable file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.39 97.38"><defs><style>.cls-1{fill:#2b243c;}</style></defs><title>JOURNAL</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M38.4,46.43v14.2c0,3.91-1.55,5.81-4.73,5.81a10,10,0,0,1-2-.19l-.34,2.43a14.41,14.41,0,0,0,2.87.31c5.33,0,7.61-2.48,7.61-8.29V46.43Z"/><path class="cls-1" d="M79.39,49.24V26.18h-6V15.12H70.12v-14A1.16,1.16,0,0,0,69,0H8.73A9.19,9.19,0,0,0,0,6.73v84a8.78,8.78,0,0,0,8.47,6.67H72.2a1.16,1.16,0,0,0,1.16-1.16V82.35h6V59.28h-6v-10Zm-2-21.06V47.24h-4V28.18ZM2.13,7.75l0-.08A6.94,6.94,0,0,1,8.7,2.32H67.8v12.8H8.43a6.33,6.33,0,0,1-4.49-1.86A6.55,6.55,0,0,1,2.13,7.75ZM16,17.44V37.22l-2.34-2.31a1.18,1.18,0,0,0-1.64,0L9.63,37.22V17.44ZM71,95.06H8.47a6.41,6.41,0,0,1-6.4-6.4V14.93L3.63,16a8.41,8.41,0,0,0,2.9,1.24l.78.18V40.05A1.16,1.16,0,0,0,8,41.13a1.15,1.15,0,0,0,1.25-.27l3.51-3.49,3.51,3.49a1.14,1.14,0,0,0,2-.81V17.44H71V95.06Zm6.35-33.78V80.35h-4V61.28Z"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1001 B

1
src/assets/img/icons/POLICES.svg Executable file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 92.94 97.88"><defs><style>.cls-1{fill:#cc9139;}</style></defs><title>POLICES</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M45.64,67.57a7.74,7.74,0,1,0,7.74,7.74A7.75,7.75,0,0,0,45.64,67.57Zm0,13.18a5.45,5.45,0,1,1,5.45-5.44A5.45,5.45,0,0,1,45.64,80.75Z"/><path class="cls-1" d="M60.48,70.86H57.53l-.3-.74.2-.31L59.28,68a1.14,1.14,0,0,0,.33-.81,1.16,1.16,0,0,0-.33-.81l-4.67-4.66a1.18,1.18,0,0,0-1.62,0l-2.08,2.08-.82-.33v-3a1.15,1.15,0,0,0-1.15-1.15H42.35a1.14,1.14,0,0,0-1.15,1.15v2.94l-.82.34L38.3,61.68a1.18,1.18,0,0,0-1.62,0L32,66.34a1.12,1.12,0,0,0-.33.81A1.16,1.16,0,0,0,32,68l2.09,2.09-.34.81H30.81A1.16,1.16,0,0,0,29.66,72V78.6a1.15,1.15,0,0,0,1.15,1.15h2.94l.35.82L32,82.65a1.14,1.14,0,0,0-.33.82,1.18,1.18,0,0,0,.33.81l4.66,4.66a1.26,1.26,0,0,0,1.63,0l2.08-2.08.82.33v3a1.15,1.15,0,0,0,1.15,1.15h6.59a1.16,1.16,0,0,0,1.15-1.15V87.2l.75-.31.3.2L53,88.94a1.18,1.18,0,0,0,1.62,0l4.67-4.66a1.18,1.18,0,0,0,.33-.81,1.14,1.14,0,0,0-.33-.81L57.2,80.57l.32-.82h3a1.14,1.14,0,0,0,1.14-1.15V72A1.15,1.15,0,0,0,60.48,70.86Zm-1.15,6.6H56.7a1.14,1.14,0,0,0-1.1.82,10.47,10.47,0,0,1-.82,2,1.15,1.15,0,0,0,.2,1.36l1.86,1.86-3,3-1.86-1.85a1.12,1.12,0,0,0-1.36-.2,10.07,10.07,0,0,1-2,.81,1.16,1.16,0,0,0-.82,1.1V89H43.5V86.36a1.15,1.15,0,0,0-.82-1.1,10.27,10.27,0,0,1-2-.81,1.15,1.15,0,0,0-1.36.2L37.48,86.5l-3-3,1.86-1.86a1.14,1.14,0,0,0,.19-1.36,10.72,10.72,0,0,1-.81-2,1.14,1.14,0,0,0-1.1-.82H32v-4.3h2.63a1.15,1.15,0,0,0,1.1-.82,10.56,10.56,0,0,1,.81-2A1.16,1.16,0,0,0,36.31,69l-1.86-1.86,3-3L39.34,66a1.15,1.15,0,0,0,1.36.2,10.19,10.19,0,0,1,2-.82,1.15,1.15,0,0,0,.82-1.09V61.62h4.29v2.64a1.17,1.17,0,0,0,.82,1.1,10.27,10.27,0,0,1,2,.81,1.14,1.14,0,0,0,1.35-.2l1.86-1.86,3,3L55,69a1.15,1.15,0,0,0-.2,1.36,9.84,9.84,0,0,1,.82,2,1.15,1.15,0,0,0,1.1.82h2.63Z"/><path class="cls-1" d="M77,46.14a7.74,7.74,0,1,0,7.74,7.74A7.75,7.75,0,0,0,77,46.14Zm0,13.19a5.45,5.45,0,1,1,5.44-5.45A5.45,5.45,0,0,1,77,59.33Z"/><path class="cls-1" d="M91.79,49.44h-3l-.34-.82,2.09-2.08a1.18,1.18,0,0,0,.33-.81,1.14,1.14,0,0,0-.33-.81l-4.67-4.67a1.24,1.24,0,0,0-1.62,0l-2.08,2.09L81.4,42v-3a1.16,1.16,0,0,0-1.15-1.15H76.46V1.15A1.15,1.15,0,0,0,75.31,0H1.15A1.14,1.14,0,0,0,0,1.15V96.73a1.15,1.15,0,0,0,1.15,1.15H75.31a1.16,1.16,0,0,0,1.15-1.15V69.86h3.79a1.15,1.15,0,0,0,1.15-1.14v-3l.75-.3.31.2,1.84,1.85a1.18,1.18,0,0,0,1.62,0l4.67-4.67a1.14,1.14,0,0,0,.33-.81,1.16,1.16,0,0,0-.33-.81L88.5,59.15l.34-.82h3a1.16,1.16,0,0,0,1.15-1.15V50.59A1.16,1.16,0,0,0,91.79,49.44ZM68.22,2.3h5.94V37.9h-.5a1.16,1.16,0,0,0-1.15,1.15V42l-.73.31-.33-.2-1.84-1.85a1.18,1.18,0,0,0-.81-.33h-.5l-.08-.5Zm-2.3,93.28H2.3V2.3H65.92v40l-2.59,2.6a1.11,1.11,0,0,0-.34.81,1.13,1.13,0,0,0,.34.81l2.08,2.08-.33.82h-3A1.15,1.15,0,0,0,61,50.59v6.59a1.15,1.15,0,0,0,1.14,1.15h2.95l.34.82-2.09,2.08A1.18,1.18,0,0,0,63,62a1.16,1.16,0,0,0,.33.81l2.6,2.6Zm8.24,0H68.22V67.81l.54,0a1.07,1.07,0,0,0,.85-.34l2.08-2.08.82.33v3a1.15,1.15,0,0,0,1.15,1.14h.5ZM90.64,56H88a1.15,1.15,0,0,0-1.1.82,10.29,10.29,0,0,1-.82,2,1.15,1.15,0,0,0,.2,1.35L88.15,62l-3,3-1.86-1.86A1.14,1.14,0,0,0,81.9,63a10.19,10.19,0,0,1-2,.82,1.15,1.15,0,0,0-.82,1.1v2.63H74.81V64.94a1.15,1.15,0,0,0-.82-1.1A10.56,10.56,0,0,1,72,63a1.15,1.15,0,0,0-1.36.2L68.8,65.08l-3-3,1.86-1.86a1.13,1.13,0,0,0,.19-1.36,10.72,10.72,0,0,1-.81-2A1.15,1.15,0,0,0,65.9,56H63.27V51.74H65.9a1.15,1.15,0,0,0,1.1-.82,10.29,10.29,0,0,1,.82-2,1.15,1.15,0,0,0-.2-1.36l-1.86-1.86,3-3,1.86,1.86a1.05,1.05,0,0,0,.34.22l.12,0a.83.83,0,0,0,.28.06l.1,0,.1,0a1.06,1.06,0,0,0,.42-.12,10.44,10.44,0,0,1,2-.81,1.15,1.15,0,0,0,.82-1.1V40.2H79.1v2.63a1.15,1.15,0,0,0,.82,1.1,10.29,10.29,0,0,1,2,.82,1.15,1.15,0,0,0,1.36-.2l1.86-1.86,3,3-1.86,1.85A1.15,1.15,0,0,0,86.1,49a10.44,10.44,0,0,1,.81,2,1.15,1.15,0,0,0,1.1.82h2.63Z"/><rect class="cls-1" x="44.5" y="11.54" width="15.48" height="2.29"/><rect class="cls-1" x="8.24" y="11.54" width="31.96" height="2.29"/><rect class="cls-1" x="23.07" y="18.13" width="36.91" height="2.29"/><rect class="cls-1" x="8.24" y="18.13" width="10.54" height="2.29"/><rect class="cls-1" x="41.2" y="24.72" width="18.78" height="2.3"/><rect class="cls-1" x="8.24" y="24.72" width="28.66" height="2.3"/><rect class="cls-1" x="8.24" y="31.31" width="51.74" height="2.3"/><rect class="cls-1" x="44.5" y="37.9" width="15.48" height="2.3"/><rect class="cls-1" x="8.24" y="37.9" width="31.96" height="2.3"/><rect class="cls-1" x="19.78" y="44.5" width="40.2" height="2.29"/><rect class="cls-1" x="8.24" y="44.5" width="7.24" height="2.29"/><rect class="cls-1" x="8.24" y="51.09" width="23.72" height="2.29"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

1
src/assets/img/icons/PUBLICATIONS.svg Executable file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 78 98"><defs><style>.cls-1{fill:#19647e;}</style></defs><title>PUBLICATIONS</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M15,15V43H38V15ZM35,40H18V18H35ZM15,60v3H43V60Zm0,10v3H43V70ZM45,40v3H63V40ZM15,50v3H63V50ZM50,60V73H63V60ZM60,70H53V63h7ZM15,80v3H63V80Zm0,0v3H63V80ZM50,60V73H63V60ZM60,70H53V63h7ZM15,50v3H63V50ZM45,40v3H63V40ZM15,70v3H43V70Zm0-10v3H43V60Zm0-45V43H38V15ZM35,40H18V18H35ZM15,15V43H38V15ZM35,40H18V18H35ZM15,60v3H43V60Zm0,10v3H43V70Zm0,10v3H63V80ZM45,40v3H63V40ZM15,50v3H63V50ZM50,60V73H63V60ZM60,70H53V63h7ZM15,50v3H63V50ZM45,40v3H63V40ZM15,80v3H63V80ZM50,60V73H63V60ZM60,70H53V63h7ZM15,70v3H43V70Zm0-10v3H43V60Zm0-45V43H38V15ZM35,40H18V18H35ZM15,15V43H38V15ZM35,40H18V18H35ZM15,60v3H43V60Zm0,10v3H43V70ZM50,60V73H63V60ZM60,70H53V63h7ZM15,80v3H63V80ZM45,40v3H63V40ZM15,50v3H63V50Zm0,0v3H63V50ZM45,40v3H63V40ZM15,80v3H63V80ZM50,60V73H63V60ZM60,70H53V63h7ZM15,70v3H43V70Zm0-10v3H43V60Zm0-45V43H38V15ZM35,40H18V18H35ZM15,15V43H38V15ZM35,40H18V18H35ZM15,60v3H43V60Zm0,10v3H43V70ZM50,60V73H63V60ZM60,70H53V63h7ZM15,80v3H63V80ZM45,40v3H63V40ZM15,50v3H63V50ZM45,40v3H63V40ZM15,80v3H63V80ZM50,60V73H63V60ZM60,70H53V63h7ZM15,50v3H63V50Zm0,20v3H43V70Zm0-10v3H43V60Zm0-45V43H38V15ZM35,40H18V18H35ZM15,15V43H38V15ZM35,40H18V18H35ZM15,60v3H43V60Zm0,10v3H43V70ZM45,40v3H63V40ZM15,50v3H63V50ZM50,60V73H63V60ZM60,70H53V63h7ZM15,80v3H63V80Zm0,0v3H63V80ZM50,60V73H63V60ZM60,70H53V63h7ZM15,50v3H63V50ZM45,40v3H63V40ZM15,70v3H43V70Zm0-10v3H43V60Zm0-45V43H38V15ZM35,40H18V18H35ZM15,15V43H38V15ZM35,40H18V18H35ZM15,60v3H43V60Zm0,10v3H43V70ZM45,40v3H63V40ZM15,50v3H63V50ZM50,60V73H63V60ZM60,70H53V63h7ZM15,80v3H63V80Zm0,3H63V80H15ZM50,73H63V60H50Zm3-10h7v7H53ZM15,53H63V50H15ZM45,40v3H63V40ZM43,70H15v3H43Zm0-10H15v3H43ZM38,15H15V43H38ZM35,40H18V18H35ZM48.59,0H0V98H78V29.42ZM50.5,6.16,71.84,27.5H50.5ZM75,95H3V3H47.5V30.5H75ZM15,83H63V80H15ZM50,73H63V60H50Zm3-10h7v7H53ZM15,53H63V50H15ZM45,43H63V40H45ZM43,70H15v3H43Zm0-10H15v3H43ZM38,15H15V43H38ZM35,40H18V18H35ZM15,15V43H38V15ZM35,40H18V18H35ZM15,60v3H43V60Zm0,10v3H43V70ZM45,40v3H63V40ZM15,50v3H63V50ZM50,60V73H63V60ZM60,70H53V63h7ZM15,80v3H63V80Zm0,0v3H63V80ZM50,60V73H63V60ZM60,70H53V63h7ZM15,50v3H63V50ZM45,40v3H63V40ZM15,70v3H43V70Zm0-10v3H43V60Zm0-45V43H38V15ZM35,40H18V18H35ZM15,15V43H38V15ZM35,40H18V18H35ZM15,60v3H43V60Zm0,10v3H43V70ZM45,40v3H63V40ZM15,50v3H63V50ZM50,60V73H63V60ZM60,70H53V63h7ZM15,80v3H63V80ZM45,40v3H63V40ZM15,80v3H63V80ZM50,60V73H63V60ZM60,70H53V63h7ZM15,50v3H63V50Zm0,20v3H43V70Zm0-10v3H43V60Zm0-45V43H38V15ZM35,40H18V18H35ZM15,15V43H38V15ZM35,40H18V18H35ZM15,60v3H43V60Zm0,10v3H43V70ZM50,60V73H63V60ZM60,70H53V63h7ZM15,80v3H63V80ZM45,40v3H63V40ZM15,50v3H63V50Zm0,0v3H63V50ZM45,40v3H63V40ZM15,80v3H63V80ZM50,60V73H63V60ZM60,70H53V63h7ZM15,70v3H43V70Zm0-10v3H43V60Zm0-45V43H38V15ZM35,40H18V18H35ZM15,15V43H38V15ZM35,40H18V18H35ZM15,60v3H43V60Zm0,10v3H43V70ZM50,60V73H63V60ZM60,70H53V63h7ZM15,80v3H63V80ZM45,40v3H63V40ZM15,50v3H63V50Zm0,0v3H63V50ZM45,40v3H63V40ZM15,80v3H63V80ZM50,60V73H63V60ZM60,70H53V63h7ZM15,70v3H43V70Zm0-10v3H43V60Zm0-45V43H38V15ZM35,40H18V18H35ZM15,15V43H38V15ZM35,40H18V18H35ZM15,60v3H43V60Zm0,10v3H43V70Zm0,10v3H63V80ZM45,40v3H63V40ZM15,50v3H63V50ZM50,60V73H63V60ZM60,70H53V63h7ZM15,80v3H63V80ZM50,60V73H63V60ZM60,70H53V63h7ZM15,50v3H63V50ZM45,40v3H63V40ZM15,70v3H43V70Zm0-10v3H43V60Zm0-45V43H38V15ZM35,40H18V18H35ZM15,15V43H38V15ZM35,40H18V18H35ZM15,60v3H43V60Zm0,10v3H43V70ZM45,40v3H63V40ZM15,50v3H63V50ZM50,60V73H63V60ZM60,70H53V63h7ZM15,80v3H63V80Zm0-65V43H38V15ZM35,40H18V18H35ZM15,50v3H63V50ZM45,40v3H63V40ZM15,60v3H43V60Zm0,10v3H43V70ZM50,60V73H63V60ZM60,70H53V63h7ZM15,80v3H63V80Z"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

1
src/assets/img/icons/REPOSITORIES.svg Executable file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101.23 99.51"><defs><style>.cls-1{fill:#a03245;}</style></defs><title>REPOSITORIES</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M26.76,17C13.61,17,0,21,0,27.61V76.16a1.16,1.16,0,0,0,.21.68c2.91,4.25,14.07,7.34,26.55,7.34,11.87,0,23.79-3.29,26.55-7.34a1.16,1.16,0,0,0,.21-.68V27.61C53.52,21,39.91,17,26.76,17ZM2.41,32.19l1.24.89q.49.33,1,.63l.35.2c.45.24.93.47,1.44.7l.27.12,1.37.55.47.17c.55.19,1.13.38,1.72.56s1.28.36,1.92.52l.52.12c.55.13,1.1.25,1.67.36l.37.08,2.05.35.5.07c.57.08,1.15.16,1.72.22l.53.07c.71.07,1.43.14,2.15.19l.38,0,1.85.1.6,0c1.46,0,2.93,0,4.39,0l.6,0,1.85-.1.39,0c.71-.05,1.43-.12,2.15-.19l.52-.07c.58-.06,1.15-.14,1.72-.22l.5-.07,2-.35L39.1,37q.84-.16,1.65-.36l.52-.12c.65-.16,1.29-.33,1.9-.51s1.2-.38,1.76-.58l.46-.17c.48-.17.94-.36,1.38-.55l.26-.11c.51-.22,1-.46,1.45-.71a3.37,3.37,0,0,0,.32-.19c.37-.21.71-.42,1-.63l.38-.25.8-.6.06,1v9.76c0,3.26-7,6.57-16.4,7.7-.29,0-.57.07-.86.09l-1.18.12-1.24.09L30.24,51l-1.1.05c-.79,0-1.59,0-2.41,0s-1.61,0-2.4,0L23.25,51l-1.18-.07c-.42,0-.83-.06-1.24-.09s-.8-.07-1.19-.12-.57,0-.85-.09c-9.34-1.13-16.38-4.45-16.38-7.7Zm48.7,43.57-.14.15c-2.69,2.82-12.71,5.86-24.21,5.86-11.82,0-21.6-3-24.22-5.86l-.13-.14V63.59l.75.45C7.47,66.6,15,68.37,23.26,68.76h.12l1.43,0c1.31,0,2.6,0,3.89,0l1.41,0h.18c8.25-.39,15.76-2.16,20.07-4.72l.75-.45Zm0-17.49c0,3.26-7,6.57-16.4,7.71l-.71.07-.15,0-1.19.11-1.23.1-1.16.06-1.11.06c-.78,0-1.58,0-2.4,0s-1.62,0-2.4,0l-1.1-.06-1.17-.06-1.23-.1-1.19-.11-.14,0L18.81,66c-9.35-1.14-16.4-4.45-16.4-7.71v-10l.75.45C7.47,51.27,15,53,23.26,53.42h.12l1.43.06c1.31,0,2.6,0,3.89,0l1.41-.06h.18c8.25-.39,15.76-2.15,20.07-4.72l.75-.45ZM26.76,35.77c-14.35,0-24.35-4.3-24.35-8.16s10-8.17,24.35-8.17,24.35,4.3,24.35,8.17S41.11,35.77,26.76,35.77Z"/><path class="cls-1" d="M101.13,43.32a1.2,1.2,0,0,0-.66-.65,1.3,1.3,0,0,0-.45-.08H90.66L89.24,38.3a1.22,1.22,0,0,0-1.15-.82H64.24a1.2,1.2,0,0,0-1.2,1.2,1.28,1.28,0,0,0,0,.19L66.46,61a.64.64,0,0,0,0,.07,1.72,1.72,0,0,0,.09.25l.17.27,0,0h0l.07.07a1.15,1.15,0,0,0,.27.18,1.08,1.08,0,0,0,.34.1l.1,0H93.21a1.21,1.21,0,0,0,1.12-.75l6.81-17A1.18,1.18,0,0,0,101.13,43.32ZM65.65,39.88H87.23l.9,2.71H74.46a1.18,1.18,0,0,0-1.11.75L68.17,56.29ZM92.39,59.63h-23L75.28,45h23Z"/><path class="cls-1" d="M66.74,61.6l0,0h0Z"/><path class="cls-1" d="M101.13,80.8a1.2,1.2,0,0,0-.66-.65,1.3,1.3,0,0,0-.45-.08H90.66l-1.42-4.29A1.22,1.22,0,0,0,88.09,75H64.24a1.2,1.2,0,0,0-1.2,1.2,1.28,1.28,0,0,0,0,.19l3.41,22.14a.64.64,0,0,0,0,.07,1.72,1.72,0,0,0,.09.25l.17.27,0,0h0l.07.07a1.15,1.15,0,0,0,.27.18,1.08,1.08,0,0,0,.34.1l.1,0H93.21a1.21,1.21,0,0,0,1.12-.75l6.81-17A1.18,1.18,0,0,0,101.13,80.8ZM65.65,77.36H87.23l.9,2.71H74.46a1.18,1.18,0,0,0-1.11.75l-5.18,13ZM92.39,97.11h-23l5.85-14.63h23Z"/><path class="cls-1" d="M66.74,99.08l0,0h0Z"/><path class="cls-1" d="M101.13,5.84a1.2,1.2,0,0,0-.66-.65,1.3,1.3,0,0,0-.45-.08H90.66L89.24.82A1.22,1.22,0,0,0,88.09,0H64.24A1.2,1.2,0,0,0,63,1.2a1.28,1.28,0,0,0,0,.19l3.41,22.14a.64.64,0,0,0,0,.07,1.72,1.72,0,0,0,.09.25l.17.27,0,0h0l.07.07a1.15,1.15,0,0,0,.27.18,1.08,1.08,0,0,0,.34.1l.1,0H93.21a1.21,1.21,0,0,0,1.12-.75l6.81-17A1.18,1.18,0,0,0,101.13,5.84ZM65.65,2.4H87.23l.9,2.71H74.46a1.18,1.18,0,0,0-1.11.75l-5.18,13ZM92.39,22.15h-23L75.28,7.52h23Z"/><path class="cls-1" d="M66.74,24.12l0,0h0Z"/><rect class="cls-1" x="25.56" y="10.22" width="2.4" height="2.4"/><rect class="cls-1" x="25.56" y="3.4" width="2.4" height="2.41"/><rect class="cls-1" x="32.37" y="3.4" width="2.41" height="2.41"/><rect class="cls-1" x="39.19" y="3.4" width="2.4" height="2.41"/><rect class="cls-1" x="46" y="3.4" width="2.41" height="2.41"/><rect class="cls-1" x="52.82" y="3.4" width="2.4" height="2.41"/><rect class="cls-1" x="25.56" y="88.59" width="2.4" height="2.41"/><rect class="cls-1" x="25.56" y="95.4" width="2.4" height="2.41"/><rect class="cls-1" x="32.37" y="95.4" width="2.41" height="2.41"/><rect class="cls-1" x="39.19" y="95.4" width="2.4" height="2.41"/><rect class="cls-1" x="46" y="95.4" width="2.41" height="2.41"/><rect class="cls-1" x="52.82" y="95.4" width="2.4" height="2.41"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB