[master | DONE | CHANGED] redesign for all 'Resources' pages, update all submodules

This commit is contained in:
Alex Martzios 2024-03-19 12:57:09 +02:00
parent 20f91b0a7a
commit 15dc6fb57d
49 changed files with 939 additions and 379 deletions

@ -1 +1 @@
Subproject commit 622459c26c5db0c832e9b159d0558b15b86800c8 Subproject commit 6c4a4d9721030ad43ca7e4112a9bc8c548557123

View File

@ -5,13 +5,19 @@ import {SEOService} from '../openaireLibrary/sharedComponents/SEO/SEO.service';
import {PiwikService} from '../openaireLibrary/utils/piwik/piwik.service'; import {PiwikService} from '../openaireLibrary/utils/piwik/piwik.service';
import {Meta, Title} from '@angular/platform-browser'; import {Meta, Title} from '@angular/platform-browser';
import {LogService} from "../openaireLibrary/utils/log/log.service"; import {LogService} from "../openaireLibrary/utils/log/log.service";
import {Breadcrumb} from '../openaireLibrary/utils/breadcrumbs/breadcrumbs.component';
@Component({ @Component({
selector: 'public-logs', selector: 'public-logs',
template: ` template: `
<div class="uk-banner"> <div class="uk-banner dark uk-padding-remove-vertical uk-light">
<div class="uk-container uk-container-large uk-section uk-section-small uk-text-center"> <div class="uk-container uk-container-large uk-section uk-section-small">
<h1 class="uk-h2">Web Statistics & Activity Logs</h1> <div>
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
<div class="uk-text-center uk-margin-medium-top" uk-scrollspy-class>
<h1 class="uk-h2 uk-margin-medium-top uk-margin-medium-bottom">Web Statistics & Activity Logs</h1>
</div>
</div> </div>
</div> </div>
<div class="uk-container uk-container-small uk-section"> <div class="uk-container uk-container-small uk-section">
@ -85,6 +91,7 @@ import {LogService} from "../openaireLibrary/utils/log/log.service";
` `
}) })
export class PublicLogsComponent extends BaseComponent implements OnInit { export class PublicLogsComponent extends BaseComponent implements OnInit {
breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'resources - web statistics & activity logs'}];
isConsent = false; isConsent = false;
redirectUrl = null; redirectUrl = null;
startDate = new Date(); startDate = new Date();

View File

@ -3,6 +3,7 @@ import {CommonModule} from '@angular/common';
import {PublicLogsComponent} from "./public-logs.component"; import {PublicLogsComponent} from "./public-logs.component";
import {LogServiceModule} from "../openaireLibrary/utils/log/LogService.module"; import {LogServiceModule} from "../openaireLibrary/utils/log/LogService.module";
import {Route, RouterModule} from "@angular/router"; import {Route, RouterModule} from "@angular/router";
import {BreadcrumbsModule} from '../openaireLibrary/utils/breadcrumbs/breadcrumbs.module';
const routes: Route[] = [ const routes: Route[] = [
{ {
@ -14,7 +15,7 @@ const routes: Route[] = [
@NgModule({ @NgModule({
declarations: [PublicLogsComponent], declarations: [PublicLogsComponent],
imports: [ imports: [
CommonModule, RouterModule.forChild(routes), LogServiceModule, RouterModule CommonModule, RouterModule.forChild(routes), LogServiceModule, RouterModule, BreadcrumbsModule
], ],
exports: [PublicLogsComponent] exports: [PublicLogsComponent]
}) })

View File

@ -0,0 +1,78 @@
<div class="uk-banner dark uk-padding-remove-vertical uk-light">
<div class="uk-container uk-container-large uk-section uk-section-small uk-padding-remove-bottom">
<div>
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
<div class="uk-container uk-container-small uk-text-center" uk-scrollspy-class>
<h1 class="uk-h2 uk-margin-medium-top">Engage, learn, and contribute to the Open Science community.</h1>
<div class="uk-text-large uk-margin-medium-bottom">Explore essential resources and activities that enhance your interaction with the National Open Access Monitor of Ireland.</div>
</div>
<div class="graphics uk-flex uk-flex-middle uk-flex-center uk-margin-top">
<img class="graphic graphic1 uk-position-relative" src="assets/irish-assets/resources/resources-pink-blue.png" loading="lazy">
<img class="graphic graphic2 uk-position-relative" src="assets/irish-assets/resources/resources-green.png" loading="lazy">
<img class="graphic graphic3 uk-position-relative" src="assets/irish-assets/resources/resources-dark-blue.jpg" loading="lazy">
<img class="graphic graphic4 uk-position-relative" src="assets/irish-assets/resources/resources-orange.jpg" loading="lazy">
</div>
</div>
</div>
<div class="uk-section uk-container uk-position-relative uk-background-default">
<div class="uk-grid uk-child-width-1-4@l uk-child-width-1-3@m uk-child-width-1-1 uk-margin-large-top" uk-grid>
<div>
<div class="uk-card uk-card-default card webinar">
<div class="info uk-border-box uk-border-rounded uk-blur-background uk-flex uk-flex-column uk-flex-between uk-padding-small uk-light">
<div>
<span class="uk-label uk-label-small webinar uk-padding-xsmall">Webinar</span>
<div class="uk-text-large uk-text-bold uk-margin-small-top">1st Stakeholder Webinar</div>
</div>
<div>
<a href="https://zenodo.org/records/8370579" target="_blank" class="uk-button uk-button-text uk-margin-medium-top">Learn more</a>
</div>
</div>
</div>
</div>
<div>
<div class="uk-card uk-card-default card training">
<div class="info uk-border-box uk-border-rounded uk-blur-background uk-flex uk-flex-column uk-flex-between uk-padding-small uk-light">
<div>
<span class="uk-label uk-label-small training uk-padding-xsmall">Training</span>
<span class="uk-label uk-label-small funder uk-padding-xsmall uk-margin-xsmall-left">RFO</span>
<div class="uk-text-large uk-light uk-text-bold uk-margin-small-top">RFO Training</div>
</div>
<div>
<a href="https://zenodo.org/records/10202641" target="_blank" class="uk-button uk-button-text uk-margin-medium-top">Learn more</a>
</div>
</div>
</div>
</div>
<div>
<div class="uk-card uk-card-default card training">
<div class="info uk-border-box uk-border-rounded uk-blur-background uk-flex uk-flex-column uk-flex-between uk-padding-small uk-light">
<div>
<span class="uk-label uk-label-small training uk-padding-xsmall">Training</span>
<span class="uk-label uk-label-small organization uk-padding-xsmall uk-margin-xsmall-left">RPO</span>
<div class="uk-text-large uk-light uk-text-bold uk-margin-small-top">RPO Training</div>
</div>
<div>
<a href="https://zenodo.org/records/10143613" target="_blank" class="uk-button uk-button-text uk-margin-medium-top">Learn more</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-flex uk-child-width-1-1 uk-child-width-1-2@m uk-margin-large-top">
<div class="uk-section">
<div class="uk-width-1-1 uk-width-1-2@m uk-margin-auto">
<div class="uk-text-large uk-text-primary">Contact us</div>
<h2 class="uk-h3 uk-margin-remove">Stay in the loop</h2>
<div class="uk-margin-top">
If you wish to stay updated on our engagement and training events, please contact us. Well ensure youre informed about upcoming opportunities to connect and learn.
</div>
<a class="uk-button uk-button-primary uk-margin-medium-top" routerLink="/contact-us">contact us</a>
</div>
</div>
<div class="uk-banner uk-position-relative">
<img class="uk-position-bottom-right uk-visible@m" style="margin: -10px;"
src="assets/irish-assets/resources/dashboard-half-height.png" alt="National Monitor Dashboard" loading="lazy">
</div>
</div>

View File

@ -1,8 +1,65 @@
@import (reference) "~src/assets/extend-theme/less/_import-variables.less"; @import (reference) "~src/assets/extend-theme/less/_import-variables.less";
@import (reference) "~src/assets/openaire-theme/less/mixin.less";
@training-color: #A8B9FF; @training-color: #A8B9FF;
@webinar-color: #E0C44F; @webinar-color: #E0C44F;
.graphics {
grid-gap: 40px;
.graphic {
max-width: 213px;
&.graphic1 {
transform: translateY(60%);
}
&.graphic2 {
transform: translateY(45%);
}
&.graphic3 {
transform: translateY(25%);
}
&.graphic4 {
transform: translateY(45%);
}
}
}
.card {
height: 325px;
background-repeat: no-repeat;
background-position: center;
&.webinar {
background-image: url("~/src/assets/irish-assets/resources/resources-green.png");
}
&.training {
background-image: url("~/src/assets/irish-assets/resources/resources-pink-blue.png");
}
.info {
height: 50%;
.set-blur-background(@dark-color, 50%, brightness(0.5) blur(20px));
a {
display: none;
}
}
&:hover {
.info {
height: 100%;
a {
display: inline-block;
}
}
}
}
.uk-label.training { .uk-label.training {
background-color: @training-color; background-color: @training-color;
border-color: @training-color; border-color: @training-color;

View File

@ -4,59 +4,17 @@ import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service";
import {ActivatedRoute, Router} from "@angular/router"; import {ActivatedRoute, Router} from "@angular/router";
import {Meta, Title} from "@angular/platform-browser"; import {Meta, Title} from "@angular/platform-browser";
import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service"; import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service";
import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
@Component({ @Component({
selector: 'engagement', selector: 'engagement',
template: ` templateUrl: 'engagement.component.html',
<div class="uk-banner uk-section uk-section-large">
<div class="uk-container uk-container-small">
<div class="uk-text-center">
<h1 class="uk-h2">Engage, learn, and contribute to the Open Science community.</h1>
<div class="uk-text-large">Explore essential resources and activities that enhance your interaction with the National Open Access Monitor of Ireland.</div>
</div>
</div>
</div>
<div class="uk-section uk-container uk-container-small">
<div class="uk-grid uk-child-width-1-3@m uk-child-width-1-1" uk-grid>
<div>
<div class="uk-card uk-card-default uk-padding-small">
<span class="uk-label uk-label-small webinar uk-padding-xsmall">Webinar</span>
<div class="uk-text-large uk-text-bold uk-margin-small-top">1st Stakeholder Webinar</div>
<a href="https://zenodo.org/records/8370579" target="_blank" class="uk-button uk-button-text uk-margin-medium-top">Learn more</a>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-padding-small">
<span class="uk-label uk-label-small training uk-padding-xsmall">Training</span>
<span class="uk-label uk-label-small funder uk-padding-xsmall uk-margin-xsmall-left">RFO</span>
<div class="uk-text-large uk-text-bold uk-margin-small-top">RFO Training</div>
<a href="https://zenodo.org/records/10202641" target="_blank" class="uk-button uk-button-text uk-margin-medium-top">Learn more</a>
</div>
</div>
<div>
<div class="uk-card uk-card-default uk-padding-small">
<span class="uk-label uk-label-small training uk-padding-xsmall">Training</span>
<span class="uk-label uk-label-small organization uk-padding-xsmall uk-margin-xsmall-left">RPO</span>
<div class="uk-text-large uk-text-bold uk-margin-small-top">RPO Training</div>
<a href="https://zenodo.org/records/10143613" target="_blank" class="uk-button uk-button-text uk-margin-medium-top">Learn more</a>
</div>
</div>
</div>
</div>
<div class="uk-section uk-container uk-container-small uk-flex uk-flex-center">
<div class="uk-width-1-2@l uk-text-center">
<div class="uk-text-large uk-text-primary uk-margin-xsmall-bottom">Contact us</div>
<h3 class="uk-margin-remove-top">Stay in the loop</h3>
<div>If you wish to stay updated on our engagement and training events, please contact us. Well ensure youre informed about upcoming opportunities to connect and learn.</div>
<a routerLink="/contact-us" class="uk-button uk-button-primary uk-margin-medium-top">Contact us</a>
</div>
</div>
`,
styleUrls: ['engagement.component.less'] styleUrls: ['engagement.component.less']
}) })
export class EngagementComponent extends BaseComponent implements OnInit { export class EngagementComponent extends BaseComponent implements OnInit {
title = 'Engagement & Training'; title = 'Engagement & Training';
description = 'Engagement & Training'; description = 'Engagement & Training';
breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'resources - engagement & training'}];
constructor(protected _route: ActivatedRoute, constructor(protected _route: ActivatedRoute,
protected _piwikService: PiwikService, protected _piwikService: PiwikService,

View File

@ -2,6 +2,7 @@ import {NgModule} from "@angular/core";
import {CommonModule} from "@angular/common"; import {CommonModule} from "@angular/common";
import {EngagementComponent} from "./engagement.component"; import {EngagementComponent} from "./engagement.component";
import {RouterModule} from "@angular/router"; import {RouterModule} from "@angular/router";
import {BreadcrumbsModule} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.module";
@NgModule({ @NgModule({
declarations: [EngagementComponent], declarations: [EngagementComponent],
@ -9,7 +10,7 @@ import {RouterModule} from "@angular/router";
{ {
path: '', component: EngagementComponent path: '', component: EngagementComponent
} }
])], ]), BreadcrumbsModule],
exports: [EngagementComponent] exports: [EngagementComponent]
}) })
export class EngagementModule { export class EngagementModule {

View File

@ -1,14 +1,15 @@
<ng-template #about> <ng-template #about>
<h1 [ngClass]="isMobile ? 'uk-heading-small' : 'uk-h2'">About</h1> <h1 [ngClass]="isMobile ? 'uk-heading-small' : 'uk-h2'">About</h1>
<div class="uk-margin-top"> <div class="about uk-margin-top uk-text-large">
Welcome to the National Open Access Monitor, Ireland, a dynamic and innovative platform Welcome to the National Open Access Monitor, Ireland, <mark>a dynamic and innovative platform
designed to chart and foster the transition of Irelands scholarly output to 100% Open Access. designed to chart and foster the transition of Irelands scholarly output to 100% Open Access.</mark>
This project has been entrusted to <a target="_blank" href="https://www.openaire.eu/" class="custom-external">OpenAIRE</a>, This project has been entrusted to <a target="_blank" href="https://www.openaire.eu/" class="custom-external">OpenAIRE</a>,
following a contract awarded through a following a contract awarded through a
<a target="_blank" href="https://irl.eu-supply.com/ctm/Supplier/PublicPurchase/238957/0/0?returnUrl=ctm/Supplier/publictenders&b=ETENDERS_SIMPLE" class="custom-external">competitive tendering process</a> <a target="_blank" href="https://irl.eu-supply.com/ctm/Supplier/PublicPurchase/238957/0/0?returnUrl=ctm/Supplier/publictenders&b=ETENDERS_SIMPLE" class="custom-external">competitive tendering process</a>
by the <a target="_blank" href="https://irel.ie/" class="custom-external">Irish Research eLibrary</a> (IReL) in collaboration with by the <a target="_blank" href="https://irel.ie/" class="custom-external">Irish Research eLibrary</a> (IReL) in collaboration with
<a target="_blank" href="https://www.educationprocurementservice.ie/" class="custom-external">Education Procurement Services</a>. <a target="_blank" href="https://www.educationprocurementservice.ie/" class="custom-external">Education Procurement Services</a>.
</div> </div>
<a routerLink="/national" class="uk-button uk-button-secondary uk-margin-medium-top">Take a look</a>
</ng-template> </ng-template>
<ng-template #pilot> <ng-template #pilot>
@ -20,8 +21,7 @@
</ng-template> </ng-template>
<ng-template #mission> <ng-template #mission>
<h4>Our Mission</h4> <div class="uk-h5 uk-width-2-5@m uk-width-1-1">
<div class="uk-margin-medium-top">
At the heart of this platform is the mission to provide transparent, comprehensive insights into the state of Open Access in Ireland. At the heart of this platform is the mission to provide transparent, comprehensive insights into the state of Open Access in Ireland.
It serves as a key instrument for analyzing trends, identifying challenges, It serves as a key instrument for analyzing trends, identifying challenges,
and guiding policy development towards achieving an open, accessible, and sustainable research environment. and guiding policy development towards achieving an open, accessible, and sustainable research environment.
@ -29,8 +29,9 @@
</ng-template> </ng-template>
<ng-template #context> <ng-template #context>
<h4>Context</h4> <div class="uk-light">
<div class="uk-margin-medium-top"> <h2 [ngClass]="isMobile ? 'uk-heading-small' : 'uk-h2'">Context</h2>
<div class="context uk-text-large uk-margin-medium-top">
In 2022, the National Open Research Forum (NORF) awarded funding to six collaborative projects In 2022, the National Open Research Forum (NORF) awarded funding to six collaborative projects
to implement priority actions in Irelands <a target="_blank" href="https://norf.ie/national-action-plan/" class="custom-external">National Action Plan for Open Research 2022-2030</a>. to implement priority actions in Irelands <a target="_blank" href="https://norf.ie/national-action-plan/" class="custom-external">National Action Plan for Open Research 2022-2030</a>.
By building national capacity and infrastructure for open research, these projects support the visibility and impact By building national capacity and infrastructure for open research, these projects support the visibility and impact
@ -43,33 +44,51 @@
of the open access status of Irish research publications as part of national implementation of the open access status of Irish research publications as part of national implementation
and monitoring of open research practices. and monitoring of open research practices.
</div> </div>
</div>
</ng-template> </ng-template>
<ng-template #norf> <ng-template #norf>
<h4>About NORF</h4> <h4 class="uk-h3">NORF</h4>
<div class="uk-margin-medium-top"> <div class="uk-width-expand uk-text-large uk-margin-medium-bottom">
Irelands <a target="_blank" href="https://norf.ie/" class="custom-external">National Open Research Forum</a> (NORF) was established in 2017 to drive the Irish agenda for open research. Irelands <a target="_blank" href="https://norf.ie/" class="custom-external">National Open Research Forum</a> (NORF) was established in 2017 to drive the Irish agenda for open research.
NORF provides a space for communication, consultation and cooperation among key stakeholders NORF provides a space for communication, consultation and cooperation among key stakeholders
in the research system regarding strategic issues and overarching policies and procedures in open research. in the research system regarding strategic issues and overarching policies and procedures in open research.
NORF developed Irelands <a target="_blank" href="https://doi.org/10.7486/DRI.0287dj04d" class="custom-external">National Framework on the Transition to an Open Research Environment</a> (2019) NORF developed Irelands <a target="_blank" href="https://doi.org/10.7486/DRI.0287dj04d" class="custom-external">National Framework on the Transition to an Open Research Environment</a> (2019)
and the <a target="_blank" href="https://norf.ie/national-action-plan/" class="custom-external">National Action Plan for Open Research 2022-2030</a>. and the <a target="_blank" href="https://norf.ie/national-action-plan/" class="custom-external">National Action Plan for Open Research 2022-2030</a>.
</div> </div>
<div class="uk-flex uk-flex-right">
<a target="_blank" href="https://norf.ie/" class="uk-link-reset uk-flex uk-flex-middle">
<span class="uk-text-large uk-text-bolder">NORF</span>
<button class="uk-icon-button uk-button-secondary uk-margin-left">
<icon [name]="'north_east'" [flex]="true" [ratio]="1.5"></icon>
</button>
</a>
</div>
</ng-template> </ng-template>
<ng-template #irel> <ng-template #irel>
<h4>About IReL</h4> <h4 class="uk-h3">IReL</h4>
<div class="uk-margin-medium-top"> <div class="uk-width-expand uk-text-large uk-margin-medium-bottom">
IReL is the e-resource licensing consortium for Irish publicly funded higher education institutions IReL is the e-resource licensing consortium for Irish publicly funded higher education institutions
and the lead organisation for the Irish ORCID Consortium. and the lead organisation for the Irish ORCID Consortium.
Since 2004, the IReL service (hosted by Maynooth University) has expanded from providing access Since 2004, the IReL service (hosted by Maynooth University) has expanded from providing access
to quality peer-reviewed online research publications and index & abstracting services, to quality peer-reviewed online research publications and index & abstracting services,
to facilitating open access publishing agreements, and managing the Irish ORCID Consortium. to facilitating open access publishing agreements, and managing the Irish ORCID Consortium.
</div> </div>
<div class="uk-flex uk-flex-right">
<a target="_blank" href="" class="uk-link-reset uk-flex uk-flex-middle">
<span class="uk-text-large uk-text-bolder">IReL</span>
<button class="uk-icon-button uk-button-secondary uk-margin-left">
<icon [name]="'north_east'" [flex]="true" [ratio]="1.5"></icon>
</button>
</a>
</div>
</ng-template> </ng-template>
<ng-template #openaire> <ng-template #openaire>
<h4>About OpenAIRE</h4> <h4 class="uk-h3">OpenAIRE</h4>
<div class="uk-margin-medium-top"> <div class="uk-grid uk-grid-divider uk-child-width-1-1 uk-child-width-1-2@m" uk-grid>
<div class="uk-text-large">
OpenAIRE AMKE is a non-profit organization established in 2018 to create a European-wide national policy OpenAIRE AMKE is a non-profit organization established in 2018 to create a European-wide national policy
and open scholarly communication infrastructure. and open scholarly communication infrastructure.
OpenAIRE started as a series of European Commission projects in 2010 before incorporating OpenAIRE started as a series of European Commission projects in 2010 before incorporating
@ -77,9 +96,10 @@
Its mission is to establish, maintain, and operate an open and sustainable scholarly communication infrastructure Its mission is to establish, maintain, and operate an open and sustainable scholarly communication infrastructure
and provide the necessary services, resources, and network for supporting a common European open e-research and e-science environment. and provide the necessary services, resources, and network for supporting a common European open e-research and e-science environment.
OpenAIRE modus operandi includes applying and contributing to international best practices OpenAIRE modus operandi includes applying and contributing to international best practices
to meet the needs of the research community and promote Open Science. In particular, OpenAIRE to meet the needs of the research community and promote Open Science. In particular, OpenAIRE:
</div>
<ul class="uk-list uk-list-bullet uk-list-primary uk-margin-top"> <div>
<ul class="uk-list uk-list-bullet uk-list-secondary">
<li>Adheres to and promotes key standards like the FAIR principles.</li> <li>Adheres to and promotes key standards like the FAIR principles.</li>
<li>Provides the <a target="_blank" href="https://guidelines.openaire.eu/en/latest/" class="custom-external">OpenAIRE Guidelines</a> <li>Provides the <a target="_blank" href="https://guidelines.openaire.eu/en/latest/" class="custom-external">OpenAIRE Guidelines</a>
for literature repositories, data archives, and Current Research Information Systems (CRIS) managers, for literature repositories, data archives, and Current Research Information Systems (CRIS) managers,
@ -90,115 +110,74 @@
<li>Supports Open Access policies and advocacy.</li> <li>Supports Open Access policies and advocacy.</li>
<li>Provides capacity building and training for the Open Science community.</li> <li>Provides capacity building and training for the Open Science community.</li>
</ul> </ul>
</div>
</div>
<div class="uk-text-large">
<div class="uk-margin-medium-top"> <div class="uk-margin-medium-top">
As Ireland moves towards an open research environment, this platform signifies a commitment to transparency, As Ireland moves towards an open research environment, this platform signifies a commitment to transparency,
access, and the advancement of scientific communication. access, and the advancement of scientific communication.
It is a crucial step in supporting Ireland's alignment with broader European and global movements towards accessible and open scientific research. It is a crucial step in supporting Ireland's alignment with broader European and global movements towards accessible and open scientific research.
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
Discover more about this initiative in our Zenodo community, including related reports, presentations, and datasets. Discover more about this initiative in our Zenodo community, including related reports, presentations, and datasets.
</div> </div>
<div class="uk-margin-top">
<div class="uk-margin-top">Thank you for joining us!</div> Thank you for joining us!
</div>
</div>
<div class="uk-flex uk-flex-right uk-margin-medium-top">
<a target="_blank" href="https://www.openaire.eu" class="uk-link-reset uk-flex uk-flex-middle">
<span class="uk-text-large uk-text-bolder">OpenAIRE</span>
<button class="uk-icon-button uk-button-secondary uk-margin-left">
<icon [name]="'north_east'" [flex]="true" [ratio]="1.5"></icon>
</button>
</a>
</div> </div>
</ng-template> </ng-template>
<div *ngIf="!isMobile" class="uk-visible@m"> <div class="uk-container uk-container-large uk-section uk-section-small hero">
<div class="uk-banner"> <div>
<div class="uk-container uk-container-large"> <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
<div class="uk-margin-medium-top uk-margin-medium-bottom uk-margin-remove-left uk-grid uk-grid-large uk-child-width-1-2@m uk-width-1-1" </div>
uk-grid uk-scrollspy-class> <div class="uk-flex uk-flex-wrap uk-flex-middle uk-child-width-1-2@m uk-width-1-1 uk-margin-medium-top uk-margin-large-bottom" uk-scrollspy-class>
<div class="uk-padding-remove-horizontal"> <div>
<ng-container *ngTemplateOutlet="about"></ng-container> <ng-container *ngTemplateOutlet="about"></ng-container>
</div> </div>
<div> <div [ngClass]="isMobile ? 'uk-margin-medium-top' : ''">
<div class="uk-card uk-card-body uk-card-default pilot"> <div class="uk-card uk-card-body uk-card-default uk-background-secondary uk-light uk-margin-auto pilot">
<ng-container *ngTemplateOutlet="pilot"></ng-container> <ng-container *ngTemplateOutlet="pilot"></ng-container>
</div> </div>
</div> </div>
</div> </div>
<div class="logos uk-flex uk-flex-middle uk-flex-center">
<img src="assets/norf.jpg" alt="NORF" class="uk-blend-multiply">
<img src="assets/IReL logo.png" alt="IRel" class="uk-blend-multiply">
<img src="assets/common-assets/common/Logo_Horizontal.png" alt="OpenAIRE" class="uk-blend-multiply">
</div> </div>
</div> </div>
<div uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 250"> <div class="uk-container uk-container-large uk-section">
<div class="uk-section uk-container uk-container-large" uk-scrollspy-class> <div class="uk-flex uk-flex-center">
<div id="parentContainer" class="uk-grid uk-grid-large" uk-grid>
<div class="uk-width-medium uk-margin-top">
<div class="uk-sticky" uk-sticky="end: !#parentContainer; offset: 100;">
<slider-tabs type="scrollable" position="left">
<slider-tab tabId="mission" tabTitle="Our Mission"></slider-tab>
<slider-tab tabId="context" tabTitle="Context"></slider-tab>
<slider-tab tabId="norf" tabTitle="About NORF"></slider-tab>
<slider-tab tabId="irel" tabTitle="About IReL"></slider-tab>
<slider-tab tabId="openaire" tabTitle="About OpenAIRE"></slider-tab>
</slider-tabs>
</div>
</div>
<div class="uk-width-expand uk-margin-top">
<div id="mission" class="uk-margin-large-bottom">
<ng-container *ngTemplateOutlet="mission"></ng-container> <ng-container *ngTemplateOutlet="mission"></ng-container>
</div> </div>
<div id="context" class="uk-margin-large-bottom">
<ng-container *ngTemplateOutlet="context"></ng-container>
</div> </div>
<div id="norf" class="uk-margin-large-bottom"> <div class="uk-section uk-background-secondary dark">
<ng-container *ngTemplateOutlet="norf"></ng-container>
</div>
<div id="irel" class="uk-margin-large-bottom">
<ng-container *ngTemplateOutlet="irel"></ng-container>
</div>
<div id="openaire" class="uk-margin-large-bottom">
<ng-container *ngTemplateOutlet="openaire"></ng-container>
</div>
</div>
</div>
</div>
</div>
</div>
<div *ngIf="isMobile || isServer" class="uk-hidden@m">
<div class="uk-banner">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large">
<div class="uk-margin-medium-top uk-margin-medium-bottom uk-text-center" uk-scrollspy-class>
<div class="uk-padding-remove-horizontal">
<ng-container *ngTemplateOutlet="about"></ng-container>
</div>
<div>
<div class="uk-card uk-card-body uk-card-default pilot uk-margin-medium-top">
<ng-container *ngTemplateOutlet="pilot"></ng-container>
</div>
</div>
</div>
</div>
</div>
<div uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 250">
<div>
<div class="uk-sticky uk-background-default uk-padding-small uk-padding-remove-right" uk-sticky>
<slider-tabs type="scrollable" position="horizontal">
<slider-tab tabId="mission_m" tabTitle="Our Mission"></slider-tab>
<slider-tab tabId="context_m" tabTitle="Context"></slider-tab>
<slider-tab tabId="norf_m" tabTitle="About NORF"></slider-tab>
<slider-tab tabId="irel_m" tabTitle="About IReL"></slider-tab>
<slider-tab tabId="openaire_m" tabTitle="About OpenAIRE"></slider-tab>
</slider-tabs>
</div>
</div>
<div class="uk-container uk-container-large uk-section uk-section-small uk-text-break">
<div id="mission_m" class="uk-margin-xlarge-bottom">
<ng-container *ngTemplateOutlet="mission"></ng-container>
</div>
<div id="context_m" class="uk-margin-xlarge-bottom">
<ng-container *ngTemplateOutlet="context"></ng-container> <ng-container *ngTemplateOutlet="context"></ng-container>
</div> <hr class="uk-margin-large">
<div id="norf_m" class="uk-margin-xlarge-bottom"> <div class="uk-grid uk-child-width-1-1 uk-child-width-1-2@m uk-margin-medium-bottom" uk-grid uk-height-match="target: .uk-card;">
<div>
<div class="uk-card uk-card-default uk-card-body uk-flex uk-flex-column card-bg norf">
<ng-container *ngTemplateOutlet="norf"></ng-container> <ng-container *ngTemplateOutlet="norf"></ng-container>
</div> </div>
<div id="irel_m" class="uk-margin-xlarge-bottom"> </div>
<div>
<div class="uk-card uk-card-default uk-card-body uk-flex uk-flex-column card-bg irel">
<ng-container *ngTemplateOutlet="irel"></ng-container> <ng-container *ngTemplateOutlet="irel"></ng-container>
</div> </div>
<div id="openaire_m" class="uk-margin-xlarge-bottom"> </div>
</div>
<div class="uk-width-1-1 uk-card uk-card-default uk-card-body card-bg openaire">
<ng-container *ngTemplateOutlet="openaire"></ng-container> <ng-container *ngTemplateOutlet="openaire"></ng-container>
</div> </div>
</div> </div>
</div> </div>
</div>

View File

@ -1,12 +1,60 @@
@import (reference) "~src/assets/extend-theme/less/_import-variables";
@import (reference) "~src/assets/openaire-theme/less/color.less"; @import (reference) "~src/assets/openaire-theme/less/color.less";
.hero {
background-image: url("~/src/assets/irish-assets/resources/irish-bg-blur.png");
background-repeat: no-repeat;
background-position: center;
.about {
max-width: 500px;
}
.pilot {
max-width: 400px;
}
.logos {
grid-gap: 60px;
img {
height: 60px;
}
}
}
.context {
column-count: 2;
column-gap: 200px;
}
.card-bg {
background-repeat: no-repeat;
background-position: bottom;
&.norf {
background-image: url("~/src/assets/irish-assets/resources/norf-logo-blur.png");
}
&.irel {
background-image: url("~/src/assets/irish-assets/resources/irel-logo-blur.png");
}
&.openaire {
background-image: url("~/src/assets/irish-assets/resources/openaire-logo-blur.png");
}
}
@media (max-width: @breakpoint-small-max) {
.hero {
background-position: center bottom;
.logos {
grid-gap: 40px;
img {
height: 40px;
}
}
}
.context {
column-count: 1;
}
}
.uk-width-medium { .uk-width-medium {
width: 350px; width: 350px;
} }
@pilot-card-border-color: @info-border-color;
.uk-card.pilot { .uk-card.pilot {
border: 1px solid @pilot-card-border-color;
box-shadow: none; box-shadow: none;
} }

View File

@ -6,6 +6,7 @@ import {Meta, Title} from "@angular/platform-browser";
import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service"; import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service";
import {LayoutService} from "../../openaireLibrary/dashboard/sharedComponents/sidebar/layout.service"; import {LayoutService} from "../../openaireLibrary/dashboard/sharedComponents/sidebar/layout.service";
import {HelperService} from "../../openaireLibrary/utils/helper/helper.service"; import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
@Component({ @Component({
selector: 'about', selector: 'about',
@ -15,6 +16,7 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
export class AboutComponent extends BaseComponent { export class AboutComponent extends BaseComponent {
title = 'About'; title = 'About';
description = 'About'; description = 'About';
breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'resources - about'}];
tab: 'mission' | 'context' | 'norf' | 'irel' | 'openaire' = 'mission'; tab: 'mission' | 'context' | 'norf' | 'irel' | 'openaire' = 'mission';
contentSections: string[] = ['entities', 'inherited-and-inferred-attributes', 'constructed-attributes']; contentSections: string[] = ['entities', 'inherited-and-inferred-attributes', 'constructed-attributes'];
activeSection: string; activeSection: string;

View File

@ -6,6 +6,8 @@ import {TheFiveMonitorsComponent} from "./the-five-monitors.component";
import {UserActionsComponent} from "./user-actions.component"; import {UserActionsComponent} from "./user-actions.component";
import {SliderTabsModule} from "../../openaireLibrary/sharedComponents/tabs/slider-tabs.module"; import {SliderTabsModule} from "../../openaireLibrary/sharedComponents/tabs/slider-tabs.module";
import {YouWeComponent} from "./you-we.component"; import {YouWeComponent} from "./you-we.component";
import {BreadcrumbsModule} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.module";
import {IconsModule} from "../../openaireLibrary/utils/icons/icons.module";
@NgModule({ @NgModule({
declarations: [AboutComponent, TheFiveMonitorsComponent, UserActionsComponent, YouWeComponent], declarations: [AboutComponent, TheFiveMonitorsComponent, UserActionsComponent, YouWeComponent],
@ -31,7 +33,7 @@ import {YouWeComponent} from "./you-we.component";
component: UserActionsComponent, component: UserActionsComponent,
canDeactivate: [] canDeactivate: []
} }
]), SliderTabsModule], ]), SliderTabsModule, BreadcrumbsModule, IconsModule],
exports: [] exports: []
}) })
export class HowItWorksModule { export class HowItWorksModule {

View File

@ -1,4 +1,242 @@
<div class="uk-visible@m"> <div class="uk-container uk-container-large uk-section uk-section-small hero">
<div>
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
<div class="uk-margin-medium-top uk-margin-medium-bottom">
<h1 class="uk-h2 uk-text-center uk-width-1-1 uk-width-1-2@m uk-margin-auto">
Navigating Irelands Open Access
</h1>
<div class="uk-grid uk-flex-middle uk-margin-medium-top" uk-grid>
<div class="uk-width-1-1 uk-width-1-4@m">
<h2 class="uk-h3">
5 Tailored Dashboards for Insights.
</h2>
</div>
<div class="uk-width-1-1 uk-width-expand@m">
<img src="assets/irish-assets/resources/dashboard-half-height.png">
</div>
<div class="uk-width-1-1 uk-width-1-4@m">
<img src="assets/irish-assets/resources/five-monitors-badges.png">
</div>
</div>
</div>
</div>
<div class="uk-container uk-container-large uk-section">
<div class="uk-grid uk-flex-middle uk-child-width-1-1 uk-child-width-1-2@m uk-margin-medium-top" uk-grid>
<div>
<img src="assets/irish-assets/resources/dashboard-detailed.png">
</div>
<div>
<h2 class="uk-h3 uk-margin-remove">National Monitor.</h2>
<h2 class="uk-h3 uk-margin-remove-top">The Broad Perspective.</h2>
<div class="uk-margin-top uk-text-large">
The National Monitor offers an expansive view, featuring cross-country benchmarking and in-depth breakdowns specific to Ireland. It is meant to serve as a key resource for policymakers, publishers, and anyone interested in a comprehensive national overview. Take a look at the National Monitor for detailed insights into the broader Open Access landscape.
</div>
<a routerLink="/national" class="uk-button uk-button-secondary uk-margin-medium-top">Take a look</a>
</div>
</div>
</div>
<div class="uk-section uk-background-secondary">
<div class="uk-container uk-container-large">
<div class="uk-width-1-1 uk-width-2-3@m uk-light">
<h2 class="uk-h3">
Dive Deeper with Tailored Dashboards
</h2>
<div class="uk-text-large">
For RPOs, RFOs, Researchers, and Institutional Repositories, we invite you to explore your individual monitors. Each dashboard is equipped to give you a detailed understanding of your role and impact within Open Access research. Discover how each dashboard works in the sections below.
</div>
</div>
<div class="uk-section uk-light">
<div class="uk-sticky uk-visible@l" [attr.uk-sticky]="shouldSticky?'':null" [attr.offset]="offset">
<div class="uk-container">
<div class="uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
<slider-tabs tabsClass="uk-subnav uk-subnav-pill-alt" [border]="false" flexPosition="center" customClass="uk-flex uk-flex-center uk-text-large"
containerClass="uk-padding-xsmall uk-blur-background uk-border-rounded-xlarge" connect="#tabs-content">
<slider-tab *ngFor="let section of sections; let i = index" [tabTitle]="section"
[tabId]="section"></slider-tab>
</slider-tabs>
</div>
</div>
</div>
<ul id="tabs-content" class="uk-switcher uk-margin-large-bottom">
<li>
<you-we [type]="'Research Performing Organisation (RPO)'" id="rpo" [titleClass]="null" backgroundClass="uk-background-secondary">
<ng-container you>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body">
<span class="uk-text-primary">Step 1a</span>
<p class="uk-text-large uk-margin-xsmall-top">Assign a Primary Dashboard Manager</p>
<p>Nominate a primary dashboard manager by filling out <a href="https://app.onlinesurveys.jisc.ac.uk/s/maynoothuniversity/national-open-access-monitor-dashboard-manager-application-form" target="_blank">an application form</a>. If you already have a primary dashboard manager or prefer not to be one, proceed to step 2. </p>
</div>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2a</span>
<p class="uk-text-large uk-margin-xsmall-top">Find Your RPO's Monitor Dashboard</p>
<p>Head to the <a routerLink="/rpo">RPO Monitor page</a> and look up your organization. If you can't find it or it appears under multiple names, please <a routerLink="/contact-us">contact us</a>. </p>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 3a</span>
<p class="uk-text-large uk-margin-xsmall-top">Validate and approve the results. </p>
<p>You examine your dashboard and the showcased information to ensure you are satisfied with what you see.</p>
</div>
</ng-container>
<ng-container we>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-overflow-hidden uk-position-relative uk-margin-large-bottom">
<div class="uk-card-body">
<span class="uk-text-primary">Step 1b</span>
<p class="uk-text-large uk-margin-xsmall-top">
Invite your RPOs Primary Manager via email
</p>
<p>Primary managers will have the ability to invite additional managers. They will also have access to our Sandbox environment for data previews and use of OpenOrgs, OpenAIRE's organization deduplication service.</p>
</div>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2b</span>
<p class="uk-text-large uk-margin-xsmall-top">Troubleshoot your Monitor</p>
<p>We built your profile if it is missing and help you deduplicate your organizations name via the OpenORgs service.</p>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 3b</span>
<p class="uk-text-large uk-margin-xsmall-top">Interact with you Through 1-on-1 expert consultations</p>
<p>to understand any gaps and deviations within the dashboard to verify the data integrity</p>
</div>
</ng-container>
</you-we>
</li>
<li>
<you-we [type]="'Research Funding Organisation (RFO)'" id="rfo">
<ng-container you>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body">
<span class="uk-text-primary">Step 1a</span>
<p class="uk-text-large uk-margin-xsmall-top">Assign a Primary Dashboard Manager</p>
<p>Nominate a primary dashboard manager by completing <a href="https://app.onlinesurveys.jisc.ac.uk/s/maynoothuniversity/national-open-access-monitor-dashboard-manager-application-form" target="_blank">our application form</a>. If you already have a primary dashboard manager or prefer not to be one, proceed to step 2.</p>
</div>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2a</span>
<p class="uk-text-large uk-margin-xsmall-top">Find Your RFO's Monitor Dashboard</p>
<p>Head to the <a routerLink="/rfo">RFO Monitor page</a> and look up your organization. If you can't find it or it appears under multiple names, please <a routerLink="/contact-us">contact us</a>.</p>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 3a</span>
<p class="uk-text-large uk-margin-xsmall-top">Discover Your Monitor and consider joining OpenAIRE (Optional)</p>
<p>Explore your personalized dashboard at your leisure. You have the option to join OpenAIRE, allowing us to develop a specialized text mining algorithm to enrich your profile. This marks the final step if you choose not to join OpenAIRE.</p>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body uk-margin-medium-bottom">
<span class="uk-text-primary">Step 4a</span>
<p class="uk-text-large uk-margin-xsmall-top">Join OpenAIRE - You provide Information about your funded projects and join OpenAIRE.</p>
<p>All information is exchanged under confidential agreements and we only make public what you agree on.
</p>
</div>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative">
<span class="uk-text-primary">Step 5a</span>
<p class="uk-text-large uk-margin-xsmall-top">validate the results and approve for them to be shown on your Monitor dashboard.</p>
<p>Examine your dashboard in the Sandbox environment and the showcased information to ensure you are satisfied with what you see.</p>
</div>
</ng-container>
<ng-container we>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body">
<span class="uk-text-primary">Step 1b</span>
<p class="uk-text-large uk-margin-xsmall-top">Invite your RFOs Primary Manager via email</p>
<p>Primary managers will have the ability to invite additional managers. They will also have access to our Sandbox environment for data previews and curation.</p>
</div>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2b</span>
<p class="uk-text-large uk-margin-xsmall-top">Troubleshoot your Monitor</p>
<p>We built your profile if it is missing and help you with any additional issues</p>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 3b</span>
<p class="uk-text-large uk-margin-xsmall-top">Interact with you Through 1-on-1 expert consultations</p>
<p>to understand any gaps and deviations within the dashboard to verify the data integrity</p>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 4b</span>
<p class="uk-text-large uk-margin-xsmall-top">Ingest your project metadata and mine the <a href="https://graph.openaire.eu" target="_blank">OpenAIRE Graph</a>.</p>
<p>We infer links to research results: publications, datasets, software, etc, via dedicated text mining algorithms.</p>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative">
<span class="uk-text-primary">Step 5b</span>
<p class="uk-text-large uk-margin-xsmall-top">Refine until you are happy with the results.</p>
</div>
</ng-container>
</you-we>
</li>
<li>
<you-we [type]="'Researcher'" id="researcher">
<ng-container you>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body">
<span class="uk-text-primary">Step 1a</span>
<p class="uk-text-large uk-margin-xsmall-top">Access Your Profile with ORCID iD</p>
<p>Log in using your ORCID iD to grant OpenAIRE access to your ORCID record. Then, visit the <a routerLink="/researcher">Researcher Monitors</a> to search for your ORCID iD. If its not listed, contact us. Note that only research products affiliated with an Irish RPO will be displayed in your profile. </p>
</div>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2a</span>
<p class="uk-text-large uk-margin-xsmall-top">Claim Additional Records</p>
<p>From your profile (click the circle with your initials at the top right), navigate to the 'My ORCID Links' page and allow OpenAIRE to enhance your ORCID record. Search for your research products and claim them. These will appear in your ORCID record following the next update of the OpenAIRE Graph.</p>
</div>
</ng-container>
<ng-container we>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body">
<span class="uk-text-primary">Step 1b</span>
<p class="uk-text-large uk-margin-xsmall-top">Troubleshoot your Monitor</p>
<p>If your profile is missing, we are here to help build it. Remember, OpenAIRE syncs with ORCID, so research products not in ORCID or unaffiliated with an Irish organization will not appear in your record.</p>
</div>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2b</span>
<p class="uk-text-large uk-margin-xsmall-top">Support you in understanding any gaps or deviations within your dashboard and to provide assistance as needed.</p>
</div>
</ng-container>
</you-we>
</li>
<li>
<you-we [type]="'Institutional Repository'" id="repository">
<ng-container you>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body">
<span class="uk-text-primary">Step 1a</span>
<p class="uk-text-large uk-margin-xsmall-top">Find Your Repositorys Monitor Dashboard & Register to OpenAIRE PROVIDE</p>
<p>Navigate to the <a routerLink="/repository">Repository Monitor page</a> and search for your repository. If it is not listed, this indicates that you need to register with OpenAIRE. You can complete this process by following <a href="http://Navigate%20to%20the%20Repository%20Monitor%20page%20and%20search%20for%20your%20repository.%20If%20it's%20not%20listed,%20this%20typically%20indicates%20that%20you%20need%20to%20register%20with%20OpenAIRE.%20You%20can%20complete%20this%20process%20here.%20If%20your%20repository%20already%20has%20a%20Monitor%20dashboard%20but%20hasn't%20been%20registered%20in%20OpenAIRE%20PROVIDE,%20please%20contact%20us%20for%20assistance." target="_blank">these</a> instructions. If your repository already has a Monitor dashboard but your have not been registered in OpenAIRE PROVIDE, please <a routerLink="/contact-us">contact us</a> for assistance.</p>
</div>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2a</span>
<p class="uk-text-large uk-margin-xsmall-top">Validate and approve the results.</p>
<p>You examine your dashboard and the showcased information to ensure you are satisfied with what you see.</p>
</div>
</ng-container>
<ng-container we>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body">
<span class="uk-text-primary">Step 1b</span>
<p class="uk-text-large uk-margin-xsmall-top">Invite you as a Manager via email</p>
<p>As a manager, you will receive access to the PROVIDE dashboard. OpenAIRE PROVIDE is a service designed for Institutional Repository Managers to register, validate, and enrich their records. It also offers insights into usage statistics, including views and downloads. This dashboard allows you to efficiently manage your records and comply with Open Access requirements.</p>
</div>
</div>
<div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2b</span>
<p class="uk-text-large uk-margin-xsmall-top">Interact with you through 1-on-1 expert consultations</p>
<p>to understand any gaps and deviations within the dashboard to verify the data integrity</p>
</div>
</ng-container>
</you-we>
</li>
</ul>
</div>
</div>
</div>
<!-- <div class="uk-visible@m">
<div class="uk-position-relative"> <div class="uk-position-relative">
<div class="uk-banner"> <div class="uk-banner">
<div class="uk-container uk-container-large uk-section uk-section-small"> <div class="uk-container uk-container-large uk-section uk-section-small">
@ -72,26 +310,26 @@
<li> <li>
<you-we [type]="'Research Performing Organisation (RPO)'" id="rpo"> <you-we [type]="'Research Performing Organisation (RPO)'" id="rpo">
<ng-container you> <ng-container you>
<div class="uk-card uk-card-default uk-position-relative uk-overflow-hidden uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body"> <div class="uk-card-body">
<span class="uk-text-primary">Step 1a</span> <span class="uk-text-primary">Step 1a</span>
<p class="uk-text-large uk-margin-xsmall-top">Assign a Primary Dashboard Manager</p> <p class="uk-text-large uk-margin-xsmall-top">Assign a Primary Dashboard Manager</p>
<p>Nominate a primary dashboard manager by filling out <a href="https://app.onlinesurveys.jisc.ac.uk/s/maynoothuniversity/national-open-access-monitor-dashboard-manager-application-form" target="_blank">an application form</a>. If you already have a primary dashboard manager or prefer not to be one, proceed to step 2. </p> <p>Nominate a primary dashboard manager by filling out <a href="https://app.onlinesurveys.jisc.ac.uk/s/maynoothuniversity/national-open-access-monitor-dashboard-manager-application-form" target="_blank">an application form</a>. If you already have a primary dashboard manager or prefer not to be one, proceed to step 2. </p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2a</span> <span class="uk-text-primary">Step 2a</span>
<p class="uk-text-large uk-margin-xsmall-top">Find Your RPO's Monitor Dashboard</p> <p class="uk-text-large uk-margin-xsmall-top">Find Your RPO's Monitor Dashboard</p>
<p>Head to the <a routerLink="/rpo">RPO Monitor page</a> and look up your organization. If you can't find it or it appears under multiple names, please <a routerLink="/contact-us">contact us</a>. </p> <p>Head to the <a routerLink="/rpo">RPO Monitor page</a> and look up your organization. If you can't find it or it appears under multiple names, please <a routerLink="/contact-us">contact us</a>. </p>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 3a</span> <span class="uk-text-primary">Step 3a</span>
<p class="uk-text-large uk-margin-xsmall-top">Validate and approve the results. </p> <p class="uk-text-large uk-margin-xsmall-top">Validate and approve the results. </p>
<p>You examine your dashboard and the showcased information to ensure you are satisfied with what you see.</p> <p>You examine your dashboard and the showcased information to ensure you are satisfied with what you see.</p>
</div> </div>
</ng-container> </ng-container>
<ng-container we> <ng-container we>
<div class="uk-card uk-card-default uk-overflow-hidden uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-overflow-hidden uk-position-relative uk-margin-large-bottom">
<div class="uk-card-body"> <div class="uk-card-body">
<span class="uk-text-primary">Step 1b</span> <span class="uk-text-primary">Step 1b</span>
<p class="uk-text-large uk-margin-xsmall-top"> <p class="uk-text-large uk-margin-xsmall-top">
@ -100,12 +338,12 @@
<p>Primary managers will have the ability to invite additional managers. They will also have access to our Sandbox environment for data previews and use of OpenOrgs, OpenAIRE's organization deduplication service.</p> <p>Primary managers will have the ability to invite additional managers. They will also have access to our Sandbox environment for data previews and use of OpenOrgs, OpenAIRE's organization deduplication service.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2b</span> <span class="uk-text-primary">Step 2b</span>
<p class="uk-text-large uk-margin-xsmall-top">Troubleshoot your Monitor</p> <p class="uk-text-large uk-margin-xsmall-top">Troubleshoot your Monitor</p>
<p>We built your profile if it is missing and help you deduplicate your organizations name via the OpenORgs service.</p> <p>We built your profile if it is missing and help you deduplicate your organizations name via the OpenORgs service.</p>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 3b</span> <span class="uk-text-primary">Step 3b</span>
<p class="uk-text-large uk-margin-xsmall-top">Interact with you Through 1-on-1 expert consultations</p> <p class="uk-text-large uk-margin-xsmall-top">Interact with you Through 1-on-1 expert consultations</p>
<p>to understand any gaps and deviations within the dashboard to verify the data integrity</p> <p>to understand any gaps and deviations within the dashboard to verify the data integrity</p>
@ -116,24 +354,24 @@
<li> <li>
<you-we [type]="'Research Funding Organisation (RFO)'" id="rfo"> <you-we [type]="'Research Funding Organisation (RFO)'" id="rfo">
<ng-container you> <ng-container you>
<div class="uk-card uk-card-default uk-position-relative uk-overflow-hidden uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body"> <div class="uk-card-body">
<span class="uk-text-primary">Step 1a</span> <span class="uk-text-primary">Step 1a</span>
<p class="uk-text-large uk-margin-xsmall-top">Assign a Primary Dashboard Manager</p> <p class="uk-text-large uk-margin-xsmall-top">Assign a Primary Dashboard Manager</p>
<p>Nominate a primary dashboard manager by completing <a href="https://app.onlinesurveys.jisc.ac.uk/s/maynoothuniversity/national-open-access-monitor-dashboard-manager-application-form" target="_blank">our application form</a>. If you already have a primary dashboard manager or prefer not to be one, proceed to step 2.</p> <p>Nominate a primary dashboard manager by completing <a href="https://app.onlinesurveys.jisc.ac.uk/s/maynoothuniversity/national-open-access-monitor-dashboard-manager-application-form" target="_blank">our application form</a>. If you already have a primary dashboard manager or prefer not to be one, proceed to step 2.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2a</span> <span class="uk-text-primary">Step 2a</span>
<p class="uk-text-large uk-margin-xsmall-top">Find Your RFO's Monitor Dashboard</p> <p class="uk-text-large uk-margin-xsmall-top">Find Your RFO's Monitor Dashboard</p>
<p>Head to the <a routerLink="/rfo">RFO Monitor page</a> and look up your organization. If you can't find it or it appears under multiple names, please <a routerLink="/contact-us">contact us</a>.</p> <p>Head to the <a routerLink="/rfo">RFO Monitor page</a> and look up your organization. If you can't find it or it appears under multiple names, please <a routerLink="/contact-us">contact us</a>.</p>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 3a</span> <span class="uk-text-primary">Step 3a</span>
<p class="uk-text-large uk-margin-xsmall-top">Discover Your Monitor and consider joining OpenAIRE (Optional)</p> <p class="uk-text-large uk-margin-xsmall-top">Discover Your Monitor and consider joining OpenAIRE (Optional)</p>
<p>Explore your personalized dashboard at your leisure. You have the option to join OpenAIRE, allowing us to develop a specialized text mining algorithm to enrich your profile. This marks the final step if you choose not to join OpenAIRE.</p> <p>Explore your personalized dashboard at your leisure. You have the option to join OpenAIRE, allowing us to develop a specialized text mining algorithm to enrich your profile. This marks the final step if you choose not to join OpenAIRE.</p>
</div> </div>
<div class="uk-card uk-card-default uk-position-relative uk-overflow-hidden uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body uk-margin-medium-bottom"> <div class="uk-card-body uk-margin-medium-bottom">
<span class="uk-text-primary">Step 4a</span> <span class="uk-text-primary">Step 4a</span>
<p class="uk-text-large uk-margin-xsmall-top">Join OpenAIRE - You provide Information about your funded projects and join OpenAIRE.</p> <p class="uk-text-large uk-margin-xsmall-top">Join OpenAIRE - You provide Information about your funded projects and join OpenAIRE.</p>
@ -141,36 +379,36 @@
</p> </p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative">
<span class="uk-text-primary">Step 5a</span> <span class="uk-text-primary">Step 5a</span>
<p class="uk-text-large uk-margin-xsmall-top">validate the results and approve for them to be shown on your Monitor dashboard.</p> <p class="uk-text-large uk-margin-xsmall-top">validate the results and approve for them to be shown on your Monitor dashboard.</p>
<p>Examine your dashboard in the Sandbox environment and the showcased information to ensure you are satisfied with what you see.</p> <p>Examine your dashboard in the Sandbox environment and the showcased information to ensure you are satisfied with what you see.</p>
</div> </div>
</ng-container> </ng-container>
<ng-container we> <ng-container we>
<div class="uk-card uk-card-default uk-position-relative uk-overflow-hidden uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body"> <div class="uk-card-body">
<span class="uk-text-primary">Step 1b</span> <span class="uk-text-primary">Step 1b</span>
<p class="uk-text-large uk-margin-xsmall-top">Invite your RFOs Primary Manager via email</p> <p class="uk-text-large uk-margin-xsmall-top">Invite your RFOs Primary Manager via email</p>
<p>Primary managers will have the ability to invite additional managers. They will also have access to our Sandbox environment for data previews and curation.</p> <p>Primary managers will have the ability to invite additional managers. They will also have access to our Sandbox environment for data previews and curation.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2b</span> <span class="uk-text-primary">Step 2b</span>
<p class="uk-text-large uk-margin-xsmall-top">Troubleshoot your Monitor</p> <p class="uk-text-large uk-margin-xsmall-top">Troubleshoot your Monitor</p>
<p>We built your profile if it is missing and help you with any additional issues</p> <p>We built your profile if it is missing and help you with any additional issues</p>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 3b</span> <span class="uk-text-primary">Step 3b</span>
<p class="uk-text-large uk-margin-xsmall-top">Interact with you Through 1-on-1 expert consultations</p> <p class="uk-text-large uk-margin-xsmall-top">Interact with you Through 1-on-1 expert consultations</p>
<p>to understand any gaps and deviations within the dashboard to verify the data integrity</p> <p>to understand any gaps and deviations within the dashboard to verify the data integrity</p>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 4b</span> <span class="uk-text-primary">Step 4b</span>
<p class="uk-text-large uk-margin-xsmall-top">Ingest your project metadata and mine the <a href="https://graph.openaire.eu" target="_blank">OpenAIRE Graph</a>.</p> <p class="uk-text-large uk-margin-xsmall-top">Ingest your project metadata and mine the <a href="https://graph.openaire.eu" target="_blank">OpenAIRE Graph</a>.</p>
<p>We infer links to research results: publications, datasets, software, etc, via dedicated text mining algorithms.</p> <p>We infer links to research results: publications, datasets, software, etc, via dedicated text mining algorithms.</p>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative">
<span class="uk-text-primary">Step 5b</span> <span class="uk-text-primary">Step 5b</span>
<p class="uk-text-large uk-margin-xsmall-top">Refine until you are happy with the results.</p> <p class="uk-text-large uk-margin-xsmall-top">Refine until you are happy with the results.</p>
</div> </div>
@ -180,28 +418,28 @@
<li> <li>
<you-we [type]="'Researcher'" id="researcher"> <you-we [type]="'Researcher'" id="researcher">
<ng-container you> <ng-container you>
<div class="uk-card uk-card-default uk-position-relative uk-overflow-hidden uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body"> <div class="uk-card-body">
<span class="uk-text-primary">Step 1a</span> <span class="uk-text-primary">Step 1a</span>
<p class="uk-text-large uk-margin-xsmall-top">Access Your Profile with ORCID iD</p> <p class="uk-text-large uk-margin-xsmall-top">Access Your Profile with ORCID iD</p>
<p>Log in using your ORCID iD to grant OpenAIRE access to your ORCID record. Then, visit the <a routerLink="/researcher">Researcher Monitors</a> to search for your ORCID iD. If its not listed, contact us. Note that only research products affiliated with an Irish RPO will be displayed in your profile. </p> <p>Log in using your ORCID iD to grant OpenAIRE access to your ORCID record. Then, visit the <a routerLink="/researcher">Researcher Monitors</a> to search for your ORCID iD. If its not listed, contact us. Note that only research products affiliated with an Irish RPO will be displayed in your profile. </p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2a</span> <span class="uk-text-primary">Step 2a</span>
<p class="uk-text-large uk-margin-xsmall-top">Claim Additional Records</p> <p class="uk-text-large uk-margin-xsmall-top">Claim Additional Records</p>
<p>From your profile (click the circle with your initials at the top right), navigate to the 'My ORCID Links' page and allow OpenAIRE to enhance your ORCID record. Search for your research products and claim them. These will appear in your ORCID record following the next update of the OpenAIRE Graph.</p> <p>From your profile (click the circle with your initials at the top right), navigate to the 'My ORCID Links' page and allow OpenAIRE to enhance your ORCID record. Search for your research products and claim them. These will appear in your ORCID record following the next update of the OpenAIRE Graph.</p>
</div> </div>
</ng-container> </ng-container>
<ng-container we> <ng-container we>
<div class="uk-card uk-card-default uk-position-relative uk-overflow-hidden uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body"> <div class="uk-card-body">
<span class="uk-text-primary">Step 1b</span> <span class="uk-text-primary">Step 1b</span>
<p class="uk-text-large uk-margin-xsmall-top">Troubleshoot your Monitor</p> <p class="uk-text-large uk-margin-xsmall-top">Troubleshoot your Monitor</p>
<p>If your profile is missing, we are here to help build it. Remember, OpenAIRE syncs with ORCID, so research products not in ORCID or unaffiliated with an Irish organization will not appear in your record.</p> <p>If your profile is missing, we are here to help build it. Remember, OpenAIRE syncs with ORCID, so research products not in ORCID or unaffiliated with an Irish organization will not appear in your record.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2b</span> <span class="uk-text-primary">Step 2b</span>
<p class="uk-text-large uk-margin-xsmall-top">Support you in understanding any gaps or deviations within your dashboard and to provide assistance as needed.</p> <p class="uk-text-large uk-margin-xsmall-top">Support you in understanding any gaps or deviations within your dashboard and to provide assistance as needed.</p>
</div> </div>
@ -211,28 +449,28 @@
<li> <li>
<you-we [type]="'Institutional Repository'" id="repository"> <you-we [type]="'Institutional Repository'" id="repository">
<ng-container you> <ng-container you>
<div class="uk-card uk-card-default uk-position-relative uk-overflow-hidden uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body"> <div class="uk-card-body">
<span class="uk-text-primary">Step 1a</span> <span class="uk-text-primary">Step 1a</span>
<p class="uk-text-large uk-margin-xsmall-top">Find Your Repositorys Monitor Dashboard & Register to OpenAIRE PROVIDE</p> <p class="uk-text-large uk-margin-xsmall-top">Find Your Repositorys Monitor Dashboard & Register to OpenAIRE PROVIDE</p>
<p>Navigate to the <a routerLink="/repository">Repository Monitor page</a> and search for your repository. If it is not listed, this indicates that you need to register with OpenAIRE. You can complete this process by following <a href="http://Navigate%20to%20the%20Repository%20Monitor%20page%20and%20search%20for%20your%20repository.%20If%20it's%20not%20listed,%20this%20typically%20indicates%20that%20you%20need%20to%20register%20with%20OpenAIRE.%20You%20can%20complete%20this%20process%20here.%20If%20your%20repository%20already%20has%20a%20Monitor%20dashboard%20but%20hasn't%20been%20registered%20in%20OpenAIRE%20PROVIDE,%20please%20contact%20us%20for%20assistance." target="_blank">these</a> instructions. If your repository already has a Monitor dashboard but your have not been registered in OpenAIRE PROVIDE, please <a routerLink="/contact-us">contact us</a> for assistance.</p> <p>Navigate to the <a routerLink="/repository">Repository Monitor page</a> and search for your repository. If it is not listed, this indicates that you need to register with OpenAIRE. You can complete this process by following <a href="http://Navigate%20to%20the%20Repository%20Monitor%20page%20and%20search%20for%20your%20repository.%20If%20it's%20not%20listed,%20this%20typically%20indicates%20that%20you%20need%20to%20register%20with%20OpenAIRE.%20You%20can%20complete%20this%20process%20here.%20If%20your%20repository%20already%20has%20a%20Monitor%20dashboard%20but%20hasn't%20been%20registered%20in%20OpenAIRE%20PROVIDE,%20please%20contact%20us%20for%20assistance." target="_blank">these</a> instructions. If your repository already has a Monitor dashboard but your have not been registered in OpenAIRE PROVIDE, please <a routerLink="/contact-us">contact us</a> for assistance.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2a</span> <span class="uk-text-primary">Step 2a</span>
<p class="uk-text-large uk-margin-xsmall-top">Validate and approve the results.</p> <p class="uk-text-large uk-margin-xsmall-top">Validate and approve the results.</p>
<p>You examine your dashboard and the showcased information to ensure you are satisfied with what you see.</p> <p>You examine your dashboard and the showcased information to ensure you are satisfied with what you see.</p>
</div> </div>
</ng-container> </ng-container>
<ng-container we> <ng-container we>
<div class="uk-card uk-card-default uk-position-relative uk-overflow-hidden uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-position-relative uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body"> <div class="uk-card-body">
<span class="uk-text-primary">Step 1b</span> <span class="uk-text-primary">Step 1b</span>
<p class="uk-text-large uk-margin-xsmall-top">Invite you as a Manager via email</p> <p class="uk-text-large uk-margin-xsmall-top">Invite you as a Manager via email</p>
<p>As a manager, you will receive access to the PROVIDE dashboard. OpenAIRE PROVIDE is a service designed for Institutional Repository Managers to register, validate, and enrich their records. It also offers insights into usage statistics, including views and downloads. This dashboard allows you to efficiently manage your records and comply with Open Access requirements.</p> <p>As a manager, you will receive access to the PROVIDE dashboard. OpenAIRE PROVIDE is a service designed for Institutional Repository Managers to register, validate, and enrich their records. It also offers insights into usage statistics, including views and downloads. This dashboard allows you to efficiently manage your records and comply with Open Access requirements.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<span class="uk-text-primary">Step 2b</span> <span class="uk-text-primary">Step 2b</span>
<p class="uk-text-large uk-margin-xsmall-top">Interact with you through 1-on-1 expert consultations</p> <p class="uk-text-large uk-margin-xsmall-top">Interact with you through 1-on-1 expert consultations</p>
<p>to understand any gaps and deviations within the dashboard to verify the data integrity</p> <p>to understand any gaps and deviations within the dashboard to verify the data integrity</p>
@ -242,7 +480,7 @@
</li> </li>
</ul> </ul>
</div> </div>
</div> </div> -->
<!-- <div class="uk-hidden@m"> <!-- <div class="uk-hidden@m">
<div class="uk-banner"> <div class="uk-banner">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large">
@ -278,7 +516,7 @@
<div class="uk-h1 uk-text-center uk-margin-xlarge-top uk-margin-xlarge-bottom"> <div class="uk-h1 uk-text-center uk-margin-xlarge-top uk-margin-xlarge-bottom">
Are you a <span class="uk-text-primary">Funder?</span> Are you a <span class="uk-text-primary">Funder?</span>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<div> <div>
<span class="uk-text-primary">Step 1a</span> <span class="uk-text-primary">Step 1a</span>
<h5 class="uk-margin-xsmall-top">You provide Information about your funded projects and <h5 class="uk-margin-xsmall-top">You provide Information about your funded projects and
@ -294,7 +532,7 @@
<p>We infer links to research results: publications, datasets, software, etc.</p> <p>We infer links to research results: publications, datasets, software, etc.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<div> <div>
<span class="uk-text-primary">Step 2a</span> <span class="uk-text-primary">Step 2a</span>
<h5 class="uk-margin-xsmall-top">You validate the results and approve for them to be shown <h5 class="uk-margin-xsmall-top">You validate the results and approve for them to be shown
@ -309,7 +547,7 @@
your dashboard.</p> your dashboard.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<div> <div>
<span class="uk-text-primary">Step 3a</span> <span class="uk-text-primary">Step 3a</span>
<h5 class="uk-margin-xsmall-top">Through 1-on-1 expert consultations you interact with <h5 class="uk-margin-xsmall-top">Through 1-on-1 expert consultations you interact with
@ -328,7 +566,7 @@
funded research activities.</p> funded research activities.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<div> <div>
<span class="uk-text-primary">Step 4a</span> <span class="uk-text-primary">Step 4a</span>
<h5 class="uk-margin-xsmall-top">Customise your dashboard and make your own profile.</h5> <h5 class="uk-margin-xsmall-top">Customise your dashboard and make your own profile.</h5>
@ -342,7 +580,7 @@
<p>We present your dashboard to you.</p> <p>We present your dashboard to you.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<div> <div>
<span class="uk-text-primary">Step 5a</span> <span class="uk-text-primary">Step 5a</span>
<h5 class="uk-margin-xsmall-top">Select your team</h5> <h5 class="uk-margin-xsmall-top">Select your team</h5>
@ -359,7 +597,7 @@
<div class="uk-h1 uk-text-center uk-margin-xlarge-top uk-margin-xlarge-bottom"> <div class="uk-h1 uk-text-center uk-margin-xlarge-top uk-margin-xlarge-bottom">
Are you a <span class="uk-text-primary">Research Initiative?</span> Are you a <span class="uk-text-primary">Research Initiative?</span>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<div> <div>
<span class="uk-text-primary">Step 1a</span> <span class="uk-text-primary">Step 1a</span>
<h5 class="uk-margin-xsmall-top">You state your interest in having a research initiative <h5 class="uk-margin-xsmall-top">You state your interest in having a research initiative
@ -376,7 +614,7 @@
<p>If needed, we develop a customized full-text mining algorithm to identify your publications.</p> <p>If needed, we develop a customized full-text mining algorithm to identify your publications.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<div> <div>
<span class="uk-text-primary">Step 2a</span> <span class="uk-text-primary">Step 2a</span>
<h5 class="uk-margin-xsmall-top">You configure the criteria to identify the research <h5 class="uk-margin-xsmall-top">You configure the criteria to identify the research
@ -391,7 +629,7 @@
your dashboard.</p> your dashboard.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<div> <div>
<span class="uk-text-primary">Step 3a</span> <span class="uk-text-primary">Step 3a</span>
<h5 class="uk-margin-xsmall-top">Through 1-on-1 expert consultations you interact with <h5 class="uk-margin-xsmall-top">Through 1-on-1 expert consultations you interact with
@ -410,7 +648,7 @@
institutions research activities.</p> institutions research activities.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<div> <div>
<span class="uk-text-primary">Step 4a</span> <span class="uk-text-primary">Step 4a</span>
<h5 class="uk-margin-xsmall-top">Customise your dashboard and make your own profile.</h5> <h5 class="uk-margin-xsmall-top">Customise your dashboard and make your own profile.</h5>
@ -424,7 +662,7 @@
<p>We present your dashboard to you.</p> <p>We present your dashboard to you.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<div> <div>
<span class="uk-text-primary">Step 5a</span> <span class="uk-text-primary">Step 5a</span>
<h5 class="uk-margin-xsmall-top">Select your team</h5> <h5 class="uk-margin-xsmall-top">Select your team</h5>
@ -441,7 +679,7 @@
<div class="uk-h1 uk-text-center uk-margin-xlarge-top uk-margin-xlarge-bottom"> <div class="uk-h1 uk-text-center uk-margin-xlarge-top uk-margin-xlarge-bottom">
Are you a <span class="uk-text-primary">Research Institution?</span> Are you a <span class="uk-text-primary">Research Institution?</span>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<div> <div>
<span class="uk-text-primary">Step 1a</span> <span class="uk-text-primary">Step 1a</span>
<h5 class="uk-margin-xsmall-top">You state your interest in having an institutional <h5 class="uk-margin-xsmall-top">You state your interest in having an institutional
@ -457,7 +695,7 @@
<p>We infer links to research results: publications, datasets, software, etc.</p> <p>We infer links to research results: publications, datasets, software, etc.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<div> <div>
<span class="uk-text-primary">Step 2a</span> <span class="uk-text-primary">Step 2a</span>
<h5 class="uk-margin-xsmall-top">You validate and approve the results.</h5> <h5 class="uk-margin-xsmall-top">You validate and approve the results.</h5>
@ -471,7 +709,7 @@
your dashboard.</p> your dashboard.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<div> <div>
<span class="uk-text-primary">Step 3a</span> <span class="uk-text-primary">Step 3a</span>
<h5 class="uk-margin-xsmall-top">Through 1-on-1 expert consultations you interact with <h5 class="uk-margin-xsmall-top">Through 1-on-1 expert consultations you interact with
@ -490,7 +728,7 @@
institutions research activities.</p> institutions research activities.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<div> <div>
<span class="uk-text-primary">Step 4a</span> <span class="uk-text-primary">Step 4a</span>
<h5 class="uk-margin-xsmall-top">Customise your dashboard and make your own profile.</h5> <h5 class="uk-margin-xsmall-top">Customise your dashboard and make your own profile.</h5>
@ -504,7 +742,7 @@
<p>We present your dashboard to you.</p> <p>We present your dashboard to you.</p>
</div> </div>
</div> </div>
<div class="uk-card uk-card-default uk-card-body uk-position-relative uk-margin-large-bottom"> <div class="uk-card uk-blur-background uk-box-shadow-large uk-card-body uk-position-relative uk-margin-large-bottom">
<div> <div>
<span class="uk-text-primary">Step 5a</span> <span class="uk-text-primary">Step 5a</span>
<h5 class="uk-margin-xsmall-top">Select your team</h5> <h5 class="uk-margin-xsmall-top">Select your team</h5>

View File

@ -1,5 +1,17 @@
@import (reference) "~src/assets/extend-theme/less/_import-variables"; @import (reference) "~src/assets/extend-theme/less/_import-variables";
.hero {
background-image: url("~/src/assets/irish-assets/home/logo-shadow.png");
background-position: center -100%;
background-repeat: no-repeat;
}
@media (max-width: @breakpoint-small-max) {
.hero {
background-position: center bottom;
}
}
.custom-translate-bottom-left { .custom-translate-bottom-left {
transform: translate(-20%, 20%); transform: translate(-20%, 20%);
} }

View File

@ -4,6 +4,7 @@ import {PiwikService} from "src/app/openaireLibrary/utils/piwik/piwik.service";
import {Meta, Title} from "@angular/platform-browser"; import {Meta, Title} from "@angular/platform-browser";
import {SEOService} from "src/app/openaireLibrary/sharedComponents/SEO/SEO.service"; import {SEOService} from "src/app/openaireLibrary/sharedComponents/SEO/SEO.service";
import {StakeholderBaseComponent} from "../../openaireLibrary/monitor-admin/utils/stakeholder-base.component"; import {StakeholderBaseComponent} from "../../openaireLibrary/monitor-admin/utils/stakeholder-base.component";
import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
@Component({ @Component({
selector: 'the-five-monitors', selector: 'the-five-monitors',
@ -13,6 +14,7 @@ import {StakeholderBaseComponent} from "../../openaireLibrary/monitor-admin/util
export class TheFiveMonitorsComponent extends StakeholderBaseComponent{ export class TheFiveMonitorsComponent extends StakeholderBaseComponent{
title = 'The 5 Monitors'; title = 'The 5 Monitors';
description = 'The 5 Monitors'; description = 'The 5 Monitors';
breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'resources - the 5 monitors'}];
public sections: string[] = ['RPOs', 'RFOs', 'Researchers', 'Repositories']; public sections: string[] = ['RPOs', 'RFOs', 'Researchers', 'Repositories'];
public offset: number; public offset: number;
public shouldSticky: boolean = true; public shouldSticky: boolean = true;

View File

@ -1,7 +1,10 @@
<div> <div>
<div class="uk-banner"> <div class="uk-banner dark uk-padding-remove-vertical uk-light">
<div class="uk-container uk-container-large uk-section uk-section-small"> <div class="uk-container uk-container-large uk-section uk-section-small">
<div class="uk-flex uk-flex-column uk-flex-middle uk-flex-center uk-text-center" uk-scrollspy-class> <div>
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
<div class="uk-margin-medium-top uk-margin-medium-bottom" uk-scrollspy-class>
<h1 class="uk-h2" uk-scrollspy-class>User Actions</h1> <h1 class="uk-h2" uk-scrollspy-class>User Actions</h1>
<div class="uk-text-large uk-width-1-2@l uk-width-2-3" uk-scrollspy-class> <div class="uk-text-large uk-width-1-2@l uk-width-2-3" uk-scrollspy-class>
Once you are logged in (researchers should use their ORCID ID), you will be all set to access the following Once you are logged in (researchers should use their ORCID ID), you will be all set to access the following

View File

@ -4,6 +4,7 @@ import {ActivatedRoute, Router} from "@angular/router";
import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service"; import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service";
import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service"; import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service";
import {Meta, Title} from "@angular/platform-browser"; import {Meta, Title} from "@angular/platform-browser";
import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
@Component({ @Component({
selector: 'user-actions', selector: 'user-actions',
@ -13,6 +14,7 @@ import {Meta, Title} from "@angular/platform-browser";
export class UserActionsComponent extends BaseComponent{ export class UserActionsComponent extends BaseComponent{
title = 'User Actions'; title = 'User Actions';
description = 'User Actions'; description = 'User Actions';
breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'resources - user actions'}];
constructor(protected _route: ActivatedRoute, constructor(protected _route: ActivatedRoute,
protected _piwikService: PiwikService, protected _piwikService: PiwikService,

View File

@ -17,9 +17,9 @@ declare var UIkit;
<div> <div>
<div class="uk-container"> <div class="uk-container">
<h3 class="uk-h4 uk-text-center uk-margin-large-top uk-margin-large-bottom">Are you a <span <h3 class="uk-h4 uk-text-center uk-margin-large-top uk-margin-large-bottom">Are you a <span
class="uk-text-primary">{{type}}?</span></h3> [ngClass]="titleClass">{{type}}?</span></h3>
</div> </div>
<div [id]="'sticky-' + id" #sticky class="uk-background-default uk-blur-background uk-sticky uk-visible@l" <div [id]="'sticky-' + id" #sticky class="uk-sticky uk-visible@l" [ngClass]="backgroundClass"
uk-sticky="animation: uk-animation-slide-bottom" [attr.end]="'#' + id" uk-sticky="animation: uk-animation-slide-bottom" [attr.end]="'#' + id"
[attr.start]="'100vh -' + height + 'px'" [attr.offset]="offset"> [attr.start]="'100vh -' + height + 'px'" [attr.offset]="offset">
<div class="uk-container"> <div class="uk-container">
@ -60,6 +60,10 @@ export class YouWeComponent implements AfterViewInit, AfterContentChecked, OnDes
public type: string; public type: string;
@Input() @Input()
public id; public id;
@Input()
titleClass: string = "uk-text-primary";
@Input()
backgroundClass: string = "uk-background-default uk-blur-background";
@ViewChild('sticky') sticky: ElementRef; @ViewChild('sticky') sticky: ElementRef;
public isSticky: boolean = false; public isSticky: boolean = false;
public offset: number public offset: number

View File

@ -0,0 +1,145 @@
<div class="hero">
<div class="uk-container uk-container-large uk-section uk-section-small" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 250">
<div>
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
<div id="how" class="uk-margin-medium-top uk-margin-medium-bottom">
<h1 class="uk-h2" uk-scrollspy-class>
Methodological <br>Approach<span class="uk-text-primary">.</span>
</h1>
<div class="uk-width-large uk-text-large">
The National Open Access Monitor for Ireland employs a robust methodology, underpinned by a commitment
to best practices in Open Science. This approach ensures comprehensive, accurate, and user-centric
insights into Ireland's Open Access landscape.
</div>
</div>
</div>
</div>
<div class="uk-section uk-background-secondary blur-bg-img">
<div class="uk-container uk-container-large uk-light">
<h2 class="uk-h3 uk-text-center " uk-scrollspy-class>
Principles
</h2>
<div class="uk-margin-large-top uk-grid uk-child-width-1-2@m uk-child-width-1-1@s uk-grid-match" uk-grid>
<div class="uk-margin-small-bottom">
<div class="uk-card uk-card-body uk-blur-background uk-box-shadow-large" uk-scrollspy-class>
<div class="uk-text-bold uk-margin-small-bottom">Openness & Transparency</div>
<div>
We prioritize transparent methodological assumptions and the use of openly available,
public data.
Adherence to the FAIR principles and international standards ensures our findings are
trustworthy, replicable, and accessible for public engagement.
</div>
</div>
</div>
<div class="uk-margin-small-bottom">
<div class="uk-card uk-card-body uk-blur-background uk-box-shadow-large" uk-scrollspy-class>
<div class="uk-text-bold uk-margin-small-bottom">Comprehensive Coverage & Accuracy</div>
<div>
Leveraging the extensive data capabilities of the OpenAIRE Graph and working closely with
stakeholders for data representation and quality we aim to provide the most comprehensive
coverage possible, incorporating data from multiple sources for accurate and meaningful
indicators.
</div>
</div>
</div>
<div class="uk-margin-small-bottom">
<div class="uk-card uk-card-body uk-blur-background uk-box-shadow-large" uk-scrollspy-class>
<div class="uk-text-bold uk-margin-small-bottom">Readiness & Timeliness:</div>
<div>
Built around well-established open databases and already tested knowledge extraction
technologies - natural language processing (NLP) / machine-learning (ML) - using
operational workflows in OpenAIRE to warrant timely results.
</div>
</div>
</div>
<div class="uk-margin-small-bottom">
<div class="uk-card uk-card-body uk-blur-background uk-box-shadow-large" uk-scrollspy-class>
<div class="uk-text-bold uk-margin-small-bottom">Engagement & Inclusivity</div>
<div>
Our methodology focuses on meeting the needs of our diverse users, from researchers to
policymakers. We emphasize ease of use, clear communication, and responsiveness to
feedback. The platform is designed to be intuitive and responsive, ensuring an effective
and engaging experience for all stakeholders.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-section uk-margin-medium-top uk-position-relative">
<div class="uk-container uk-container-large">
<div class="uk-grid uk-child-width-1-2@m" uk-grid>
<div>
<div style="max-width: 575px;">
<span class="uk-text-large text-graph">
Data backbone: The OpenAIRE Graph
</span>
<h2 class="uk-h2 uk-margin-small-top">
How? Its about open data and collaboration<span class="text-graph">.</span>
</h2>
<div>
The National Open Access Monitor for Ireland is built upon the OpenAIRE Graph, a
comprehensive database of research metadata records. This extensive collection includes
records from 129K data sources, featuring around 3 million projects, 170 million
publications, 60 million datasets, 400K pieces of research software, and approximately 8
million other research outputs as of December 2023. Regular updates, conducted nearly
monthly, ensure the graph is consistently reflective of the latest scholarly
contributions.
</div>
</div>
</div>
<div>
<img class="uk-margin-medium-left uk-position-center-right uk-visible@m"
src="assets/common-assets/common/graph-nodes-1.svg" alt="OpenAIRE Graph" loading="lazy">
</div>
</div>
</div>
</div>
<div class="uk-section uk-section-small uk-position-relative">
<img class="uk-position-center-left uk-visible@m"
src="assets/common-assets/common/graph-nodes-2.svg" alt="OpenAIRE Graph" loading="lazy">
<div class="uk-container uk-container-large uk-width-1-1 uk-width-1-2@m">
At the core of the OpenAIRE Graph is a commitment to data quality. The pipeline processes metadata
from a multitude of sources, including detailed project information from funding bodies. Advanced
inference algorithms enhance the metadata and full texts of Open Access publications, establishing
crucial links between research results, projects, author affiliations, and classifications like Fields
of Science (FoS) and Sustainable Development Goals (SDGs). To maintain an open, trusted, and publicly
accessible resource, we apply sophisticated techniques for identifying and merging duplicate records,
supplemented by OpenAIRE's suite of curation tools, including the Metadata Validator for completeness
checks and OpenORGS for organization disambiguation.
</div>
</div>
<div class="uk-container uk-container-large uk-margin-large-top">
<img class="uk-width-1-1" src="assets/irish-assets/openaire-pipeline.png" alt="OpenAIRE pipeline" loading="lazy">
<div class="uk-text-meta uk-text-small uk-text-right uk-margin-top">
Figure 1: Seemless Integration with to OpenAIRE & EOSC
</div>
</div>
<div class="uk-container uk-width-xlarge uk-margin-large-top">
The OpenAIRE technology center is responsible with the upkeep of this robust infrastructure,
conducting regular hardware maintenance and implementing high-availability solutions, load balancing,
backups, and precise restore procedures to ensure uninterrupted system performance.
</div>
<div class="uk-container uk-width-xlarge uk-margin-top">
Explore the Graph in detail at the OpenAIRE Graph <a href="https://graph.openaire.eu" target="_blank">website</a>
and its <a href="https://graph.openaire.eu/docs/" target="_blank">documentation</a>.
</div>
<div class="uk-flex uk-child-width-1-1 uk-child-width-1-2@m uk-margin-large-top">
<div class="uk-section">
<div class="uk-width-1-1 uk-width-1-2@m uk-margin-auto">
<div class="uk-text-large uk-text-primary">Contact us</div>
<h2 class="uk-h3 uk-margin-remove">Your Feedback Matters</h2>
<div class="uk-margin-top">
If you notice any issues or have improvement
suggestions, please contact us. Your feedback is crucial for the continuous enhancement of our
platform and helps us maintain the highest accuracy and effectiveness.
</div>
<a class="uk-button uk-button-primary uk-margin-medium-top" routerLink="/contact-us">contact us</a>
</div>
</div>
<div class="uk-banner uk-position-relative">
<img class="uk-position-bottom-right uk-visible@m" style="margin: -10px;"
src="assets/irish-assets/resources/dashboard-half-height.png" alt="National Monitor Dashboard" loading="lazy">
</div>
</div>

View File

@ -0,0 +1,14 @@
@import (reference) "~src/assets/extend-theme/less/_import-variables";
.hero {
background-image: url("~/src/assets/irish-assets/resources/hero.svg");
background-size: 25%;
background-repeat: no-repeat;
background-position: 105% 125%;
}
.blur-bg-img {
background-image: url("~/src/assets/irish-assets/resources/irish-bg-blur.png");
background-size: 50%;
background-repeat: no-repeat;
background-position: -15% 100%;
}

View File

@ -4,142 +4,17 @@ import {ActivatedRoute, Router} from "@angular/router";
import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service"; import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service";
import {Meta, Title} from "@angular/platform-browser"; import {Meta, Title} from "@angular/platform-browser";
import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service"; import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service";
import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
@Component({ @Component({
selector: 'methodological-approach', selector: 'methodological-approach',
template: ` templateUrl: 'methodological-approach.component.html',
<div class="uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 250"> styleUrls: ['methodological-approach.component.less']
<div id="how" class="uk-container uk-container-large">
<h1 class="uk-h2" uk-scrollspy-class>
Methodological <br>Approach<span
class="uk-text-primary">.</span>
</h1>
<div class="uk-width-large uk-text-large ">
The National Open Access Monitor for Ireland employs a robust methodology, underpinned by a commitment
to best practices in Open Science. This approach ensures comprehensive, accurate, and user-centric
insights into Ireland's Open Access landscape.
</div>
</div>
<hr class="uk-margin-large-top uk-margin-large-bottom">
<div class="uk-container uk-container-large">
<h3 class="uk-h3 uk-text-center " uk-scrollspy-class>
Principles
</h3>
<div class="uk-margin-large-top uk-grid uk-child-width-1-2@m uk-child-width-1-1@s uk-grid-match" uk-grid>
<div class="uk-margin-small-bottom">
<div class="uk-card uk-card-default uk-card-body" uk-scrollspy-class>
<div class="uk-text-bold uk-margin-small-bottom">Openness & Transparency</div>
<div>We prioritize transparent methodological assumptions and the use of openly available,
public data.
Adherence to the FAIR principles and international standards ensures our findings are
trustworthy, replicable, and accessible for public engagement.
</div>
</div>
</div>
<div class="uk-margin-small-bottom">
<div class="uk-card uk-card-default uk-card-body" uk-scrollspy-class>
<div class="uk-text-bold uk-margin-small-bottom">Comprehensive Coverage & Accuracy</div>
<div>Leveraging the extensive data capabilities of the OpenAIRE Graph and working closely with
stakeholders for data representation and quality we aim to provide the most comprehensive
coverage possible, incorporating data from multiple sources for accurate and meaningful
indicators.
</div>
</div>
</div>
<div class="uk-margin-small-bottom">
<div class=" uk-card uk-card-default uk-card-body" uk-scrollspy-class>
<div class="uk-text-bold uk-margin-small-bottom">Readiness & Timeliness:</div>
<div>Built around well-established open databases and already tested knowledge extraction
technologies - natural language processing (NLP) / machine-learning (ML) - using
operational workflows in OpenAIRE to warrant timely results.
</div>
</div>
</div>
<div class="uk-margin-small-bottom">
<div class=" uk-card uk-card-default uk-card-body" uk-scrollspy-class>
<div class="uk-text-bold uk-margin-small-bottom">Engagement & Inclusivity</div>
<div>Our methodology focuses on meeting the needs of our diverse users, from researchers to
policymakers. We emphasize ease of use, clear communication, and responsiveness to
feedback. The platform is designed to be intuitive and responsive, ensuring an effective
and engaging experience for all stakeholders.
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-banner uk-margin-large-top">
<div class="uk-section uk-section-large uk-container uk-container-large">
<div class="uk-grid uk-child-width-1-2@m" uk-grid>
<div>
<div style="max-width: 575px;">
<h2 class="uk-margin-small-top">DATA BACKBONE: THE OPENAIRE GRAPH<span
class="text-graph">.</span></h2>
<div>
The National Open Access Monitor for Ireland is built upon the OpenAIRE Graph, a
comprehensive database of research metadata records. This extensive collection includes
records from 129K data sources, featuring around 3 million projects, 170 million
publications, 60 million datasets, 400K pieces of research software, and approximately 8
million other research outputs as of December 2023. Regular updates, conducted nearly
monthly, ensure the graph is consistently reflective of the latest scholarly
contributions.
</div>
</div>
</div>
<div class="uk-position-relative">
<img class=" uk-margin-medium-left uk-position-center-right uk-visible@m"
src="assets/common-assets/common/graph-nodes.svg" alt="OpenAIRE Graph" loading="lazy">
</div>
</div>
</div>
<div class="uk-padding">
<div class="uk-container uk-width-xlarge uk-margin-large-top">
At the core of the OpenAIRE Graph is a commitment to data quality. The pipeline processes metadata
from a multitude of sources, including detailed project information from funding bodies. Advanced
inference algorithms enhance the metadata and full texts of Open Access publications, establishing
crucial links between research results, projects, author affiliations, and classifications like Fields
of Science (FoS) and Sustainable Development Goals (SDGs). To maintain an open, trusted, and publicly
accessible resource, we apply sophisticated techniques for identifying and merging duplicate records,
supplemented by OpenAIRE's suite of curation tools, including the Metadata Validator for completeness
checks and OpenORGS for organization disambiguation.
</div>
<div class=" uk-margin-large-top uk-container uk-container-large">
<img class="uk-width-1-1"
src="assets/irish-assets/openaire-pipeline.png" alt="OpenAIRE pipeline" loading="lazy">
<div class="uk-text-meta uk-text-small uk-text-right uk-margin-top">Figure 1: Seemless Integration
with to OpenAIRE & EOSC
</div>
</div>
<div class="uk-container uk-width-xlarge uk-margin-large-top">
The OpenAIRE technology center is responsible with the upkeep of this robust infrastructure,
conducting regular hardware maintenance and implementing high-availability solutions, load balancing,
backups, and precise restore procedures to ensure uninterrupted system performance.
</div>
<div class="uk-container uk-width-xlarge uk-margin-top">
Explore the Graph in detail at the OpenAIRE Graph <a href="https://graph.openaire.eu" target="_blank">website</a>
and its <a href="https://graph.openaire.eu/docs/" target="_blank">documentation</a>.
</div>
</div>
</div>
<div class="uk-text-center uk-section uk-section-large">
<div class="uk-text-large uk-text-primary"> Contact us</div>
<div class="uk-h3 uk-margin-remove"> Your Feedback Matters</div>
<div class="uk-flex uk-flex-center">
<div class="uk-width-xlarge@m uk-width-1-1@s uk-margin-top uk-margin-medium-bottom"> If you notice any issues or have improvement
suggestions, please contact us. Your feedback is crucial for the continuous enhancement of our
platform and helps us maintain the highest accuracy and effectiveness.
</div>
</div>
<a class="uk-button uk-button-primary" routerLink="/contact-us">contact us</a>
</div>
`
}) })
export class MethodologicalApproachComponent extends BaseComponent implements OnInit { export class MethodologicalApproachComponent extends BaseComponent implements OnInit {
title = 'Methodological Approach'; title = 'Methodological Approach';
description = 'Methodological Approach'; description = 'Methodological Approach';
breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'resources - methodological approach'}];
constructor(protected _route: ActivatedRoute, constructor(protected _route: ActivatedRoute,
protected _piwikService: PiwikService, protected _piwikService: PiwikService,

View File

@ -5,6 +5,7 @@ import {MethodologicalApproachComponent} from "./methodological-approach.compone
import {TerminologyComponent} from "./terminology.component"; import {TerminologyComponent} from "./terminology.component";
import {SliderTabsModule} from "../../openaireLibrary/sharedComponents/tabs/slider-tabs.module"; import {SliderTabsModule} from "../../openaireLibrary/sharedComponents/tabs/slider-tabs.module";
import {HelperModule} from "../../openaireLibrary/utils/helper/helper.module"; import {HelperModule} from "../../openaireLibrary/utils/helper/helper.module";
import {BreadcrumbsModule} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.module";
@NgModule({ @NgModule({
declarations: [MethodologicalApproachComponent, TerminologyComponent], declarations: [MethodologicalApproachComponent, TerminologyComponent],
@ -25,7 +26,7 @@ import {HelperModule} from "../../openaireLibrary/utils/helper/helper.module";
component: TerminologyComponent, component: TerminologyComponent,
canDeactivate: [] canDeactivate: []
}, },
]), SliderTabsModule, HelperModule], ]), SliderTabsModule, HelperModule, BreadcrumbsModule],
exports: [] exports: []
}) })
export class MethodologyModule { export class MethodologyModule {

View File

@ -1,7 +1,10 @@
<div *ngIf="!isMobile" class="uk-visible@m"> <div *ngIf="!isMobile" class="uk-visible@m">
<div class="uk-banner"> <div class="uk-banner dark uk-padding-remove-vertical uk-light">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large uk-section uk-section-small">
<div class="uk-text-center" uk-scrollspy-class> <div>
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
<div class="uk-text-center uk-margin-medium-top" uk-scrollspy-class>
<h1 class="uk-h2 uk-margin-medium-top uk-margin-medium-bottom">Terminology & Construction.</h1> <h1 class="uk-h2 uk-margin-medium-top uk-margin-medium-bottom">Terminology & Construction.</h1>
</div> </div>
</div> </div>
@ -34,8 +37,11 @@
</div> </div>
</div> </div>
<div *ngIf="isMobile || isServer" class="uk-hidden@m"> <div *ngIf="isMobile || isServer" class="uk-hidden@m">
<div class="uk-banner"> <div class="uk-banner dark uk-padding-remove-vertical uk-light">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large uk-section uk-section-small">
<div>
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
<div class="uk-text-center" uk-scrollspy-class> <div class="uk-text-center" uk-scrollspy-class>
<h1 class="uk-heading-small uk-margin-medium-top uk-margin-medium-bottom">Terminology & Construction.</h1> <h1 class="uk-heading-small uk-margin-medium-top uk-margin-medium-bottom">Terminology & Construction.</h1>
</div> </div>

View File

@ -6,6 +6,7 @@ import {BaseComponent} from "../../openaireLibrary/sharedComponents/base/base.co
import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service"; import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service";
import {LayoutService} from "../../openaireLibrary/dashboard/sharedComponents/sidebar/layout.service"; import {LayoutService} from "../../openaireLibrary/dashboard/sharedComponents/sidebar/layout.service";
import {HelperService} from "../../openaireLibrary/utils/helper/helper.service"; import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
@Component({ @Component({
selector: 'terminology', selector: 'terminology',
@ -15,6 +16,7 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
export class TerminologyComponent extends BaseComponent{ export class TerminologyComponent extends BaseComponent{
title = 'Terminology & Construction'; title = 'Terminology & Construction';
description = 'Terminology & Construction'; description = 'Terminology & Construction';
breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'resources - terminology & construction'}];
tab: 'entities' | 'attributes' = 'entities'; tab: 'entities' | 'attributes' = 'entities';
contentSections: string[] = ['entities', 'inherited-and-inferred-attributes', 'constructed-attributes']; contentSections: string[] = ['entities', 'inherited-and-inferred-attributes', 'constructed-attributes'];
activeSection: string; activeSection: string;

View File

@ -1,11 +1,14 @@
<div class="uk-visible@m"> <div class="uk-visible@m">
<div class="uk-banner"> <div class="uk-banner dark uk-padding-remove-vertical uk-light hero">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large uk-section uk-section-small">
<div>
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
<div class="uk-flex uk-flex-middle" uk-scrollspy-class> <div class="uk-flex uk-flex-middle" uk-scrollspy-class>
<div class="uk-width-1-2 uk-margin-medium-bottom"> <div class="uk-width-1-2 uk-margin-medium-bottom">
<h1 class="uk-h2 uk-margin-medium-top">How can we help you?</h1> <h1 class="uk-h2">How can we help you?</h1>
<div class="uk-text-lead uk-margin-medium-bottom">Monitor expert support team is ready and excited to help.</div> <div class="uk-text-lead uk-margin-medium-bottom">Monitor expert support team is ready and excited to help.</div>
<a routerLink="/contact-us" class="uk-button uk-button-secondary">Contact Us</a> <a routerLink="/contact-us" class="uk-button uk-button-primary">Contact Us</a>
</div> </div>
<div class="uk-position-relative uk-width-1-2 uk-visible@l contact-us"> <div class="uk-position-relative uk-width-1-2 uk-visible@l contact-us">
<img class="uk-box-shadow-large two" src="assets/irish-assets/curators/1.jpg"> <img class="uk-box-shadow-large two" src="assets/irish-assets/curators/1.jpg">
@ -21,12 +24,12 @@
<helper *ngIf="pageContents" [texts]="pageContents.top"></helper> <helper *ngIf="pageContents" [texts]="pageContents.top"></helper>
</div> </div>
<div class="uk-hidden@m"> <div class="uk-hidden@m">
<div class="uk-banner"> <div class="uk-banner dark uk-padding-remove-vertical uk-light">
<div class="uk-section-small uk-container uk-container-large"> <div class="uk-container uk-container-large uk-section uk-section-small">
<div class="uk-text-center" uk-scrollspy-class> <div class="uk-text-center" uk-scrollspy-class>
<h1 class="uk-margin-top">How can we help you?</h1> <h1 class="uk-margin-top">How can we help you?</h1>
<div class="uk-margin-medium-bottom">Monitor expert support team is ready and excited to help.</div> <div class="uk-margin-medium-bottom">Monitor expert support team is ready and excited to help.</div>
<a routerLink="/contact-us" class="uk-button uk-button-small uk-button-secondary">Contact Us</a> <a routerLink="/contact-us" class="uk-button uk-button-small uk-button-primary">Contact Us</a>
</div> </div>
</div> </div>
</div> </div>

View File

@ -3,6 +3,11 @@
@faqs-curator-image-size: 120px; @faqs-curator-image-size: 120px;
@faqs-contact-us-height: 400px; @faqs-contact-us-height: 400px;
.hero {
background-image: url("~/src/assets/irish-assets/resources/irish-bg-blur.png");
background-position: right;
background-repeat: no-repeat;
}
.contact-us { .contact-us {
height: @faqs-contact-us-height; height: @faqs-contact-us-height;

View File

@ -5,6 +5,7 @@ import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service
import {BaseComponent} from "../../openaireLibrary/sharedComponents/base/base.component"; import {BaseComponent} from "../../openaireLibrary/sharedComponents/base/base.component";
import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service"; import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service";
import {HelperService} from "../../openaireLibrary/utils/helper/helper.service"; import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
@Component({ @Component({
selector: 'support', selector: 'support',
@ -14,6 +15,7 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
export class SupportComponent extends BaseComponent { export class SupportComponent extends BaseComponent {
title = 'Support'; title = 'Support';
description = 'Support'; description = 'Support';
breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'resources - support'}];
pageContents = null; pageContents = null;
constructor(protected _route: ActivatedRoute, constructor(protected _route: ActivatedRoute,

View File

@ -3,6 +3,7 @@ import {CommonModule} from "@angular/common";
import {SupportComponent} from "./support.component"; import {SupportComponent} from "./support.component";
import {RouterModule} from "@angular/router"; import {RouterModule} from "@angular/router";
import {HelperModule} from "../../openaireLibrary/utils/helper/helper.module"; import {HelperModule} from "../../openaireLibrary/utils/helper/helper.module";
import {BreadcrumbsModule} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.module";
@NgModule({ @NgModule({
declarations: [SupportComponent], declarations: [SupportComponent],
@ -10,7 +11,7 @@ import {HelperModule} from "../../openaireLibrary/utils/helper/helper.module";
{ {
path: '', component: SupportComponent path: '', component: SupportComponent
} }
]), HelperModule], ]), HelperModule, BreadcrumbsModule],
exports: [SupportComponent] exports: [SupportComponent]
}) })
export class SupportModule { export class SupportModule {

@ -1 +1 @@
Subproject commit 651102a5ba049b71bed8eb6a85a8d02cefcb24cc Subproject commit 8d2f8348d8a601fad14844d920791fe7370bd4a2

View File

@ -18,8 +18,10 @@
// Navs // Navs
@import "navbar"; @import "navbar";
@import "subnav";
// Utilities // Utilities
@import "text";
@import "background"; @import "background";
// Extra // Extra

View File

@ -1,3 +1,8 @@
@background-primary-background-gradient: none; @background-primary-background-gradient: none;
@background-secondary-background: @primary-dark-color; @background-secondary-background: @primary-dark-color;
@background-secondary-blur-background: @grey-color;
@background-muted-background: @table-color; @background-muted-background: @table-color;
.uk-background-secondary {
.set-blur-background(@background-secondary-blur-background, 30%, brightness(0.7) blur(50px));
}

View File

@ -89,3 +89,6 @@
} }
} }
} }
.uk-banner.dark {
background: @background-secondary-background;
}

View File

@ -0,0 +1,2 @@
@subnav-pill-alt-item-active-background: @global-secondary-background;
@subnav-pill-alt-item-active-background-gradient: none;

View File

@ -0,0 +1 @@
@inverse-text-primary-color: @global-primary-background;

Binary file not shown.

After

Width:  |  Height:  |  Size: 776 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

View File

@ -0,0 +1,99 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="632.213" height="519.857" viewBox="0 0 632.213 519.857">
<defs>
<filter id="dark" x="312.065" y="348.286" width="171.572" height="171.572" filterUnits="userSpaceOnUse">
<feOffset dx="15" dy="15" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="12.5" result="blur"/>
<feFlood flood-opacity="0.102"/>
<feComposite operator="in" in2="blur"/>
<feComposite in="SourceGraphic"/>
</filter>
<filter id="dark-2" x="119.861" y="0" width="171.572" height="171.572" filterUnits="userSpaceOnUse">
<feOffset dx="15" dy="15" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="12.5" result="blur-2"/>
<feFlood flood-opacity="0.102"/>
<feComposite operator="in" in2="blur-2"/>
<feComposite in="SourceGraphic"/>
</filter>
<filter id="dark-3" x="23.937" y="225.984" width="171.572" height="171.572" filterUnits="userSpaceOnUse">
<feOffset dx="15" dy="15" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="12.5" result="blur-3"/>
<feFlood flood-opacity="0.102"/>
<feComposite operator="in" in2="blur-3"/>
<feComposite in="SourceGraphic"/>
</filter>
<filter id="dark-4" x="266.709" y="50.667" width="171.572" height="171.572" filterUnits="userSpaceOnUse">
<feOffset dx="15" dy="15" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="12.5" result="blur-4"/>
<feFlood flood-opacity="0.102"/>
<feComposite operator="in" in2="blur-4"/>
<feComposite in="SourceGraphic"/>
</filter>
<filter id="dark-5" x="407.988" y="122.304" width="171.572" height="171.572" filterUnits="userSpaceOnUse">
<feOffset dx="15" dy="15" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="12.5" result="blur-5"/>
<feFlood flood-opacity="0.102"/>
<feComposite operator="in" in2="blur-5"/>
<feComposite in="SourceGraphic"/>
</filter>
<filter id="dark-6" x="166.589" y="286.537" width="171.572" height="171.572" filterUnits="userSpaceOnUse">
<feOffset dx="15" dy="15" input="SourceAlpha"/>
<feGaussianBlur stdDeviation="12.5" result="blur-6"/>
<feFlood flood-opacity="0.102"/>
<feComposite operator="in" in2="blur-6"/>
<feComposite in="SourceGraphic"/>
</filter>
</defs>
<g id="Group_14281" data-name="Group 14281" transform="matrix(0.985, 0.174, -0.174, 0.985, -733.479, -286.153)">
<g id="Group_12983" data-name="Group 12983" transform="translate(877.932 158.215) rotate(13)">
<path id="Path_104359" data-name="Path 104359" d="M19.757,27.133S166.609,0,290.143,0s305.85,5.749,277.5,40.262S204.069,143.135,204.069,143.135-75.4,210.955,19.757,242.683s547.888,0,547.888,0" transform="translate(0 0)" fill="none" stroke="#dedede" stroke-width="5"/>
<g id="Group_12980" data-name="Group 12980" transform="translate(375.294 219.485)">
<g id="Group_12847" data-name="Group 12847" transform="translate(0 0)">
<g transform="matrix(0.92, -0.39, 0.39, 0.92, -479.34, -199.34)" filter="url(#dark)">
<rect id="dark-7" data-name="dark" width="73.649" height="73.649" rx="36.825" transform="matrix(0.92, 0.39, -0.39, 0.92, 363.34, 370.79)" fill="#f9f9f9"/>
</g>
<rect id="neutral" width="73.649" height="73.649" rx="36.825" fill="#f9f9f9"/>
</g>
</g>
</g>
<g id="Group_12979" data-name="Group 12979" transform="translate(944.471 146.878) rotate(13)">
<g id="Group_12847-2" data-name="Group 12847" transform="translate(0 0)">
<g transform="matrix(0.92, -0.39, 0.39, 0.92, -166.33, 46.16)" filter="url(#dark-2)">
<rect id="dark-8" data-name="dark" width="73.649" height="73.649" rx="36.825" transform="matrix(0.92, 0.39, -0.39, 0.92, 171.14, 22.5)" fill="#f9f9f9"/>
</g>
<rect id="neutral-2" data-name="neutral" width="73.649" height="73.649" rx="36.825" fill="#f9f9f9"/>
</g>
</g>
<g id="Group_12982" data-name="Group 12982" transform="translate(889.246 386.086) rotate(13)">
<g id="Group_12847-3" data-name="Group 12847" transform="translate(0 0)">
<g transform="matrix(0.92, -0.39, 0.39, 0.92, -166.33, -199.34)" filter="url(#dark-3)">
<rect id="dark-9" data-name="dark" width="73.649" height="73.649" rx="36.825" transform="matrix(0.92, 0.39, -0.39, 0.92, 75.21, 248.48)" fill="#f9f9f9"/>
</g>
<rect id="neutral-3" data-name="neutral" width="73.649" height="73.649" rx="36.825" fill="#f9f9f9"/>
</g>
</g>
<g id="Group_12977" data-name="Group 12977" transform="translate(1097.886 171.275) rotate(13)">
<g id="Group_12847-4" data-name="Group 12847" transform="translate(0 0)">
<g transform="matrix(0.92, -0.39, 0.39, 0.92, -321.3, 56.9)" filter="url(#dark-4)">
<rect id="dark-10" data-name="dark" width="73.649" height="73.649" rx="36.825" transform="matrix(0.92, 0.39, -0.39, 0.92, 317.99, 73.17)" fill="#f9f9f9"/>
</g>
<rect id="neutral-4" data-name="neutral" width="73.649" height="73.649" rx="36.825" fill="#f9f9f9"/>
</g>
</g>
<g id="Group_12978" data-name="Group 12978" transform="translate(1249.459 217.291) rotate(13)">
<g id="Group_12847-5" data-name="Group 12847" transform="translate(0 0)">
<g transform="matrix(0.92, -0.39, 0.39, 0.92, -479.34, 46.16)" filter="url(#dark-5)">
<rect id="dark-11" data-name="dark" width="73.649" height="73.649" rx="36.825" transform="matrix(0.92, 0.39, -0.39, 0.92, 459.27, 144.8)" fill="#f9f9f9"/>
</g>
<rect id="neutral-5" data-name="neutral" width="73.649" height="73.649" rx="36.825" fill="#f9f9f9"/>
</g>
</g>
<g id="Group_12981" data-name="Group 12981" transform="translate(1040.246 420.948) rotate(13)">
<g id="Group_12847-6" data-name="Group 12847" transform="translate(0 0)">
<g transform="matrix(0.92, -0.39, 0.39, 0.92, -321.3, -199.34)" filter="url(#dark-6)">
<rect id="dark-12" data-name="dark" width="73.649" height="73.649" rx="36.825" transform="matrix(0.92, 0.39, -0.39, 0.92, 217.87, 309.04)" fill="#f9f9f9"/>
</g>
<rect id="neutral-6" data-name="neutral" width="73.649" height="73.649" rx="36.825" fill="#f9f9f9"/>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 652 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 492 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 414 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 940 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 149 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 735 KiB

@ -1 +1 @@
Subproject commit 37639eab68c63a506b7df10c42e3379c4a05d94d Subproject commit 954a1fe8af0653740882c7db4b9bf92b8f9000f4