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

master
Alex Martzios 1 month ago
parent 20f91b0a7a
commit 15dc6fb57d

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

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

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

@ -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>

@ -1,8 +1,65 @@
@import (reference) "~src/assets/extend-theme/less/_import-variables.less";
@import (reference) "~src/assets/openaire-theme/less/mixin.less";
@training-color: #A8B9FF;
@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 {
background-color: @training-color;
border-color: @training-color;

@ -4,59 +4,17 @@ import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service";
import {ActivatedRoute, Router} from "@angular/router";
import {Meta, Title} from "@angular/platform-browser";
import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service";
import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
@Component({
selector: 'engagement',
template: `
<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>
`,
templateUrl: 'engagement.component.html',
styleUrls: ['engagement.component.less']
})
export class EngagementComponent extends BaseComponent implements OnInit {
title = 'Engagement & Training';
description = 'Engagement & Training';
breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'resources - engagement & training'}];
constructor(protected _route: ActivatedRoute,
protected _piwikService: PiwikService,

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

@ -1,14 +1,15 @@
<ng-template #about>
<h1 [ngClass]="isMobile ? 'uk-heading-small' : 'uk-h2'">About</h1>
<div class="uk-margin-top">
Welcome to the National Open Access Monitor, Ireland, a dynamic and innovative platform
designed to chart and foster the transition of Irelands scholarly output to 100% Open Access.
<div class="about uk-margin-top uk-text-large">
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.</mark>
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
<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
<a target="_blank" href="https://www.educationprocurementservice.ie/" class="custom-external">Education Procurement Services</a>.
</div>
<a routerLink="/national" class="uk-button uk-button-secondary uk-margin-medium-top">Take a look</a>
</ng-template>
<ng-template #pilot>
@ -20,8 +21,7 @@
</ng-template>
<ng-template #mission>
<h4>Our Mission</h4>
<div class="uk-margin-medium-top">
<div class="uk-h5 uk-width-2-5@m uk-width-1-1">
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,
and guiding policy development towards achieving an open, accessible, and sustainable research environment.
@ -29,176 +29,155 @@
</ng-template>
<ng-template #context>
<h4>Context</h4>
<div class="uk-margin-medium-top">
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>.
By building national capacity and infrastructure for open research, these projects support the visibility and impact
of Irish research and help progress Irelands strategic goals for research and innovation under Impact 2030.
Development of the National Open Access Monitor is one of the priority actions
and the funding for management of the project was awarded to IReL.
The tender requirements for the National Open Access Monitor and a definition for open access in this context were
both defined following <a target="_blank" href="https://irel.ie/oamonitor-february2023survey-update/" class="custom-external">consultation</a> with national stakeholders.
The impact of the project will be to enable both point-in-time and longitudinal monitoring
of the open access status of Irish research publications as part of national implementation
and monitoring of open research practices.
<div class="uk-light">
<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
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
of Irish research and help progress Irelands strategic goals for research and innovation under Impact 2030.
Development of the National Open Access Monitor is one of the priority actions
and the funding for management of the project was awarded to IReL.
The tender requirements for the National Open Access Monitor and a definition for open access in this context were
both defined following <a target="_blank" href="https://irel.ie/oamonitor-february2023survey-update/" class="custom-external">consultation</a> with national stakeholders.
The impact of the project will be to enable both point-in-time and longitudinal monitoring
of the open access status of Irish research publications as part of national implementation
and monitoring of open research practices.
</div>
</div>
</ng-template>
<ng-template #norf>
<h4>About NORF</h4>
<div class="uk-margin-medium-top">
<h4 class="uk-h3">NORF</h4>
<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.
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.
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>.
</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 #irel>
<h4>About IReL</h4>
<div class="uk-margin-medium-top">
<h4 class="uk-h3">IReL</h4>
<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
and the lead organisation for the Irish ORCID Consortium.
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 facilitating open access publishing agreements, and managing the Irish ORCID Consortium.
</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 #openaire>
<h4>About OpenAIRE</h4>
<div class="uk-margin-medium-top">
OpenAIRE AMKE is a non-profit organization established in 2018 to create a European-wide national policy
and open scholarly communication infrastructure.
OpenAIRE started as a series of European Commission projects in 2010 before incorporating
and has built extensive experience in both technical infrastructure and working within the Open Science community.
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.
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
<ul class="uk-list uk-list-bullet uk-list-primary uk-margin-top">
<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>
for literature repositories, data archives, and Current Research Information Systems (CRIS) managers,
which (a) adapt global standards and schemas from RDA, COUNTER, COAR, DataCite, etc.,
and (b) are adopted by organisations around the world.</li>
<li>As a key partner in delivering the EOSC CORE and the EOSC Interoperability Framework,
OpenAIRE ensures interoperability with the European Open Science Cloud (EOSC).</li>
<li>Supports Open Access policies and advocacy.</li>
<li>Provides capacity building and training for the Open Science community.</li>
</ul>
<h4 class="uk-h3">OpenAIRE</h4>
<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
and open scholarly communication infrastructure.
OpenAIRE started as a series of European Commission projects in 2010 before incorporating
and has built extensive experience in both technical infrastructure and working within the Open Science community.
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.
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:
</div>
<div>
<ul class="uk-list uk-list-bullet uk-list-secondary">
<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>
for literature repositories, data archives, and Current Research Information Systems (CRIS) managers,
which (a) adapt global standards and schemas from RDA, COUNTER, COAR, DataCite, etc.,
and (b) are adopted by organisations around the world.</li>
<li>As a key partner in delivering the EOSC CORE and the EOSC Interoperability Framework,
OpenAIRE ensures interoperability with the European Open Science Cloud (EOSC).</li>
<li>Supports Open Access policies and advocacy.</li>
<li>Provides capacity building and training for the Open Science community.</li>
</ul>
</div>
</div>
<div class="uk-text-large">
<div class="uk-margin-medium-top">
As Ireland moves towards an open research environment, this platform signifies a commitment to transparency,
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.
</div>
<div class="uk-margin-top">
Discover more about this initiative in our Zenodo community, including related reports, presentations, and datasets.
</div>
<div class="uk-margin-top">Thank you for joining us!</div>
<div class="uk-margin-top">
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>
</ng-template>
<div *ngIf="!isMobile" class="uk-visible@m">
<div class="uk-banner">
<div class="uk-container uk-container-large">
<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"
uk-grid 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">
<ng-container *ngTemplateOutlet="pilot"></ng-container>
</div>
</div>
</div>
</div>
<div class="uk-container uk-container-large uk-section uk-section-small hero">
<div>
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
<div uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 250">
<div class="uk-section uk-container uk-container-large" uk-scrollspy-class>
<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>
</div>
<div id="context" class="uk-margin-large-bottom">
<ng-container *ngTemplateOutlet="context"></ng-container>
</div>
<div id="norf" class="uk-margin-large-bottom">
<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 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>
<ng-container *ngTemplateOutlet="about"></ng-container>
</div>
<div [ngClass]="isMobile ? 'uk-margin-medium-top' : ''">
<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>
</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 *ngIf="isMobile || isServer" class="uk-hidden@m">
<div class="uk-banner">
<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 class="uk-container uk-container-large uk-section">
<div class="uk-flex uk-flex-center">
<ng-container *ngTemplateOutlet="mission"></ng-container>
</div>
</div>
<div class="uk-section uk-background-secondary dark">
<div class="uk-container uk-container-large">
<ng-container *ngTemplateOutlet="context"></ng-container>
<hr class="uk-margin-large">
<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>
</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 class="uk-card uk-card-default uk-card-body uk-flex uk-flex-column card-bg irel">
<ng-container *ngTemplateOutlet="irel"></ng-container>
</div>
</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>
</div>
<div id="norf_m" class="uk-margin-xlarge-bottom">
<ng-container *ngTemplateOutlet="norf"></ng-container>
</div>
<div id="irel_m" class="uk-margin-xlarge-bottom">
<ng-container *ngTemplateOutlet="irel"></ng-container>
</div>
<div id="openaire_m" class="uk-margin-xlarge-bottom">
<ng-container *ngTemplateOutlet="openaire"></ng-container>
</div>
<div class="uk-width-1-1 uk-card uk-card-default uk-card-body card-bg openaire">
<ng-container *ngTemplateOutlet="openaire"></ng-container>
</div>
</div>
</div>

@ -1,12 +1,60 @@
@import (reference) "~src/assets/extend-theme/less/_import-variables";
@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 {
width: 350px;
}
@pilot-card-border-color: @info-border-color;
.uk-card.pilot {
border: 1px solid @pilot-card-border-color;
box-shadow: none;
}

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

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

@ -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-banner">
<div class="uk-container uk-container-large uk-section uk-section-small">
@ -72,26 +310,26 @@
<li>
<you-we [type]="'Research Performing Organisation (RPO)'" id="rpo">
<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">
<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-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>
<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-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>
<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-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">
<span class="uk-text-primary">Step 1b</span>
<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>
</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>
<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-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>
<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>
@ -116,24 +354,24 @@
<li>
<you-we [type]="'Research Funding Organisation (RFO)'" id="rfo">
<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">
<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-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>
<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-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>
<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-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">
<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>
@ -141,36 +379,36 @@
</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 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-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">
<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-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>
<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-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>
<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-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>
<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-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>
<p class="uk-text-large uk-margin-xsmall-top">Refine until you are happy with the results.</p>
</div>
@ -180,28 +418,28 @@
<li>
<you-we [type]="'Researcher'" id="researcher">
<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">
<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-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>
<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-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">
<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-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>
<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>
@ -211,28 +449,28 @@
<li>
<you-we [type]="'Institutional Repository'" id="repository">
<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">
<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-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>
<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-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">
<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-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>
<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>
@ -242,7 +480,7 @@
</li>
</ul>
</div>
</div>
</div> -->
<!-- <div class="uk-hidden@m">
<div class="uk-banner">
<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">
Are you a <span class="uk-text-primary">Funder?</span>
</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>
<span class="uk-text-primary">Step 1a</span>
<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>
</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>
<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
@ -309,7 +547,7 @@
your dashboard.</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">
<div>
<span class="uk-text-primary">Step 3a</span>
<h5 class="uk-margin-xsmall-top">Through 1-on-1 expert consultations you interact with
@ -328,7 +566,7 @@
funded research activities.</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">
<div>
<span class="uk-text-primary">Step 4a</span>
<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>
</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>
<span class="uk-text-primary">Step 5a</span>
<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">
Are you a <span class="uk-text-primary">Research Initiative?</span>
</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>
<span class="uk-text-primary">Step 1a</span>
<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>
</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>
<span class="uk-text-primary">Step 2a</span>
<h5 class="uk-margin-xsmall-top">You configure the criteria to identify the research
@ -391,7 +629,7 @@
your dashboard.</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">
<div>
<span class="uk-text-primary">Step 3a</span>
<h5 class="uk-margin-xsmall-top">Through 1-on-1 expert consultations you interact with
@ -410,7 +648,7 @@
institutions research activities.</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">
<div>
<span class="uk-text-primary">Step 4a</span>
<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>
</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>
<span class="uk-text-primary">Step 5a</span>
<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">
Are you a <span class="uk-text-primary">Research Institution?</span>
</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>
<span class="uk-text-primary">Step 1a</span>
<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>
</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>
<span class="uk-text-primary">Step 2a</span>
<h5 class="uk-margin-xsmall-top">You validate and approve the results.</h5>
@ -471,7 +709,7 @@
your dashboard.</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">
<div>
<span class="uk-text-primary">Step 3a</span>
<h5 class="uk-margin-xsmall-top">Through 1-on-1 expert consultations you interact with
@ -490,7 +728,7 @@
institutions research activities.</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">
<div>
<span class="uk-text-primary">Step 4a</span>
<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>
</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>
<span class="uk-text-primary">Step 5a</span>
<h5 class="uk-margin-xsmall-top">Select your team</h5>

@ -1,5 +1,17 @@
@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 {
transform: translate(-20%, 20%);
}

@ -4,6 +4,7 @@ import {PiwikService} from "src/app/openaireLibrary/utils/piwik/piwik.service";
import {Meta, Title} from "@angular/platform-browser";
import {SEOService} from "src/app/openaireLibrary/sharedComponents/SEO/SEO.service";
import {StakeholderBaseComponent} from "../../openaireLibrary/monitor-admin/utils/stakeholder-base.component";
import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
@Component({
selector: 'the-five-monitors',
@ -13,6 +14,7 @@ import {StakeholderBaseComponent} from "../../openaireLibrary/monitor-admin/util
export class TheFiveMonitorsComponent extends StakeholderBaseComponent{
title = '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 offset: number;
public shouldSticky: boolean = true;

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

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

@ -17,9 +17,9 @@ declare var UIkit;
<div>
<div class="uk-container">
<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 [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"
[attr.start]="'100vh -' + height + 'px'" [attr.offset]="offset">
<div class="uk-container">
@ -60,6 +60,10 @@ export class YouWeComponent implements AfterViewInit, AfterContentChecked, OnDes
public type: string;
@Input()
public id;
@Input()
titleClass: string = "uk-text-primary";
@Input()
backgroundClass: string = "uk-background-default uk-blur-background";
@ViewChild('sticky') sticky: ElementRef;
public isSticky: boolean = false;
public offset: number

@ -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>

@ -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%;
}

@ -4,142 +4,17 @@ import {ActivatedRoute, Router} from "@angular/router";
import {PiwikService} from "../../openaireLibrary/utils/piwik/piwik.service";
import {Meta, Title} from "@angular/platform-browser";
import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service";
import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
@Component({
selector: 'methodological-approach',
template: `
<div class="uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 250">
<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>
`
templateUrl: 'methodological-approach.component.html',
styleUrls: ['methodological-approach.component.less']
})
export class MethodologicalApproachComponent extends BaseComponent implements OnInit {
title = 'Methodological Approach';
description = 'Methodological Approach';
breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'resources - methodological approach'}];
constructor(protected _route: ActivatedRoute,
protected _piwikService: PiwikService,

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

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

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

@ -1,11 +1,14 @@
<div class="uk-visible@m">
<div class="uk-banner">
<div class="uk-container uk-container-large">
<div class="uk-banner dark uk-padding-remove-vertical uk-light hero">
<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-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>
<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 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">
@ -21,12 +24,12 @@
<helper *ngIf="pageContents" [texts]="pageContents.top"></helper>
</div>
<div class="uk-hidden@m">
<div class="uk-banner">
<div class="uk-section-small uk-container uk-container-large">
<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-text-center" uk-scrollspy-class>
<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>
<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>

@ -3,6 +3,11 @@
@faqs-curator-image-size: 120px;
@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 {
height: @faqs-contact-us-height;

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

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

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

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

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

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

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

@ -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

@ -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
Loading…
Cancel
Save