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

New design for the current version of the open science observatory

This commit is contained in:
Stefania Martziou 2020-05-05 20:34:12 +00:00
parent b643f6ced3
commit 13b1f32879
31 changed files with 957 additions and 313 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/app-routing.module.ts
View File

@ -2,7 +2,8 @@ import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './pages/home/home.component';
import { CountriesMapOverviewComponent } from './pages/home/countries-map-overview.component';
import {CountryPageComponent} from './pages/countrypage/country-page.component';
import { CountryPageComponent } from './pages/countrypage/country-page.component';
import { MethodologyPageComponent } from './pages/methodology/methodology.component';
const routes: Routes = [
{
@ -22,6 +23,10 @@ const routes: Routes = [
path: 'countryDashboard/:countryName',
component: CountryPageComponent
},
{
path: 'methodology',
component: MethodologyPageComponent
},
];
@NgModule({

4
src/app/app.module.ts
View File

@ -13,6 +13,7 @@ import { CountriesMapOverviewComponent } from './pages/home/countries-map-overvi
import { CountryPageComponent } from './pages/countrypage/country-page.component';
import { CountryMapComponent } from './pages/countrypage/country-map.component';
import { GaugeChartComponent } from './pages/home/gauge-chart.component';
import { MethodologyPageComponent } from './pages/methodology/methodology.component';
@NgModule({
declarations: [
@ -23,7 +24,8 @@ import { GaugeChartComponent } from './pages/home/gauge-chart.component';
CountriesMapOverviewComponent,
CountryPageComponent,
CountryMapComponent,
GaugeChartComponent
GaugeChartComponent,
MethodologyPageComponent
],
imports: [
BrowserModule,

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

@ -1,4 +1,4 @@
<section class="section greySection uk-padding-remove" id="sect-country-page">
<section class="greySection uk-padding-small" id="sect-country-page">
<div class="uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up uk-padding-remove" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}">
<!--<div class="uk-container uk-container-expand uk-container-center uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up uk-padding-remove" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}">-->
@ -15,147 +15,224 @@
</div>
<div class="uk-container uk-container-expand uk-margin-top">
<div class="uk-text-right">
<button class="md-btn md-btn-primary"><i class="fas fa-code uk-margin-small-right"></i>Embed</button>
<button class="md-btn md-btn-primary uk-margin-left"><i class="fas fa-download uk-margin-small-right"></i>Download CSV</button>
<button class="md-btn md-btn-primary uk-margin-left"><i class="fas fa-file-pdf uk-margin-small-right"></i>Download PDF</button>
<div class="actionButtonsCountryPage uk-text-right">
<a class=""><i class="fas fa-code uk-margin-small-right"></i>Embed</a>
<!--<a class="uk-margin-left"><i class="fas fa-download uk-margin-small-right"></i>Download CSV</a>-->
<a class="uk-margin-left"><i class="fas fa-file-pdf uk-margin-small-right"></i>Download PDF</a>
</div>
</div>
<div class="uk-container uk-container-expand uk-margin-top">
<!--Overview cards-->
<div class="uk-width-1-1 indicatorCards">
<div class="uk-grid uk-grid-small uk-child-width-1-2@s uk-child-width-1-3@m uk-child-width-1-5@l uk-margin-top uk-grid-match" data-uk-grid-margin="">
<div class="uk-grid uk-grid-small uk-child-width-1-2@s uk-child-width-1-4@m uk-child-width-1-4@l uk-margin-top uk-grid-match" data-uk-grid-margin="">
<!--<div class="uk-grid uk-grid-small uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-5 uk-margin-top uk-grid-match" data-uk-grid-margin="">-->
<div class="uk-row-first">
<div class="md-card">
<div class="md-card-content">
<!--top number-->
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<img src="../../../assets/img/icons/PUBLICATIONS.svg" width="30" height="30">
<img src="../../../assets/img/icons/publications-icon.svg" width="40" height="40">
</div>
<h2 class="uk-margin-remove">
<!--<span class="number">2,321,300</span>-->
<h3 class="uk-margin-remove">
<span *ngIf="!countryData || !countryData.publications || !countryData.publications.oa" class="number">--</span>
<span *ngIf="countryData?.publications?.oa" class="number">{{countryData.publications.oa | number}}</span>
</h2>
</h3>
</div>
<div class="uk-margin-top">
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
<span class="">Number of OA publications</span>
<span class=""><i>OA publications from institutional repositories</i></span>
</div>
<!--<div class="uk-margin-top">-->
<!--<span class="number">96.8%</span> are OA-->
<!--</div>-->
<div *ngIf="countryData?.publications?.percentage" class="uk-margin-top">
<span class="number">{{countryData.publications.percentage | number}}%</span> are OA
<span class="number">{{countryData.publications.percentage | number :'1.0-1'}}%</span> OA
<div class="progress uk-margin-small-top">
<div [ngStyle]="{'width': countryData.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
</div>
</div>
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
<!--bottom number-->
<div class="uk-margin-top">
<!--<div class="uk-float-right uk-margin-small-right">-->
<!--<img src="../../../assets/img/icons/publications-icon.svg" width="40" height="40">-->
<!--</div>-->
<h3 class="uk-margin-remove">
<span *ngIf="!countryData || !countryData.publications || !countryData.publications.oa" class="number">--</span>
<span *ngIf="countryData?.publications?.oa" class="number">{{countryData.publications.oa | number}}</span>
</h3>
</div>
<div class="uk-margin-top">
<span class=""><i>OA publications affiliated to an organization in the country</i></span>
</div>
<div *ngIf="countryData?.publications?.percentage" class="uk-margin-top">
<span class="number">{{countryData.publications.percentage | number :'1.0-1'}}%</span> OA
<div class="progress uk-margin-small-top">
<div [ngStyle]="{'width': countryData.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
</div>
</div>
</div>
</div>
</div>
<div class="">
<div class="md-card">
<div class="md-card-content">
<!--top number-->
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<img src="../../../assets/img/icons/DATASETS.svg" width="30" height="30">
<img src="../../../assets/img/icons/datasets-icon.svg" width="33" height="40">
</div>
<h2 class="uk-margin-remove">
<!--<span class="number">14,730</span>-->
<h3 class="uk-margin-remove">
<span *ngIf="!countryData || !countryData.datasets || !countryData.datasets.oa" class="number">--</span>
<span *ngIf="countryData?.datasets?.oa" class="number">{{countryData.datasets.oa | number}}</span>
</h2>
</h3>
</div>
<div class="uk-margin-top">
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
<span class="">Number of OA datasets</span>
<span class=""><i>OA datasets from institutional repositories</i></span>
</div>
<!--<div class="uk-margin-top">-->
<!--<span class="number">89.7%</span> are OA-->
<!--</div>-->
<div *ngIf="countryData?.datasets?.percentage" class="uk-margin-top">
<span class="number">{{countryData.datasets.percentage | number}}%</span> are OA
<span class="number">{{countryData.datasets.percentage | number :'1.0-1'}}%</span> OA
<div class="progress uk-margin-small-top">
<div [ngStyle]="{'width': countryData.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
</div>
</div>
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
<!--bottom number-->
<div class="uk-margin-top">
<!--<div class="uk-float-right uk-margin-small-right">-->
<!--<img src="../../../assets/img/icons/datasets-icon.svg" width="33" height="40">-->
<!--</div>-->
<h3 class="uk-margin-remove">
<span *ngIf="!countryData || !countryData.datasets || !countryData.datasets.oa" class="number">--</span>
<span *ngIf="countryData?.datasets?.oa" class="number">{{countryData.datasets.oa | number}}</span>
</h3>
</div>
<div class="uk-margin-top">
<span class=""><i>OA datasets affiliated to an organization in the country</i></span>
</div>
<div *ngIf="countryData?.datasets?.percentage" class="uk-margin-top">
<span class="number">{{countryData.datasets.percentage | number :'1.0-1'}}%</span> OA
<div class="progress uk-margin-small-top">
<div [ngStyle]="{'width': countryData.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
</div>
</div>
</div>
</div>
</div>
<div class="">
<div class="md-card">
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<img src="../../../assets/img/icons/REPOSITORIES.svg" width="30" height="30">
<img src="../../../assets/img/icons/repositories-icon.svg" width="43" height="40">
</div>
<h2 class="uk-margin-remove">
<!--<span class="number">101</span>-->
<h3 class="uk-margin-remove">
<span *ngIf="!countryData || !countryData.repositories || !countryData.repositories.oa" class="number">--</span>
<span *ngIf="countryData?.repositories?.oa" class="number">{{countryData.repositories.oa | number}}</span>
</h2>
</h3>
</div>
<div class="uk-margin-top">
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
<span class="">Number of OA repositories</span>
<span class=""><i>repositories</i> from openDOAR & re3data</span>
</div>
<div *ngIf="countryData?.repositories?.percentage" class="uk-margin-top">
<span class="number">{{countryData.repositories.percentage | number :'1.0-1'}}%</span> Certified
<div class="progress uk-margin-small-top">
<div [ngStyle]="{'width': countryData.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div>
</div>
</div>
<!--<div *ngIf="overviewData.overview.repositories?.percentage" class="uk-margin-top">-->
<!--<span class="number">{{overviewData.overview.repositories.percentage | number}}%</span> are OA-->
<!--</div>-->
</div>
</div>
</div>
<div class="">
<div class="md-card">
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<img src="../../../assets/img/icons/JOURNAL.svg" width="30" height="30">
<img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40">
</div>
<h2 class="uk-margin-remove">
<!--<span class="number">164</span>-->
<h3 class="uk-margin-remove">
<span *ngIf="!countryData || !countryData.journals || !countryData.journals.oa" class="number">--</span>
<span *ngIf="countryData?.journals?.oa" class="number">{{countryData.journals.oa | number}}</span>
<!--<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>-->
<!--<span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">--</span>-->
</h2>
</h3>
</div>
<div class="uk-margin-top">
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
<span class="">Number of OA journals</span>
<span class=""><i>OA journals</i> from DOAJ</span>
</div>
<div *ngIf="countryData.journals?.percentage" class="uk-margin-top">
<span class="number">{{countryData.journals.percentage | number :'1.0-1'}}%</span> Certified
<div class="progress uk-margin-small-top">
<div [ngStyle]="{'width': countryData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>
</div>
</div>
<!--<div *ngIf="overviewData.overview.journals?.percentage" class="uk-margin-top">-->
<!--<span class="number">{{overviewData.overview.journals.percentage | number}}%</span> are OA-->
<!--</div>-->
</div>
</div>
</div>
<!--<div class="">-->
<!--<div class="md-card">-->
<!--<div class="md-card-content">-->
<!--<div class="uk-margin-top">-->
<!--<div class="uk-float-right uk-margin-small-right">-->
<!--<img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40">-->
<!--</div>-->
<!--<h3 class="uk-margin-remove">-->
<!--<span *ngIf="!countryData || !countryData.journals || !countryData.journals.oa" class="number">&#45;&#45;</span>-->
<!--<span *ngIf="countryData?.journals?.oa" class="number">{{countryData.journals.oa | number}}</span>-->
<!--&lt;!&ndash;<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>&ndash;&gt;-->
<!--&lt;!&ndash;<span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">&#45;&#45;</span>&ndash;&gt;-->
<!--</h3>-->
<!--</div>-->
<!--<div class="uk-margin-top">-->
<!--<span class=""><i>OA journals</i></span>-->
<!--</div>-->
<!--<div *ngIf="countryData.journals?.percentage" class="uk-margin-top">-->
<!--<span class="number">{{countryData.journals.percentage | number :'1.0-1'}}%</span> Certified-->
<!--<div class="progress uk-margin-small-top">-->
<!--<div [ngStyle]="{'width': countryData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<div class="">
<div class="md-card">
<div class="md-card" style="height: 47%">
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<img src="../../../assets/img/icons/POLICES.svg" width="30" height="30">
<img src="../../../assets/img/icons/policies-icon.svg" width="36" height="40">
</div>
<h2 class="uk-margin-remove">
<h3 class="uk-margin-remove">
<span class="number">--</span>
<!--<span *ngIf="overviewData.overview.policies?.oa" class="number">{{overviewData.overview.policies.oa | number}}</span>-->
<!--<span *ngIf="!overviewData.overview.policies || !overviewData.overview.policies.oa" class="number">--</span>-->
</h2>
</h3>
</div>
<div class="uk-margin-top">
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
<span class="">Number of organizations with OA policies</span>
<span class="">organizations with <i>OA policies</i></span>
</div>
<!--<div *ngIf="overviewData.overview.policies?.percentage" class="uk-margin-top">-->
<!--<span class="number">{{overviewData.overview.policies.percentage | number}}%</span> are OA-->
<!--</div>-->
</div>
</div>
<div></div>
</div>
</div>
</div>
</div>
<!--GREEN VS. GOLD-->
<div class="uk-container uk-container-expand contentSectionContainer uk-margin-medium-top">
<div class="uk-container uk-container-expand contentSectionContainer uk-margin-large-top">
<h2 class="heading_c uk-margin-medium-bottom uk-text-center-medium">
Green vs. Gold
<!--<span class="sub-heading">The Best Images From Around The World</span>-->
@ -420,40 +497,52 @@
</div>
</div>
<aside class="uk-width-1-5 uk-padding-remove">
<div id="sidebar_main" class="md-card dark-grey-box infoBox">
<div class="uk-width-1-5">
<div class="md-card infoBox">
<div class="md-card-toolbar">
<h3 class="uk-text-center uk-margin-small-top">
{{countryName | uppercase}}
</h3>
</div>
<div class="md-card-content">
<h3 class="uk-text-center">{{countryName | uppercase}}</h3>
<div>
<app-country-map [country]="countryName"></app-country-map>
</div>
<div class="numbers">
<div class="uk-margin-medium-top">
<div class="number">--</div>
<div class="uk-margin-top">R&D expenditure</div>
<div class="indicator uk-margin-small-top">
<span class="number primary">--</span>
<span><i>R&D expenditure</i></span>
</div>
<div class="uk-margin-medium-top">
<div *ngIf="!countryData || !countryData.funders || !countryData.funders.oa" class="number">--</div>
<div *ngIf="countryData?.funders?.oa" class="number">{{countryData.funders.oa}}</div>
<div class="uk-margin-top">funding sources</div>
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
<div class="indicator">
<span class="number primary" *ngIf="countryData?.funders?.oa">{{countryData.funders.oa}}</span>
<span class="number primary" *ngIf="!countryData || !countryData.funders || !countryData.funders.oa">--</span>
<span><i>funding sources</i></span>
</div>
<div class="uk-margin-medium-top">
<div *ngIf="!countryData || !countryData.funders || !countryData.funders.total" class="number">--</div>
<div *ngIf="countryData?.funders?.total" class="number">{{countryData.funders.total}}</div>
<div class="uk-margin-top">funding organizations</div>
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
<div class="indicator">
<span class="number primary" *ngIf="countryData?.funders?.total">{{countryData.funders.total}}</span>
<span class="number primary" *ngIf="!countryData || !countryData.funders || !countryData.funders.total">--</span>
<span><i>funding organizations</i></span>
</div>
<div class="uk-margin-medium-top">
<div *ngIf="!countryData || !countryData.ecFundedOrganizations || !countryData.ecFundedOrganizations.oa" class="number">--</div>
<div *ngIf="countryData?.ecFundedOrganizations?.oa" class="number">{{countryData.ecFundedOrganizations.oa}}</div>
<div class="uk-margin-top">organizations funded by the European commission since 2013</div>
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
<div class="indicator">
<span class="number primary" *ngIf="countryData?.ecFundedOrganizations?.oa">{{countryData.ecFundedOrganizations.oa}}</span>
<span class="number primary" *ngIf="!countryData || !countryData.ecFundedOrganizations || !countryData.ecFundedOrganizations.oa">--</span>
<span><i>organizations funded by the European commission since 2013</i></span>
</div>
</div>
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
<div class="uk-text-center uk-margin-medium-top">
<div class="uk-text-center uk-margin-xlarge-top">
<div class="uk-text-center uk-margin-medium-bottom">
<span class="openaire-symbol-wrapper">
@ -462,17 +551,64 @@
</div>
<a class="uk-link" href="{{linkToCountryInOpenAIRE}}" target="_blank">Country page in <strong>OpenAIRE</strong><i class="fas fa-long-arrow-alt-right uk-margin-left"></i></a>
</div>
<div class="uk-text-meta uk-text-small uk-margin-medium-top">
<span class="uk-margin-right" style="opacity: 0.8; float: left; margin-top: 7px;">
<img src="../../../assets/img/Open_Research_Graph.svg">
</span>
<span>Powered by <a target="_blank" href="" style="text-decoration: underline">OpenAIRE Open Research Graph</a></span>
</div>
</div>
</div>
</aside>
</div>
<!--<aside class="uk-width-1-5 uk-padding-remove">-->
<!--<div id="sidebar_main" class="md-card dark-grey-box infoBox">-->
<!--<div class="md-card-content">-->
<!--<h3 class="uk-text-center">{{countryName | uppercase}}</h3>-->
<!--<div>-->
<!--<app-country-map [country]="countryName"></app-country-map>-->
<!--</div>-->
<!--<div class="numbers">-->
<!--<div class="uk-margin-medium-top">-->
<!--<div class="number">&#45;&#45;</div>-->
<!--<div class="uk-margin-top">R&D expenditure</div>-->
<!--</div>-->
<!--<div class="uk-margin-medium-top">-->
<!--<div *ngIf="!countryData || !countryData.funders || !countryData.funders.oa" class="number">&#45;&#45;</div>-->
<!--<div *ngIf="countryData?.funders?.oa" class="number">{{countryData.funders.oa}}</div>-->
<!--<div class="uk-margin-top">funding sources</div>-->
<!--</div>-->
<!--<div class="uk-margin-medium-top">-->
<!--<div *ngIf="!countryData || !countryData.funders || !countryData.funders.total" class="number">&#45;&#45;</div>-->
<!--<div *ngIf="countryData?.funders?.total" class="number">{{countryData.funders.total}}</div>-->
<!--<div class="uk-margin-top">funding organizations</div>-->
<!--</div>-->
<!--<div class="uk-margin-medium-top">-->
<!--<div *ngIf="!countryData || !countryData.ecFundedOrganizations || !countryData.ecFundedOrganizations.oa" class="number">&#45;&#45;</div>-->
<!--<div *ngIf="countryData?.ecFundedOrganizations?.oa" class="number">{{countryData.ecFundedOrganizations.oa}}</div>-->
<!--<div class="uk-margin-top">organizations funded by the European commission since 2013</div>-->
<!--</div>-->
<!--</div>-->
<!--<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">-->
<!--<div class="uk-text-center uk-margin-medium-top">-->
<!--<div class="uk-text-center uk-margin-medium-bottom">-->
<!--<span class="openaire-symbol-wrapper">-->
<!--<img class="" src="https://www.openaire.eu/images/OpenAIRE_branding/Symbol.png" height="30px" width="30px">-->
<!--</span>-->
<!--</div>-->
<!--<a class="uk-link" href="{{linkToCountryInOpenAIRE}}" target="_blank">Country page in <strong>OpenAIRE</strong><i class="fas fa-long-arrow-alt-right uk-margin-left"></i></a>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</aside>-->
<!--<div class="uk-width-large-3-5 uk-container-center uk-text-center">-->
<!--<h2 class="heading_b">-->
<!--Our Team-->
<!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>-->
<!--</h2>-->
<!--</div>-->
</div>
</div>

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: #19647E !important;"></span>
<span class="uk-nav-label" style="background-color: #F8D5E3 !important; border: 1px solid #F17AA9;"></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: #019A85 !important;"></span>
<span class="uk-nav-label" style="background-color: #E2DAF0 !important; border: 1px solid #A98BD4;"></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: #A03245 !important;"></span>
<span class="uk-nav-label" style="background-color: #C5E0E9 !important; border: 1px solid #708AA5;"></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: #2B243C !important;"></span>
<span class="uk-nav-label" style="background-color: #FBE8B1 !important; border: 1px solid #FFCE4E;"></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: #CC9139 !important;"></span>
<span class="uk-nav-label" style="background-color: #D4ECD6 !important; border: 1px solid #639C66;"></span>
<span class="text {{activeView=='policies' ? 'active' : ''}}">OA policies</span>
</a>
</li>

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

@ -93,7 +93,8 @@ export class CountriesMapOverviewComponent implements OnInit {
overviewToMapData(countryOverview: CountryOverview): MapCountryData {
if (this.activeView === 'publications') {
this.seriesColor = '#19647E';
// this.seriesColor = '#19647E';
this.seriesColor = '#F17AA9';
this.seriesName = 'OA publications';
return {
id: countryOverview.country,
@ -101,7 +102,7 @@ export class CountriesMapOverviewComponent implements OnInit {
z: countryOverview.publications.oa
};
} else if (this.activeView === 'datasets') {
this.seriesColor = '#019A85';
this.seriesColor = '#A98BD4';
this.seriesName = 'OA datasets';
return {
id: countryOverview.country,
@ -109,7 +110,7 @@ export class CountriesMapOverviewComponent implements OnInit {
z: countryOverview.datasets.oa
};
} else if (this.activeView === 'repositories') {
this.seriesColor = '#A03245';
this.seriesColor = '#708AA5';
this.seriesName = 'OA repositories';
return {
id: countryOverview.country,
@ -117,7 +118,7 @@ export class CountriesMapOverviewComponent implements OnInit {
z: countryOverview.repositories.oa
};
} else if (this.activeView === 'journals') {
this.seriesColor = '#2B243C';
this.seriesColor = '#FFCE4E';
this.seriesName = 'OA journals';
return {
id: countryOverview.country,
@ -125,7 +126,7 @@ export class CountriesMapOverviewComponent implements OnInit {
z: countryOverview.journals.oa
};
} else {
this.seriesColor = '#CC9139';
this.seriesColor = '#639C66';
this.seriesName = 'OA policies';
return {
id: countryOverview.country,

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

@ -62,60 +62,60 @@
<td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">
<ng-container *ngIf="countryOverview.publications===null || countryOverview.publications.percentage===null">--</ng-container>
<ng-container *ngIf="countryOverview.publications?.percentage !=null">
<span style="display: inline-block; float: right; padding-right: 10px;">
<span style="float:left; padding-right: 5px;">{{countryOverview.publications.percentage | number}}% </span>
<ng-container *ngIf="countryOverview.publications?.percentage !=null">
<div class="progress">
<div [ngStyle]="{'width': countryOverview.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
</div>
</ng-container>
</span>
{{countryOverview.publications.percentage | number}}%
<!--<span style="display: inline-block; float: right; padding-right: 10px;">-->
<!--<span style="float:left; padding-right: 5px;">{{countryOverview.publications.percentage | number}}% </span>-->
<!--<ng-container *ngIf="countryOverview.publications?.percentage !=null">-->
<!--<div class="progress">-->
<!--<div [ngStyle]="{'width': countryOverview.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>-->
<!--</div>-->
<!--</ng-container>-->
<!--</span>-->
</ng-container>
</td>
<td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">
<ng-container *ngIf="countryOverview.datasets===null || countryOverview.datasets.percentage===null">--</ng-container>
<ng-container *ngIf="countryOverview.datasets?.percentage !=null">
<span style="display: inline-block; float: right; padding-right: 10px;">
<span style="float:left; padding-right: 5px;">{{countryOverview.datasets.percentage | number}}% </span>
<ng-container *ngIf="countryOverview.datasets?.percentage !=null">
<div class="progress">
<div [ngStyle]="{'width': countryOverview.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
</div>
</ng-container>
</span>
{{countryOverview.datasets.percentage | number}}%
<!--<span style="display: inline-block; float: right; padding-right: 10px;">-->
<!--<span style="float:left; padding-right: 5px;">{{countryOverview.datasets.percentage | number}}% </span>-->
<!--<ng-container *ngIf="countryOverview.datasets?.percentage !=null">-->
<!--<div class="progress">-->
<!--<div [ngStyle]="{'width': countryOverview.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>-->
<!--</div>-->
<!--</ng-container>-->
<!--</span>-->
</ng-container>
</td>
<td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">
<ng-container *ngIf="countryOverview.software===null || countryOverview.software.percentage===null">--</ng-container>
<ng-container *ngIf="countryOverview.software?.percentage !=null">
<span style="display: inline-block; float: right; padding-right: 10px;">
<span style="float:left; padding-right: 5px;">{{countryOverview.software.percentage | number}}% </span>
<ng-container *ngIf="countryOverview.software?.percentage !=null">
<div class="progress">
<div [ngStyle]="{'width': countryOverview.software.percentage+'%'}" class="progress-bar progress-bar-software animate-progress-bar"></div>
</div>
</ng-container>
</span>
{{countryOverview.software.percentage | number}}%
<!--<span style="display: inline-block; float: right; padding-right: 10px;">-->
<!--<span style="float:left; padding-right: 5px;">{{countryOverview.software.percentage | number}}% </span>-->
<!--<ng-container *ngIf="countryOverview.software?.percentage !=null">-->
<!--<div class="progress">-->
<!--<div [ngStyle]="{'width': countryOverview.software.percentage+'%'}" class="progress-bar progress-bar-software animate-progress-bar"></div>-->
<!--</div>-->
<!--</ng-container>-->
<!--</span>-->
</ng-container>
</td>
<td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">
<ng-container *ngIf="countryOverview.otherProducts===null || countryOverview.otherProducts.percentage===null">--</ng-container>
<ng-container *ngIf="countryOverview.otherProducts?.percentage !=null">
<span style="display: inline-block; float: right; padding-right: 10px;">
<span style="float:left; padding-right: 5px;">{{countryOverview.otherProducts.percentage | number}}% </span>
<ng-container *ngIf="countryOverview.otherProducts?.percentage !=null">
<div class="progress">
<div [ngStyle]="{'width': countryOverview.otherProducts.percentage+'%'}" class="progress-bar progress-bar-otherProducts animate-progress-bar"></div>
</div>
</ng-container>
</span>
{{countryOverview.otherProducts.percentage | number}}%
<!--<span style="display: inline-block; float: right; padding-right: 10px;">-->
<!--<span style="float:left; padding-right: 5px;">{{countryOverview.otherProducts.percentage | number}}% </span>-->
<!--<ng-container *ngIf="countryOverview.otherProducts?.percentage !=null">-->
<!--<div class="progress">-->
<!--<div [ngStyle]="{'width': countryOverview.otherProducts.percentage+'%'}" class="progress-bar progress-bar-otherProducts animate-progress-bar"></div>-->
<!--</div>-->
<!--</ng-container>-->
<!--</span>-->
</ng-container>
</td>
@ -139,60 +139,60 @@
<td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">
<ng-container *ngIf="countryOverview.publications===null || countryOverview.publications.oa===null">--</ng-container>
<ng-container *ngIf="countryOverview.publications?.oa !=null">
<span style="display: inline-block; float: right; padding-right: 10px;">
<span style="float:left; padding-right: 5px;">{{countryOverview.publications.oa | number}} </span>
<ng-container *ngIf="countryOverview.publications?.percentage !=null">
<div class="progress">
<div [ngStyle]="{'width': countryOverview.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
</div>
</ng-container>
</span>
{{countryOverview.publications.oa | number}}
<!--<span style="display: inline-block; float: right; padding-right: 10px;">-->
<!--<span style="float:left; padding-right: 5px;">{{countryOverview.publications.oa | number}} </span>-->
<!--<ng-container *ngIf="countryOverview.publications?.percentage !=null">-->
<!--<div class="progress">-->
<!--<div [ngStyle]="{'width': countryOverview.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>-->
<!--</div>-->
<!--</ng-container>-->
<!--</span>-->
</ng-container>
</td>
<td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">
<ng-container *ngIf="countryOverview.datasets===null || countryOverview.datasets.oa===null">--</ng-container>
<ng-container *ngIf="countryOverview.datasets?.oa !=null">
<span style="display: inline-block; float: right; padding-right: 10px;">
<span style="float:left; padding-right: 5px;">{{countryOverview.datasets.oa | number}} </span>
<ng-container *ngIf="countryOverview.datasets?.percentage !=null">
<div class="progress">
<div [ngStyle]="{'width': countryOverview.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
</div>
</ng-container>
</span>
{{countryOverview.datasets.oa | number}}
<!--<span style="display: inline-block; float: right; padding-right: 10px;">-->
<!--<span style="float:left; padding-right: 5px;">{{countryOverview.datasets.oa | number}} </span>-->
<!--<ng-container *ngIf="countryOverview.datasets?.percentage !=null">-->
<!--<div class="progress">-->
<!--<div [ngStyle]="{'width': countryOverview.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>-->
<!--</div>-->
<!--</ng-container>-->
<!--</span>-->
</ng-container>
</td>
<td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">
<ng-container *ngIf="countryOverview.software===null || countryOverview.software.oa===null">--</ng-container>
<ng-container *ngIf="countryOverview.software?.oa !=null">
<span style="display: inline-block; float: right; padding-right: 10px;">
<span style="float:left; padding-right: 5px;">{{countryOverview.software.oa | number}} </span>
<ng-container *ngIf="countryOverview.software?.percentage !=null">
<div class="progress">
<div [ngStyle]="{'width': countryOverview.software.percentage+'%'}" class="progress-bar progress-bar-software animate-progress-bar"></div>
</div>
</ng-container>
</span>
{{countryOverview.software.oa | number}}
<!--<span style="display: inline-block; float: right; padding-right: 10px;">-->
<!--<span style="float:left; padding-right: 5px;">{{countryOverview.software.oa | number}} </span>-->
<!--<ng-container *ngIf="countryOverview.software?.percentage !=null">-->
<!--<div class="progress">-->
<!--<div [ngStyle]="{'width': countryOverview.software.percentage+'%'}" class="progress-bar progress-bar-software animate-progress-bar"></div>-->
<!--</div>-->
<!--</ng-container>-->
<!--</span>-->
</ng-container>
</td>
<td *ngIf="type=='overview' || type=='openScience'" class="uk-text-center">
<ng-container *ngIf="countryOverview.otherProducts===null || countryOverview.otherProducts.oa===null">--</ng-container>
<ng-container *ngIf="countryOverview.otherProducts?.oa !=null">
<span style="display: inline-block; float: right; padding-right: 10px;">
<span style="float:left; padding-right: 5px;">{{countryOverview.otherProducts.oa | number}} </span>
<ng-container *ngIf="countryOverview.otherProducts?.percentage !=null">
<div class="progress">
<div [ngStyle]="{'width': countryOverview.otherProducts.percentage+'%'}" class="progress-bar progress-bar-otherProducts animate-progress-bar"></div>
</div>
</ng-container>
</span>
{{countryOverview.otherProducts.oa | number}}
<!--<span style="display: inline-block; float: right; padding-right: 10px;">-->
<!--<span style="float:left; padding-right: 5px;">{{countryOverview.otherProducts.oa | number}} </span>-->
<!--<ng-container *ngIf="countryOverview.otherProducts?.percentage !=null">-->
<!--<div class="progress">-->
<!--<div [ngStyle]="{'width': countryOverview.otherProducts.percentage+'%'}" class="progress-bar progress-bar-otherProducts animate-progress-bar"></div>-->
<!--</div>-->
<!--</ng-container>-->
<!--</span>-->
</ng-container>
</td>

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

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

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

@ -1,6 +1,6 @@
<!--MAP AND OVERVIEW NUMBERS SECTION-->
<section class="section greySection" id="sect-overview">
<div class="uk-container uk-container-expand uk-container-center uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up uk-padding-remove uk-margin-bottom" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}">
<div class="uk-container uk-container-large uk-container-center uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up uk-padding-remove uk-margin-bottom" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}">
<div class="uk-grid uk-grid-small uk-margin-bottom uk-grid-match" uk-height-viewport="offset-bottom: 25">
@ -14,89 +14,117 @@
</div>
<div class="uk-width-1-5">
<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>
<ul>
<li>
better understand the European Open Data landscape
</li>
<li>
find data catalogues and datasets analyse and visualise available metadata
</li>
<li>
find data catalogues and datasets analyse and visualise available metadata
</li>
<li>
access the raw data
</li>
</ul>
<div class="uk-text-center uk-margin-medium-top">
<button class="md-btn md-btn-primary">Learn More</button>
<div class="md-card infoBox">
<ng-container *ngIf="!countrySelectedName">
<div class="md-card-toolbar">
<h3 class="uk-text-center">OPENAIRE MONITOR OBSERVATORY</h3>
</div>
</div>
<div *ngIf="countrySelectedName" class="md-card-content">
<h3 class="uk-text-center"><a class="backToOriginalInfoBox uk-float-left" (click)="deselectCountry()"><i class="fas fa-angle-left"></i></a>{{countrySelectedName | uppercase}}</h3>
<div class="numbers">
<div class="uk-margin-medium-top">
<div class="number">
<ng-container *ngIf="countrySelectedOverview.repositories?.oa !=null">{{countrySelectedOverview.repositories.oa | number}}</ng-container>
<ng-container *ngIf="countrySelectedOverview.repositories===null || countrySelectedOverview.repositories.oa===null">--</ng-container>
</div>
<div class="uk-margin-top">number of OA repositories</div>
<div *ngIf="!countrySelectedName" class="md-card-content">
<div>An OpenAIRE service to:</div>
<ul>
<li>
Better understand the European open research landscape
</li>
<li>
Track trends for open access to publications, data, software
</li>
<li>
Reveal hidden potential on existing resources
</li>
<li>
View open collaboration patterns
</li>
</ul>
<div class="uk-text-center uk-margin-medium-top uk-margin-medium-bottom">
<button class="md-btn md-btn-primary">Learn More</button>
</div>
<div class="uk-margin-medium-top">
<div class="number">
<ng-container *ngIf="countrySelectedOverview.journals?.oa !=null">{{countrySelectedOverview.journals.oa | number}}</ng-container>
<ng-container *ngIf="countrySelectedOverview.journals===null || countrySelectedOverview.journals.oa===null">--</ng-container>
</div>
<div class="uk-margin-top">number of OA journals</div>
</div>
<div class="uk-margin-medium-top">
<div class="number">
<ng-container *ngIf="countrySelectedOverview.policies?.oa !=null">{{countrySelectedOverview.policies.oa | number}}</ng-container>
<ng-container *ngIf="countrySelectedOverview.policies===null || countrySelectedOverview.policies.oa===null">--</ng-container>
</div>
<div class="uk-margin-top">number of organizations with OA policies</div>
<div class="uk-text-meta uk-text-small">
<span class="uk-margin-right" style="opacity: 0.8; float: left; margin-top: 7px;">
<img src="../../../assets/img/Open_Research_Graph.svg">
</span>
<span>Powered by <a target="_blank" href="" style="text-decoration: underline">OpenAIRE Open Research Graph</a></span>
</div>
</div>
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
<div class="graphs">
<div class="uk-grid">
<div class="uk-width-1-2">
<ng-container *ngIf="countrySelectedOverview.publications?.percentage !=null">
<app-gauge-chart [chartData]="countrySelectedOverview.publications.percentage" [color]="'#5086BA'"></app-gauge-chart>
</ng-container>
<ng-container *ngIf="countrySelectedOverview.publications===null || countrySelectedOverview.publications.percentage===null">
<app-gauge-chart [chartData]="0" [color]="'#5086BA'"></app-gauge-chart>
</ng-container>
<!--<div class="epc_chart" data-percent="65" data-bar-color="#009688">-->
<!--<span class="epc_chart_text"><span class="countUpMe">65</span>%</span>-->
<!--<canvas height="220" width="220" style="height: 110px; width: 110px;"></canvas>-->
<!--</div>-->
<div class="uk-text-center">OA publications</div>
</div>
<div class="uk-width-1-2">
<ng-container *ngIf="countrySelectedOverview.datasets?.percentage !=null">
<app-gauge-chart [chartData]="countrySelectedOverview.datasets.percentage" [color]="'#44653D'"></app-gauge-chart>
</ng-container>
<ng-container *ngIf="countrySelectedOverview.datasets===null || countrySelectedOverview.datasets.percentage===null">
<app-gauge-chart [chartData]="0" [color]="'#44653D'"></app-gauge-chart>
</ng-container>
<!--<div class="epc_chart" data-percent="43" data-bar-color="#009688">-->
<!--<span class="epc_chart_text"><span class="countUpMe">43</span>%</span>-->
<!--<canvas height="220" width="220" style="height: 110px; width: 110px;"></canvas>-->
<!--</div>-->
<div class="uk-text-center">OA datasets</div>
<div></div>
</ng-container>
<ng-container *ngIf="countrySelectedName">
<div class="md-card-toolbar">
<h3 class="uk-text-center uk-margin-small-top">
<a class="backToOriginalInfoBox uk-float-left" (click)="deselectCountry()"><i class="fas fa-angle-left"></i></a>{{countrySelectedName | uppercase}}
</h3>
</div>
<div *ngIf="countrySelectedName" class="md-card-content">
<div class="numbers">
<div class="uk-margin-small-top">
<div class="indicator">
<span class="number publications" *ngIf="countrySelectedOverview.publications?.oa !=null">{{countrySelectedOverview.publications.oa | number}}</span>
<span class="number publications" *ngIf="countrySelectedOverview.publications===null || countrySelectedOverview.publications.oa===null">--</span>
<span><i>OA publications</i> from institutional repositories</span>
</div>
<div class="indicator uk-margin-small-top">
<span class="number publications" *ngIf="countrySelectedOverview.publications?.oa !=null">{{countrySelectedOverview.publications.oa | number}}</span>
<span class="number publications" *ngIf="countrySelectedOverview.publications===null || countrySelectedOverview.publications.oa===null">--</span>
<span><i>OA publications</i> affiliated to an organization in the country</span>
</div>
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
<div class="indicator">
<span class="number datasets" *ngIf="countrySelectedOverview.datasets?.oa !=null">{{countrySelectedOverview.datasets.oa | number}}</span>
<span class="number datasets" *ngIf="countrySelectedOverview.datasets===null || countrySelectedOverview.datasets.oa===null">--</span>
<span><i>OA datasets</i> from institutional repositories</span>
</div>
<div class="indicator uk-margin-small-top">
<span class="number datasets" *ngIf="countrySelectedOverview.datasets?.oa !=null">{{countrySelectedOverview.datasets.oa | number}}</span>
<span class="number datasets" *ngIf="countrySelectedOverview.datasets===null || countrySelectedOverview.datasets.oa===null">--</span>
<span><i>OA datasets</i> affiliated to an organization in the country</span>
</div>
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
<div class="indicator">
<span class="number repositories" *ngIf="countrySelectedOverview.repositories?.oa !=null">{{countrySelectedOverview.repositories.oa | number}}</span>
<span class="number repositories" *ngIf="countrySelectedOverview.repositories===null || countrySelectedOverview.repositories.oa===null">--</span>
<span><i>repositories</i> from openDOAR & re3data</span>
</div>
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
<div class="indicator">
<span class="number journals" *ngIf="countrySelectedOverview.journals?.oa !=null">{{countrySelectedOverview.journals.oa | number}}</span>
<span class="number journals" *ngIf="countrySelectedOverview.journals===null || countrySelectedOverview.journals.oa===null">--</span>
<span><i>OA journals</i> from DOAJ</span>
</div>
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
<div class="indicator">
<span class="number policies" *ngIf="countrySelectedOverview.policies?.oa !=null">{{countrySelectedOverview.policies.oa | number}}</span>
<span class="number policies" *ngIf="countrySelectedOverview.policies===null || countrySelectedOverview.policies.oa===null">--</span>
<span>organisations with <i>OA policies</i></span>
</div>
</div>
</div>
<div class="uk-text-center uk-margin-medium-top">
<a class="" [routerLink]="['/countryDashboard/' + countrySelectedName]">Detailed View <i class="fas fa-arrow-right uk-margin-small-left"></i></a>
</div>
<div class="uk-text-meta uk-text-small uk-margin-medium-top">
<span class="uk-margin-right" style="opacity: 0.8; float: left; margin-top: 7px;">
<img src="../../../assets/img/Open_Research_Graph.svg">
</span>
<span>Powered by <a target="_blank" href="" style="text-decoration: underline">OpenAIRE Open Research Graph</a></span>
</div>
</div>
<hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
<div class="uk-text-center uk-margin-medium-top">
<button class="md-btn md-btn-primary" [routerLink]="['/countryDashboard/' + countrySelectedName]">Visit Country Page <i class="fas fa-arrow-right uk-margin-small-left"></i></button>
</div>
</div>
<div></div>
</ng-container>
</div>
</div>
@ -121,19 +149,22 @@
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<img src="../../../assets/img/icons/PUBLICATIONS.svg" width="30" height="30">
<img src="../../../assets/img/icons/publications-icon.svg" width="40" height="40">
</div>
<h2 class="uk-margin-remove">
<h3 class="uk-margin-remove">
<span *ngIf="overviewData.overview.publications?.oa" class="number">{{overviewData.overview.publications.oa | number}}</span>
<span *ngIf="!overviewData.overview.publications || !overviewData.overview.publications.oa" class="number">--</span>
</h2>
</h3>
</div>
<div class="uk-margin-top">
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
<span class="">Number of OA publications</span>
<span class=""><i>OA publications</i></span>
</div>
<div *ngIf="overviewData.overview.publications?.percentage" class="uk-margin-top">
<span class="number">{{overviewData.overview.publications.percentage | number}}%</span> are OA
<span class="number">{{overviewData.overview.publications.percentage | number :'1.0-1'}}%</span> OA
<div class="progress uk-margin-small-top">
<div [ngStyle]="{'width': overviewData.overview.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
</div>
</div>
</div>
</div>
@ -143,19 +174,22 @@
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<img src="../../../assets/img/icons/DATASETS.svg" width="30" height="30">
<img src="../../../assets/img/icons/datasets-icon.svg" width="33" height="40">
</div>
<h2 class="uk-margin-remove">
<h3 class="uk-margin-remove">
<span *ngIf="overviewData.overview.datasets?.oa" class="number">{{overviewData.overview.datasets.oa | number}}</span>
<span *ngIf="!overviewData.overview.datasets || !overviewData.overview.datasets.oa" class="number">--</span>
</h2>
</h3>
</div>
<div class="uk-margin-top">
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
<span class="">Number of OA datasets</span>
<span class=""><i>OA datasets</i></span>
</div>
<div *ngIf="overviewData.overview.datasets?.percentage" class="uk-margin-top">
<span class="number">{{overviewData.overview.datasets.percentage | number}}%</span> are OA
<span class="number">{{overviewData.overview.datasets.percentage | number :'1.0-1'}}%</span> OA
<div class="progress uk-margin-small-top">
<div [ngStyle]="{'width': overviewData.overview.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
</div>
</div>
</div>
</div>
@ -165,20 +199,22 @@
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<img src="../../../assets/img/icons/REPOSITORIES.svg" width="30" height="30">
<img src="../../../assets/img/icons/repositories-icon.svg" width="43" height="40">
</div>
<h2 class="uk-margin-remove">
<h3 class="uk-margin-remove">
<span *ngIf="overviewData.overview.repositories?.oa" class="number">{{overviewData.overview.repositories.oa | number}}</span>
<span *ngIf="!overviewData.overview.repositories || !overviewData.overview.repositories.oa" class="number">--</span>
</h2>
</h3>
</div>
<div class="uk-margin-top">
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
<span class="">Number of OA repositories</span>
<span class=""><i>repositories</i> from openDOAR & re3data</span>
</div>
<div *ngIf="overviewData.overview.repositories?.percentage" class="uk-margin-top">
<span class="number">{{overviewData.overview.repositories.percentage | number : '1.0-1'}}%</span> Certified
<div class="progress uk-margin-small-top">
<div [ngStyle]="{'width': overviewData.overview.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div>
</div>
</div>
<!--<div *ngIf="overviewData.overview.repositories?.percentage" class="uk-margin-top">-->
<!--<span class="number">{{overviewData.overview.repositories.percentage | number}}%</span> are OA-->
<!--</div>-->
</div>
</div>
</div>
@ -187,20 +223,22 @@
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<img src="../../../assets/img/icons/JOURNAL.svg" width="30" height="30">
<img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40">
</div>
<h2 class="uk-margin-remove">
<h3 class="uk-margin-remove">
<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>
<span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">--</span>
</h2>
</h3>
</div>
<div class="uk-margin-top">
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
<span class="">Number of OA journals</span>
<span class=""><i>OA journals</i> from DOAJ</span>
</div>
<div *ngIf="overviewData.overview.journals?.percentage" class="uk-margin-top">
<span class="number">{{overviewData.overview.journals.percentage | number : '1.0-1'}}%</span> Certified
<div class="progress uk-margin-small-top">
<div [ngStyle]="{'width': overviewData.overview.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>
</div>
</div>
<!--<div *ngIf="overviewData.overview.journals?.percentage" class="uk-margin-top">-->
<!--<span class="number">{{overviewData.overview.journals.percentage | number}}%</span> are OA-->
<!--</div>-->
</div>
</div>
</div>
@ -209,16 +247,16 @@
<div class="md-card-content">
<div class="uk-margin-top">
<div class="uk-float-right uk-margin-small-right">
<img src="../../../assets/img/icons/POLICES.svg" width="30" height="30">
<img src="../../../assets/img/icons/policies-icon.svg" width="36" height="40">
</div>
<h2 class="uk-margin-remove">
<h3 class="uk-margin-remove">
<span *ngIf="overviewData.overview.policies?.oa" class="number">{{overviewData.overview.policies.oa | number}}</span>
<span *ngIf="!overviewData.overview.policies || !overviewData.overview.policies.oa" class="number">--</span>
</h2>
</h3>
</div>
<div class="uk-margin-top">
<!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
<span class="">Number of organizations with OA policies</span>
<span class="">organizations with <i>OA policies</i></span>
</div>
<!--<div *ngIf="overviewData.overview.policies?.percentage" class="uk-margin-top">-->
<!--<span class="number">{{overviewData.overview.policies.percentage | number}}%</span> are OA-->

342
src/app/pages/methodology/methodology.component.html Normal file
View File

@ -0,0 +1,342 @@
<section class="section greySection" id="sect-overview">
<div class="uk-container uk-container-expand uk-container-center uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}">
<!--Introduction-->
<div class="">
<h2>Introduction</h2>
<div class="md-card uk-margin-bottom">
<div class="md-card-content large-padding">
<p>
This document describes the methodology , terms, and definitions of the indicators presented in Open Science Observatory.
The Open Science Observatory combines data gathered from OpenAIRE and other data sources to develop and operate an
interactive and dynamic portal, which informs users via rich visualizations and reports on different Open Science
aspects and facets in Europe. The Observatory is an extendable monitor portal with indicators on open science and
the framework uptake by national and sectoral set.
</p>
<p>
The dynamic <strong>Open Science Observatory</strong> leverages existing information collected by OpenAIRE and
<strong>at little additional cost or effort, produces and reports value added metrics</strong> regarding Open Science
trends and evolution for Horizon 2020 and other funding sources. The goal is to provide an EU Open Science Observatory
as key OpenAIRE product, and employing open metrics based on open data gathered by OpenAire to measure the openness
of publications and data on various aspects (e.g., gold/green/fair), the metadata completeness, the regional or
thematic distributions and will test out preliminary metrics for their FAIRness. This will ensure that research can
be evaluated at the right level (including article-level metrics and altmetrics), in an <strong>open and transparent
manner</strong>. Such services will deliver accurate metrics for European Research and enable informed recommendations
to high-level decision makers.
</p>
</div>
</div>
</div>
<!--Methodological Approach and Indicators-->
<div class="">
<h2>Methodological Approach and Indicators</h2>
<div class="md-card uk-margin-bottom">
<div class="md-card-content large-padding">
<p>
Monitoring and evaluating the advancements, trends and impact of OS in Europe is recognised as one of the most
important steps towards the realisation of the EOSC vision. The implementation of the Open Science Observatory
follows the guidelines and <a target="_blank" href="https://eoscpilot.eu/wp3-policy/eosc-open-science-monitor-specifications/methodological-approach-monitoring-open-science">
methodological approach</a> which was specified by the EOSCPilot project and more specifically the
<a target="_blank" href="https://eoscpilot.eu/content/d32-eosc-open-science-monitor-specifications">EOSCpilot Open Science Monitor Framework (EOSCpilot OSMF)</a>.
It aimed to build a model and initial high-level specifications for providing useful analytics to researchers as well
as enabling research performing and funding organizations within EOSC to monitor and gain insights about the OS movement,
regardless of their service management systems and the technology behind them. The six core steps of the specified methodology are:
</p>
<ul style="font-style: italic">
<li>Step 1. Identification of the Open Science Activities;</li>
<li>Step 2. Policy-driven derivation of monitoring targets;</li>
<li>Step 3. Identification of the main Open Science Resources and Indicators;</li>
<li>Step 4. Design of monitoring processes, tasks and workflows;</li>
<li>Step 5. Modelling and implementation of the framework;</li>
<li>Step 6. Continuous validation of the monitoring targets;</li>
</ul>
<p>
<span style="font-style: italic">Step 1. Identification of the Open Science Activities:</span> The first step addresses the need to identify
which parts of the OS lifecycle are of interest in the monitoring process. These can include the conceptualization
of a research task, the data and literature collection, the analysis and development of the research output, the
publication, the review and evaluation of the research result as well as the reuse and reproducibility of results
by the scientific community. These phases entail different open access practices and elements which are being considered
by the monitor, with a special focus on the policies that these elements fall under.
</p>
<p>
<span style="font-style: italic">Step 2. Policy-driven derivation of monitoring targets:</span> The proposed monitoring
framework adopts a policy-driven approach for deriving high level objectives, i.e., target dimensions to be measured
in the monitoring process. Policies on Open Access at different levels, such as the international, national and
regional levels, as well as micro policies are considered as primary sources for deriving more concrete measurable
targets (e.g., Openness, FAIRness, etc.) that should be monitored in the framework. Furthermore, monitoring targets
can be organised into more specialised sub-targets, to measure more specific aspects of OS. For example, a policy
recommendation stating that research data repositories should follow a data archiving plan indicates the monitoring
target for long-term preservation of OS artefacts monitored by a set of indicators, such as whether an organization
applies such a plan, or the period (e.g., months, years) for which preservation is guaranteed.
</p>
<p>
<span style="font-style: italic">Step 3. Identification of the main Open Science Resources and Indicators:</span>
In the next step, the monitoring targets are being mapped to OS elements they apply to, as well as to indicators
that quantify these targets. OS elements are well-defined artefacts of OS practices, such as publication in open
access journals, research data made available in open access repositories, open source software, open educational
material, etc. In the context of this framework, these elements are called OS resources to state the importance
of their contribution for the development of the “Open Science World”.
</p>
<p>
<span style="font-style: italic">Step 4. Design of monitoring processes, tasks and workflows:</span> Each indicator
must be associated with a set of processes, which are employed for the collection of data, the validation and
scoring of metrics (e.g., combination and aggregation of metrics for deriving an accumulated score for a target
dimension), the visualization of the results, and so on. These processes must be well documented in the form of
workflows and tasks, to be performed for the collection and quantification of the indicators.
</p>
<p>
<span style="font-style: italic">Step 5. Modelling and implementation of the framework:</span> The next step
involves the detailed design, implementation, and customization of the framework, which includes the design of
the functionality at its whole, as well as all added value services offered by the framework.
</p>
<p>
<span style="font-style: italic">Step 6. Continuous validation of the monitoring targets:</span> The last step
follows the operation of the OS monitoring framework and refers to the continuous validation and refinement of
the monitoring methodology (i.e., targets and indicators) and results in EOSC. Α monitoring process, to be effective,
must adapt to new OS practices and new policies, validating and readjusting its target goals as well as the indicators
for their evaluation.
</p>
<p>
<strong>The Open Science Observatory of the OpenAIRE is the first implementation</strong> of these specifications
and it aspires to become a dynamic tool in the future, with benefits both to the organisations using it to measure
the OA levels of implementation and impact to their community and for the High Level Stakeholders which are the
European Union’s Legal Entities and Bodies, including the Member States and their respective Units. Gaps, implications
and new ways of performing OS are among the elements that could be identified through OA Open Science Observatory
which could then be easily incorporated within the stakeholders’ scope and strategic planning for OS.
</p>
</div>
</div>
</div>
<!--Indicators-->
<div class="">
<h2>Indicators</h2>
<div class="md-card uk-margin-bottom">
<div class="md-card-content large-padding">
<div class="">
<ul class="uk-tab uk-tab-large uk-flex-center" data-uk-tab="{connect:'#tabs',animation: 'slide-bottom'}">
<li class="uk-active" aria-expanded="true"><a href="#">Terms and definitions</a></li>
<li aria-expanded="false"><a href="#">Continent overview</a></li>
<li aria-expanded="false"><a href="#">COuntry page</a></li>
</ul>
<ul id="tabs" class="uk-switcher">
<!--OVERVIEW tab-->
<li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;">
<div class="uk-margin">
<!--Terms and definitions-->
<div>
<!--<h3>Terms and definitions</h3>-->
<dl>
<dt>Publication</dt>
<dd>a scientific publication</dd>
<dt>Repository</dt>
<dd>a repository of publications</dd>
<dt>Dataset</dt>
<dd>a dataset, usually associated with a publication</dd>
<dt>Software</dt>
<dd>software (e.g., open source), usually associated with a publication/dataset</dd>
<dt>Other Research Products</dt>
<dd>Other research outputs (e.g., dissemination or educational material) associated with a publication, dataset or software.</dd>
<dt>Journal</dt>
<dd>a scientific journal where authors publish their results in the form of publications</dd>
<dt>Policy</dt>
<dd>an Open Science mandate that organizations follow in order to engage in Open Science best practices</dd>
<dt>Organization</dt>
<dd>an academic institution, company, or any other legal entity with the context of OpenAIRE</dd>
<dt>Vocabularies</dt>
<dd>used in the Observatory are described in <a target="_blank" href="http://api.openaire.eu/vocabularies">http://api.openaire.eu/vocabularies</a></dd>
</dl>
</div>
</div>
</li>
<!--OPEN SCIENCE tab-->
<li aria-hidden="true" style="animation-duration: 200ms;">
<div class="uk-margin">
<!--Continent overview-->
<div>
<!--<h3>Continent overview</h3>-->
<dl>
<dt>Number of OA publications</dt>
<dd>The total number of open access publications currently in OpenAIRE, along with the percentage they represent with respect to the total number of publications.</dd>
<dt>Number of OA datasets</dt>
<dd>The total number of open access datasets currently in OpenAIRE, along with the percentage they represent with respect to the total number of datasets.</dd>
<dt>Number of OA repositories</dt>
<dd>The total number of open access repositories currently in OpenAIRE.</dd>
<dt>Number of OA journals</dt>
<dd>The total number of open access journals currently in OpenAIRE, along with the percentage they represent with respect to the total number of journals. Source: DOAJ.</dd>
<dt>Number of organizations with OA policies</dt>
<dd>The total number of organizations in OpenAIRE that have Open Access policies associated with them. Source: RoarMap.</dd>
</dl>
<!--Overview-->
<div>
<h4>Overview</h4>
<p>Each table row refers to a country. For each country, the table shows <span style="font-style: italic">total numbers of OA repositories,
journals, policies, publications, datasets, software and other research products.</span><br>
The total numbers and percentages are computed as described in the continent overview.
</p>
</div>
<!--Open Science-->
<div>
<h4>Open Science</h4>
<p>Open science related resources, specifically OA publications, datasets, software and other research products.</p>
</div>
</div>
</div>
</li>
<li aria-hidden="true" style="animation-duration: 200ms;">
<div class="uk-margin">
<!--Country page-->
<div>
<!--<h3>Country page</h3>-->
<!--Country overview-->
<div>
<h4>Country overview</h4>
<dl>
<dt>Number of OA publications</dt>
<dd>The total number of open access publications currently in OpenAIRE for this country, along with the
percentage they represent with respect to the total number of publications of this country.</dd>
<dt>Number of OA datasets</dt>
<dd>The total number of open access datasets currently in OpenAIRE for this country, along with the percentage
they represent with respect to the total number of datasets of this country.
</dd>
<dt>Number of OA repositories</dt>
<dd>The total number of open access repositories currently in OpenAIRE for this country.</dd>
<dt>Number of OA journals</dt>
<dd>The total number of open access journals currently in OpenAIRE for this country, along with the percentage
they represent with respect to the total number of journals. Source: DOAJ.</dd>
<dt>Number of organizations with OA policies</dt>
<dd>The total number of organizations in OpenAIRE for this country that have Open Access policies associated
with them. Source: RoarMap.</dd>
</dl>
</div>
<!--Info Box-->
<div>
<h4>Info Box</h4>
<dl>
<dt>R&D Expenditure</dt>
<dd>The total R&D expenditure for this country since 2008. Source: Eurostat.</dd>
<dt>Funding sources</dt>
<dd></dd>
<dt>Funding Organizations</dt>
<dd></dd>
<dt>Organizations funded by the European Commission since 2013</dt>
<dd>The total number of organizations in this country that have participated/participate in a project that was/is
funded by the European Commission.</dd>
</dl>
</div>
<!--Green vs. Gold-->
<div>
<h4>Green vs. Gold</h4>
<dl>
<dt>Green vs Gold Publications</dt>
<dd>The line shows the evolution of the total number of publications that have been published through a green
open access route, vs the total number of publications that have been published through a gold open access route.</dd>
<dt>Gold Open Access</dt>
<dd>The chart shows a ranking of the top 15 organizations of this country in descending order of their total
count of gold open access publications.</dd>
<dt>Green Open Access</dt>
<dd>The chart shows a ranking of the top 15 organizations of this country in descending order of their total
count of green open access publications. </dd>
</dl>
</div>
<!--EU Funded Open Science-->
<div>
<h4>EU Funded Open Science</h4>
<dl>
<dt>Publications vs Datasets vs Software</dt>
<dd>The chart shows a per-year count and comparison of open access publications, datasets and software for this country.</dd>
<dt>Organizations</dt>
<dd>This table shows all organizations from this country, along with the total number of publications, datasets and
software that have authors that are affiliated with each organization. The rows can be ordered by any of the three numbers.</dd>
<dt>Repositories</dt>
<dd>This table shows all repositories from this country, along with the total number of publications, datasets
and software that reside in each repository. The rows can be ordered by any of the three numbers.</dd>
</dl>
</div>
<!--Funding Sources-->
<div>
<h4>Funding Sources</h4>
<dl>
<dt>Publications vs Datasets vs Software</dt>
<dd>This chart shows colored horizontal bars representing total number of publications, datasets and software
for each funder organization associated with this country.</dd>
</dl>
</div>
<!--Project Performance-->
<div>
<h4>Project Performance</h4>
<dl>
<dt>Top 10 Projects by publications / datasets / software</dt>
<dd>A ranking of the top 10 projects in descending order of their associated publication/dataset/software count.
Publication/dataset/software count is computed as the total number of publications/datasets/software that have
been funded by a project.</dd>
</dl>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>

11
src/app/pages/methodology/methodology.component.ts Normal file
View File

@ -0,0 +1,11 @@
import { Component, ViewEncapsulation } from '@angular/core';
@Component({
selector: 'app-methodology',
templateUrl: './methodology.component.html',
// styleUrls: ['./top-menu.component.css'],
encapsulation: ViewEncapsulation.None
})
export class MethodologyPageComponent {
}

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

@ -67,7 +67,7 @@
</div>
<div class="uk-navbar-center">
<a class="uk-navbar-item uk-logo" [routerLink]="['/home']">
<img src="../../../assets/img/Logo-COLOR.svg" alt="Open Science Observatory"
<img src="../../../assets/img/Logo-Horizontal.svg" alt="Open Science Observatory"
class="uk-responsive-height"> </a>
</div>
</nav>
@ -84,7 +84,7 @@
<a class="uk-search-input" [routerLink]="['/home']" [routerLinkActive]="['uk-active']">About</a>
</li>
<li>
<a class="uk-search-input" >Methodology</a>
<a class="uk-search-input" [routerLink]="['/methodology']" [routerLinkActive]="['uk-active']">Methodology</a>
</li>
</ul>
</div>
@ -137,7 +137,7 @@
<nav class="uk-navbar" uk-navbar="{&quot;align&quot;:&quot;left&quot;}">
<div class="uk-navbar-left">
<a [routerLink]="['home']" class="uk-logo uk-navbar-item">
<img src="../../../assets/img/Logo-COLOR.png" alt="Open Science Observatory" class="uk-responsive-height">
<img src="../../../assets/img/Logo-Horizontal.svg" alt="Open Science Observatory" class="uk-responsive-height">
</a>
</div>
@ -150,7 +150,7 @@
</a>
</li>
<li class="uk-parent" [routerLinkActive]="['uk-active']">
<a [routerLink]="['home']" [routerLinkActive]="['uk-active']">
<a [routerLink]="['/methodology']" [routerLinkActive]="['uk-active']">
Methodology
</a>
</li>

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

@ -1,5 +1,9 @@
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap');
html {
color: #292929;
}
body {
font: 400 14px/19px 'Open Sans';
}
@ -21,21 +25,28 @@ h1, h2, h3, h4, h5, h6 {
margin-right: auto;
}
.uk-navbar-nav > li > a, .uk-navbar-nav > li.uk-active > a {
font-size: 14px;
font-weight: bold;
letter-spacing: 0px;
color: #000;
}
#sect-overview, #sect-tabs {
padding: 20px 0;
}
.greySection {
/*background-color: #F0F0F0;*/
background-color: #EBEBEC;
background-color: #F9FBFC;
}
a {
color: #006e5f;
color: #EC4386;
}
a:hover, a:focus, a:active {
color: #005549;
color: #CA4D9A;
}
.mapContainer {
@ -53,7 +64,7 @@ a:hover, a:focus, a:active {
.map {
/*height: 398px;*/
border: 1px solid #707070;
/*border: 1px solid #707070;*/
/*margin: 15px;*/
position: absolute;
height: 88%;
@ -71,6 +82,7 @@ a:hover, a:focus, a:active {
display: inline-block;
vertical-align: -1px;
margin-right: 8px;
border-radius: 50%;
}
.uk-nav-horizontal li {
@ -129,8 +141,13 @@ a:hover, a:focus, a:active {
.infoBox {
font-weight: 300;
font-size: 15px;
/*font-weight: 300;*/
/*font-size: 15px;*/
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 2px 6px #00000038;
border-radius: 3px;
opacity: 1;
}
.infoBox h3 {
@ -160,11 +177,49 @@ a.backToOriginalInfoBox, a.backToOriginalInfoBox:hover, a.backToOriginalInfoBox:
}
.numbers .number {
font-size: 28px;
font-size: 16px;
}
div.indicator {
display: flex;
}
div.indicator span {
padding-right: 10px;
}
.primary {
color: #EC4386;
}
.publications {
color: #F17AA9;
}
.datasets {
color: #A98BD4;
}
.repositories {
color: #708AA5;
}
.journals {
color: #FFCE4E;
}
.policies {
color: #639C66;
}
.indicatorCards {
font-size: 13px;
}
.indicatorCards .md-card {
box-shadow: 0px 2px 6px #00000038;
border: 1px solid #E0E0E0;
border-radius: 3px;
}
/********* Mock chart for country **********/
@ -199,10 +254,16 @@ a.backToOriginalInfoBox, a.backToOriginalInfoBox:hover, a.backToOriginalInfoBox:
/*!*padding: 10px 30px;*!*/
/*}*/
.md-btn {
border-radius: 23px;
padding: 7px 25px;
font: 500 14px / 31px 'Open Sans', sans-serif !important;
}
.md-btn-primary {
background: #019A85 0% 0% no-repeat padding-box;
background: #EC4386 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000029;
border-radius: 26px;
border-radius: 23px;
opacity: 1;
text-align: left;
font: 14px/19px Open Sans;
@ -214,11 +275,11 @@ a.backToOriginalInfoBox, a.backToOriginalInfoBox:hover, a.backToOriginalInfoBox:
}
.md-btn-primary:hover, .md-btn-primary:focus, .md-btn-primary:active {
background: #006e5f 0% 0% no-repeat padding-box;
background: #CA4D9A 0% 0% no-repeat padding-box;
}
.md-btn-secondary {
background: #034DA1 0% 0% no-repeat padding-box;
background: #CA4D9A 0% 0% no-repeat padding-box;
box-shadow: 0px 2px 6px #00000038;
border-radius: 23px;
opacity: 1;
@ -241,7 +302,13 @@ a.backToOriginalInfoBox, a.backToOriginalInfoBox:hover, a.backToOriginalInfoBox:
}
.uk-tab > li.uk-active > a {
border-bottom-color: #019A85;
border-bottom-color: #EC4386;
}
.uk-tab > li > a:hover, .uk-tab > li > a:focus {
background: none;
color: #212121;
border-bottom-color: #CA4D9A;
}
#team_tabbed {
@ -271,7 +338,7 @@ a.backToOriginalInfoBox, a.backToOriginalInfoBox:hover, a.backToOriginalInfoBox:
.uk-subnav-pill > .uk-active > a {
/*background: #1F73F7;*/
background: #2A2D34;
background: #EC4386;
}
.dataView.uk-subnav-pill > * > * {
@ -294,16 +361,40 @@ a.backToOriginalInfoBox, a.backToOriginalInfoBox:hover, a.backToOriginalInfoBox:
margin-top: -50px;
}
.actionButtons a, .actionButtonsCountryPage a {
color: #000000;
}
.actionButtons a i, .actionButtonsCountryPage a i {
color: #EC4386;
}
.md-card .md-card-toolbar {
height: 48px;
/*height: 48px;*/
}
.infoBox.md-card .md-card-toolbar {
/*height: 48px;*/
background: transparent linear-gradient(115deg, #EC4386 0%, #C94D9B 100%) 0% 0% no-repeat padding-box;
border-radius: 3px 3px 0px 0px;
opacity: 1;
padding: 16px 25px 0;
color: #292929;
}
.infoBox.md-card .md-card-toolbar h3 {
color: #fff;
font-size: 16px;
}
.md-card .md-card-toolbar .md-card-toolbar-actions {
padding-top: 15px;
}
.md-card .md-card-content {
padding: 20px;
}
/*.uk-table td {*/
/*border-bottom: 1px solid #e0e0e0;*/
/*}*/
@ -335,7 +426,7 @@ a.backToOriginalInfoBox, a.backToOriginalInfoBox:hover, a.backToOriginalInfoBox:
.tm-header .uk-logo {
position: relative;
z-index: 1000 !important;
padding-left: 100px;
/*padding-left: 100px;*/
}
.uk-logo > img {
@ -493,9 +584,10 @@ a.backToOriginalInfoBox, a.backToOriginalInfoBox:hover, a.backToOriginalInfoBox:
}
.progress {
margin-top: 3px;
width: 85px;
display: inline-block;
/*margin-top: 3px;*/
/*width: 85px;*/
/*display: inline-block;*/
width: 50%;
}
.progress-bar {
@ -536,15 +628,26 @@ a.backToOriginalInfoBox, a.backToOriginalInfoBox:hover, a.backToOriginalInfoBox:
}
.progress-bar-publications {
background-color: #19647E;
background-color: #F6C4D8;
background-image: none;
}
.progress-bar-datasets {
background-color: #019A85;
background-color: #D6CBEB;
background-image: none;
}
.progress-bar-repositories {
background-color: #ADD3E0;
background-image: none;
}
.progress-bar-journals {
background-color: #FBE8B1;
background-image: none;
}
.progress-bar-software {
background-color: #F88306;
background-image: none;
@ -554,3 +657,8 @@ a.backToOriginalInfoBox, a.backToOriginalInfoBox:hover, a.backToOriginalInfoBox:
background-color: #987CD6;
background-image: none;
}
.uk-breadcrumb > :last-child > * {
color: #EC4386;
}

BIN
src/assets/img/Logo-BLACK.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 50 KiB

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

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

Before

Width:  |  Height:  |  Size: 6.5 KiB

BIN
src/assets/img/Logo-COLOR.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 52 KiB

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

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

Before

Width:  |  Height:  |  Size: 6.5 KiB

1
src/assets/img/Logo-Horizontal.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 11 KiB

BIN
src/assets/img/Logo-WHITE.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 46 KiB

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

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

Before

Width:  |  Height:  |  Size: 6.5 KiB

BIN
src/assets/img/Logo_Horizontal.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 12 KiB

1
src/assets/img/Open_Research_Graph.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21.744" viewBox="0 0 20 21.744"><defs><style>.a{opacity:0.8;}.b{fill:#292929;}</style></defs><g class="a"><path class="b" d="M18.772,15.578a2.718,2.718,0,0,0-.427-.368,3.629,3.629,0,0,0-3.291-.5,3.445,3.445,0,0,0-.962.5c-.07.051-.139.1-.2.161a2.335,2.335,0,0,0-.23.207.3.3,0,0,0-.047.051c-.011.013-.027.028-.036.042a1.611,1.611,0,0,0-.163.19L7.039,12.133a8.04,8.04,0,0,1,8.352-5.007h0a3.681,3.681,0,0,0,.93.133h.046a3.633,3.633,0,0,0,2.008-.605,3.57,3.57,0,0,0,.926-.9A3.63,3.63,0,1,0,13.368,1.57a3.491,3.491,0,0,0-.38.71,3.589,3.589,0,0,0-.26,1.35c0,.065,0,.125,0,.19a4.146,4.146,0,0,0,.051.459,3.721,3.721,0,0,0,.125.486L6.369,8.542a3.546,3.546,0,0,0-.649-.59,3.629,3.629,0,0,0-4.2,0,3.675,3.675,0,0,0-.894.9,3.483,3.483,0,0,0-.38.71,3.35,3.35,0,0,0-.137.41,3.563,3.563,0,0,0-.123.949v.19a3.57,3.57,0,0,0,.038.38.635.635,0,0,0,.013.08,3.641,3.641,0,0,0,.634,1.469h0a3.7,3.7,0,0,0,.934.894,3.606,3.606,0,0,0,2.008.607,3.732,3.732,0,0,0,.55-.038l-.044.036a8.037,8.037,0,0,1,8.6,4.556v-.021a3.606,3.606,0,0,0,2.836,2.61,3.472,3.472,0,0,0,1.26,0,3.629,3.629,0,0,0,2.879-2.58.228.228,0,0,0,0-.038,3.606,3.606,0,0,0-.6-3.111,2.769,2.769,0,0,0-.344-.393M14.129,3.515a2.19,2.19,0,0,1,.254-.928,2.323,2.323,0,0,1,.885-.907A2.24,2.24,0,0,1,16.359,1.4a2.206,2.206,0,0,1,1.1.285,2.234,2.234,0,0,1,.886.909,2.179,2.179,0,0,1,.252,1.038,2.213,2.213,0,0,1-.306,1.116,2.181,2.181,0,0,1-.949.888,2.255,2.255,0,0,1-.983.23h-.04a2.158,2.158,0,0,1-.949-.228,2.278,2.278,0,0,1-.569-.406,1.912,1.912,0,0,1-.156-.171,2.314,2.314,0,0,1-.224-.313.078.078,0,0,1-.015-.027,2.226,2.226,0,0,1-.287-1.091.76.76,0,0,1,0-.114M2.638,12.921a2.24,2.24,0,0,1-.731-.569,2.327,2.327,0,0,1-.22-.307,2.24,2.24,0,0,1-.3-1.118,1.122,1.122,0,0,1,0-.114,2.183,2.183,0,0,1,.258-.941,2.316,2.316,0,0,1,.885-.909,2.278,2.278,0,0,1,1.09-.283,2.232,2.232,0,0,1,1.5.59,2.19,2.19,0,0,1,.437.55.313.313,0,0,1,.038.059,2.1,2.1,0,0,1,.207.562,2.149,2.149,0,0,1,.053.484,2.056,2.056,0,0,1-.057.488,2.105,2.105,0,0,1-.226.6.277.277,0,0,1-.017.028,2.183,2.183,0,0,1-.435.535,2.158,2.158,0,0,1-.514.349,2.265,2.265,0,0,1-.985.23,2.23,2.23,0,0,1-.983-.23m15.8,5.44a2.219,2.219,0,0,1-.642,1.346,2.169,2.169,0,0,1-.22.19,2.261,2.261,0,0,1-.746.38,2.175,2.175,0,0,1-1.26-.019,2.12,2.12,0,0,1-.917-.549A2.185,2.185,0,0,1,14,18.1h0a.9.9,0,0,1,.015-.2c.015-.066,0-.076.015-.116a1.575,1.575,0,0,1,.055-.241,1.993,1.993,0,0,1,.2-.48c.011-.025.027-.049.04-.074a2.291,2.291,0,0,1,.321-.4h0c.034-.034.066-.063.1-.093a1.627,1.627,0,0,1,.142-.114,1.693,1.693,0,0,1,.2-.139,2.253,2.253,0,0,1,2.245,0,2.446,2.446,0,0,1,.45.345,2.371,2.371,0,0,1,.323.412,2.266,2.266,0,0,1,.319,1.388" transform="translate(0.01 0)"/><path class="b" d="M78.35,12.262a.338.338,0,0,0,.319.222h.8v.845a.2.2,0,0,0,.013.085.325.325,0,0,0,.173.216.268.268,0,0,0,.156.046.294.294,0,0,0,.1-.019.34.34,0,0,0,.245-.328v-.845h.9a.345.345,0,0,0,.347-.344.355.355,0,0,0-.156-.287.349.349,0,0,0-.19-.057h-.9v-.848a.325.325,0,0,0-.082-.216.305.305,0,0,0-.044-.042l-.038-.023-.068-.036a.237.237,0,0,0-.112-.023.3.3,0,0,0-.156.038.19.19,0,0,0-.055.036.323.323,0,0,0-.129.268V11.8h-.8a.363.363,0,0,0-.19.057.38.38,0,0,0-.123.167.247.247,0,0,0-.027.12.3.3,0,0,0,.011.084.315.315,0,0,0,.015.038" transform="translate(-63.459 -8.595)"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

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

@ -1 +0,0 @@
<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

Before

Width:  |  Height:  |  Size: 862 B

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

@ -1 +0,0 @@
<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

Before

Width:  |  Height:  |  Size: 1001 B

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

@ -1 +0,0 @@
<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

Before

Width:  |  Height:  |  Size: 4.5 KiB

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

@ -1 +0,0 @@
<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

Before

Width:  |  Height:  |  Size: 3.6 KiB

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

@ -1 +0,0 @@
<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

Before

Width:  |  Height:  |  Size: 4.1 KiB

1
src/assets/img/icons/datasets-icon.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="32.881" height="40" viewBox="0 0 32.881 40"><defs><style>.a{fill:#e2daf0;}.b{fill:#a98bd4;}</style></defs><path class="a" d="M16.24,0c8.969,0,15.487.554,15.487,9.523V28.413c0,8.969-6.518,9.567-15.487,9.567S0,37.382,0,28.413V9.523C0,.554,7.271,0,16.24,0Z" transform="translate(0.402 1.244)"/><path class="b" d="M16.441,0C8.524,0,0,1.958,0,6.265V33.741C0,38.042,8.524,40,16.441,40s16.441-1.958,16.441-6.259V6.265C32.881,1.958,24.357,0,16.441,0Zm0,10.176c-8.469,0-14.086-2.354-14.086-3.905S7.972,2.365,16.441,2.365,30.533,4.72,30.533,6.271,24.909,10.176,16.441,10.176Zm0,9.155c-9.25,0-14.086-2.544-14.086-3.905v-5.8c2.789,1.808,8.151,2.918,14.081,2.918s11.258-1.088,14.081-2.856v5.741C30.527,16.787,25.69,19.331,16.441,19.331Zm0,9.16c-9.25,0-14.086-2.544-14.086-3.905V18.767c2.789,1.791,8.011,2.856,14.081,2.856s11.3-1.066,14.086-2.856V24.58C30.527,26.137,24.909,28.491,16.441,28.491Zm0,9.16c-9.25,0-14.086-2.544-14.086-3.905V27.927c2.789,1.8,8.156,2.912,14.081,2.912s11.252-1.082,14.1-2.84v5.741C30.533,35.3,24.909,37.651,16.441,37.651Z"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

1
src/assets/img/icons/journals-icon.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="43.098" height="40" viewBox="0 0 43.098 40"><defs><style>.a{fill:#fceec8;}.b{fill:#fbe8b1;}.c{fill:#ffce4e;}</style></defs><g transform="translate(0 0)"><path class="a" d="M5.35,0H28.384c5.2,0,4.951,4.213,4.951,9.41V34.052c0,5.2-4.213,4.929-9.41,4.929H9.41c-5.2,0-9.41.268-9.41-4.929V9.41C0,4.213.153,0,5.35,0Z" transform="translate(1.351 0.51)"/><path class="b" d="M2,0H4.529a2,2,0,0,1,2,2V23.367a2,2,0,0,1-2,2H2a2,2,0,0,1-2-2V2A2,2,0,0,1,2,0Z" transform="translate(34.681 13.61)"/><path class="c" d="M31.749,40H4.266A4.294,4.294,0,0,1,0,35.711V4.289A4.3,4.3,0,0,1,4.289,0H31.772a4.3,4.3,0,0,1,4.3,4.289V35.711A4.294,4.294,0,0,1,31.772,40ZM4.289,2.29a2,2,0,0,0-2,2V35.711a2,2,0,0,0,2,2H31.772a2,2,0,0,0,2.01-2V4.289a2,2,0,0,0-2.021-2H4.277Z" transform="translate(0 0)"/><path class="c" d="M21.471,23.409a.67.67,0,0,1,.67.67h0V27.8a.67.67,0,0,1-.664.676H17.755a.676.676,0,0,1-.676-.676h0v-3.71a.676.676,0,0,1,.676-.676h3.716m0-1.809H17.755a2.485,2.485,0,0,0-2.485,2.485V27.8a2.485,2.485,0,0,0,2.485,2.485h3.716A2.5,2.5,0,0,0,23.956,27.8V24.085A2.485,2.485,0,0,0,21.471,21.6Z" transform="translate(-6.527 -9.232)"/><path class="c" d="M40.586,23.339H34.025a.9.9,0,1,1,0-1.809h6.562a.9.9,0,1,1,0,1.809Z" transform="translate(-14.156 -9.202)"/><path class="c" d="M40.586,35.5H34.025a.9.9,0,1,1,0-1.809h6.562a.9.9,0,1,1,0,1.809Z" transform="translate(-14.156 -14.4)"/><path class="c" d="M32.923,45.479H16.095a.9.9,0,1,1,0-1.809H32.923a.9.9,0,1,1,0,1.809Z" transform="translate(-6.493 -18.666)"/><path class="c" d="M64.024,22.5H60.141a1.145,1.145,0,0,0-.452,2.2,1.225,1.225,0,0,0,.452.092h3.888a2,2,0,0,1,1.993,2h0V45.323a2,2,0,0,1-2,2H60.141a1.225,1.225,0,0,0-.452.092,1.147,1.147,0,0,0-.006,2.107,1.225,1.225,0,0,0,.452.092h3.888a4.3,4.3,0,0,0,4.289-4.294V26.794A4.3,4.3,0,0,0,64.024,22.5Z" transform="translate(-25.215 -9.617)"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

1
src/assets/img/icons/policies-icon.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="36.067" height="40" viewBox="0 0 36.067 40"><defs><style>.a{fill:#d4ecd6;}.b{fill:#639c66;}</style></defs><g transform="translate(0 0)"><path class="a" d="M35.8,27.19v7.225H35.7a5.387,5.387,0,0,1-5.381,5.273h-24a3.944,3.944,0,0,1-3.944-3.91V7.393A5.387,5.387,0,0,1,7.767,2H30.323A5.387,5.387,0,0,1,35.71,7.387v19.8Z" transform="translate(-1.017 -0.855)"/><path class="b" d="M32.578,42.805h0a1.225,1.225,0,0,1-.658-.572,1.464,1.464,0,0,1-.063-.137,1.265,1.265,0,0,1-.074-.338h0a1.208,1.208,0,0,1,0-.149,1.3,1.3,0,0,1,.79-1.2h0a.057.057,0,0,1,.04,0,.716.716,0,0,0,.406-.7.647.647,0,0,0-.063-.286l-.229-.527a.7.7,0,0,0-.933-.355h0a1.237,1.237,0,0,1-.51.109,1.214,1.214,0,0,1-.853-.349,5.885,5.885,0,0,0-.464-.384.515.515,0,0,1-.172-.613l.218-.475a.71.71,0,0,0-.429-.9l-.515-.195a.7.7,0,0,0-.91.406h0l-.177.469v.04a.51.51,0,0,1-.521.3,5.3,5.3,0,0,0-1,.04.613.613,0,0,1-.361-.08h0a.618.618,0,0,1-.183-.218l-.206-.475a.7.7,0,0,0-.979-.349h0l-.532.24a.7.7,0,0,0-.343.9h0l.218.481a.5.5,0,0,1-.143.613,4.774,4.774,0,0,0-.681.721.572.572,0,0,1-.613.172l-.5-.172a.7.7,0,0,0-.9.412l-.195.515a.693.693,0,0,0,.292.859.326.326,0,0,0,.109.057h.029a1.248,1.248,0,0,1,.79,1.065h0a1.014,1.014,0,0,1,0,.132,1.294,1.294,0,0,1-.613,1.1h0a.928.928,0,0,1-.212.132.716.716,0,0,0-.441.664.647.647,0,0,0,.063.286l.229.521a.7.7,0,0,0,.933.361h0a1.242,1.242,0,0,1,.51-.115,1.208,1.208,0,0,1,.853.355,5.966,5.966,0,0,0,.469.384.521.521,0,0,1,.189.618l-.218.475a.7.7,0,0,0,.406.893l.515.2a.7.7,0,0,0,.916-.424h0l.172-.452h0a.521.521,0,0,1,.538-.343,4.906,4.906,0,0,0,1-.034.527.527,0,0,1,.355.08h0a.664.664,0,0,1,.183.218l.206.481a.71.71,0,0,0,.933.349h0l.532-.235a.7.7,0,0,0,.372-.927h0l-.218-.475a.5.5,0,0,1,.143-.613,4.774,4.774,0,0,0,.681-.721.573.573,0,0,1,.618-.189l.5.189a.71.71,0,0,0,.9-.412l.2-.521A.71.71,0,0,0,32.578,42.805Zm-4.528,1.179h0l-.086.034a2.45,2.45,0,0,1-1.013.183,2.805,2.805,0,0,1-.876-.177,2.542,2.542,0,0,1-1.38-1.288,2.593,2.593,0,0,1-.218-.99,2.519,2.519,0,0,1,1.477-2.25h0l.086-.034a2.359,2.359,0,0,1,1.013-.183,2.651,2.651,0,0,1,.876.177,2.456,2.456,0,0,1,.1,4.546Z" transform="translate(-8.974 -15.257)"/><path class="b" d="M31.768,0H4.288A4.294,4.294,0,0,0,0,4.294V35.712A4.3,4.3,0,0,0,4.288,40h27.48a4.294,4.294,0,0,0,4.3-4.294V4.288A4.294,4.294,0,0,0,31.768,0Zm2.009,27.016v8.69a2.107,2.107,0,0,1,0,.332A2.009,2.009,0,0,1,31.808,37.7H4.328a2,2,0,0,1-1.958-1.6.435.435,0,0,1,0-.086,1.9,1.9,0,0,1-.08-.315V4.294a2,2,0,0,1,2-2h27.48a2,2,0,0,1,1.958,1.592.436.436,0,0,1,0,.086,2.033,2.033,0,0,1,.052.326Z" transform="translate(0 0)"/><path class="b" d="M32.287,24.22H20.265a.985.985,0,0,0,0,1.969H32.287a.985.985,0,0,0,0-1.969Z" transform="translate(-8.242 -10.354)"/><path class="b" d="M20.353,15.8H32.376a.993.993,0,0,0,0-1.969H20.353a.993.993,0,0,0,0,1.969Z" transform="translate(-8.331 -5.912)"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

1
src/assets/img/icons/publications-icon.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="39.79" height="40" viewBox="0 0 39.79 40"><defs><style>.a{fill:#f8d5e3;}.b{fill:#f17aa9;}</style></defs><g transform="translate(0)"><path class="a" d="M6.033,0H27c5.2,0,6,4.213,6,9.41V23.595c0,5.2-.808,9.41-6,9.41H6.033C.836,33,0,28.792,0,23.595V9.41C0,4.213.836,0,6.033,0Z" transform="translate(0.601 6.207)"/><path class="b" d="M29.96,44.006H4.246A4.257,4.257,0,0,1,0,39.76V13.5A4.257,4.257,0,0,1,4.246,9.25H29.96A4.257,4.257,0,0,1,34.206,13.5V39.76a4.257,4.257,0,0,1-4.246,4.246ZM4.246,11.518A1.984,1.984,0,0,0,2.268,13.5V39.76a1.978,1.978,0,0,0,1.978,1.978H29.96a1.978,1.978,0,0,0,1.978-1.978h0V13.5a1.978,1.978,0,0,0-1.978-1.978Z" transform="translate(0 -4.006)"/><path class="b" d="M31.042,50.823H16.257A1.066,1.066,0,1,1,16.1,48.7a.692.692,0,0,1,.153,0H31.042a1.066,1.066,0,1,1,.153,2.126Z" transform="translate(-6.546 -21.089)"/><path class="b" d="M31.1,40.312H16.316a1.066,1.066,0,0,1,0-2.132H31.1a1.066,1.066,0,1,1,0,2.132Z" transform="translate(-6.605 -16.536)"/><path class="b" d="M31.042,29.793H16.257a1.066,1.066,0,1,1-.153-2.126.692.692,0,0,1,.153,0H31.042a1.066,1.066,0,1,1,.153,2.126Z" transform="translate(-6.546 -11.981)"/><path class="b" d="M44.157,33.141a1.134,1.134,0,0,1-1.134-1.134V4.229a1.99,1.99,0,0,0-1.978-1.961H13.834a1.134,1.134,0,0,1,0-2.268H41.045a4.257,4.257,0,0,1,4.246,4.246V32.024A1.134,1.134,0,0,1,44.157,33.141Z" transform="translate(-5.5)"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

1
src/assets/img/icons/repositories-icon.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="43.077" height="40" viewBox="0 0 43.077 40"><defs><style>.a{fill:#c5e0e9;}.b{fill:#708aa5;}</style></defs><g transform="translate(0.024 0.006)"><g transform="translate(-0.024 -0.006)"><path class="a" d="M22.834,1.97l-19.5,9.123,7.146,4.494L2.79,19.808l7.419,4.744-6.9,3.813L22.791,39.891l19.919-9.26L34.992,25.92l7.718-3.911-7.446-5.354,7.446-3.633Z" transform="translate(-1.258 -0.894)"/><path class="b" d="M42.921,21.491a1.089,1.089,0,0,0-.447-1.482L35.7,16.289l6.721-3.045a1.089,1.089,0,0,0,.054-1.945L22.071.128A1.089,1.089,0,0,0,21.1.09L.632,9.35A1.089,1.089,0,0,0,.12,9.8a1.089,1.089,0,0,0,.414,1.476L7.332,15l-6.7,3.034a1.089,1.089,0,0,0-.1,1.95l6.792,3.726L.632,26.741a1.1,1.1,0,0,0-.1,1.95L8.78,33.223l12.228,6.634a1,1,0,0,0,.545.136,1.029,1.029,0,0,0,.425-.076l20.442-9.26a1.057,1.057,0,0,0,.5-.463,1.089,1.089,0,0,0-.447-1.482L35.7,25l6.716-3.045A1.089,1.089,0,0,0,42.921,21.491ZM9.794,13.843,3.53,10.412,21.5,2.3,39.571,12.16l-6.258,2.827L30.84,16.1,24.593,18.92l-2.478,1.122-.517.234-.61-.332-2.4-1.307-6.329-3.459-2.4-1.307Zm29.778,15.73L21.6,37.69l-11.8-6.433L3.53,27.825,9.739,25.02l11.27,6.133a1.051,1.051,0,0,0,.545.136,1.128,1.128,0,0,0,.425-.076l11.237-5.071Zm-6.253-5.883-2.473,1.089-9.26,4.178-9.33-5.071-2.4-1.313H9.815L3.53,19.121l6.215-2.783,6.346,3.448,2.4,1.307,2.522,1.373a1,1,0,0,0,.545.136,1.029,1.029,0,0,0,.425-.076L24.5,21.354l2.473-1.122,6.242-2.805,6.34,3.464Z" transform="translate(0.024 0.006)"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB