596 lines
36 KiB
HTML
596 lines
36 KiB
HTML
<ng-template #tablet_text>
|
||
<div>
|
||
<h6 class="uk-margin-xsmall-bottom">
|
||
Monitor, discover and understand.
|
||
</h6>
|
||
<div>Track your organization’s research output in a comprehensive manner. Identify research pathways across key
|
||
dimensions with granular and timely indicators.</div>
|
||
</div>
|
||
<div>
|
||
<h6 class="uk-margin-xsmall-bottom">
|
||
<span class="uk-text-primary">Enhance</span> open science uptake<span class="uk-text-primary">.</span>
|
||
</h6>
|
||
<div>Work with the Open Science expert community for open and transparent metrics. Discover Open Science costs and
|
||
trends for your organization. See how you fare in the European Open Science Cloud.</div>
|
||
</div>
|
||
<div>
|
||
<h6 class="uk-margin-xsmall-bottom">
|
||
Turn data into <span class="uk-text-primary">actionable insights.</span>
|
||
</h6>
|
||
<div>See what works and what not, reveal hidden potential. Measure research impact, discover trends, connections
|
||
and collaborations to improve and optimize your future actions.</div>
|
||
</div>
|
||
</ng-template>
|
||
<div *ngIf="!isMobile" class="uk-visible@m">
|
||
<div class="uk-section uk-padding-remove-bottom uk-overflow-hidden home-background">
|
||
<div class="uk-container uk-container-large"
|
||
uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
|
||
<div class="uk-grid uk-flex-middle" uk-grid>
|
||
<div class="uk-width-3-5@l uk-margin-large-bottom">
|
||
<h1 class="uk-heading-large" uk-scrollspy-class>
|
||
A new era of <span class="uk-text-primary">monitoring</span> research<span
|
||
class="uk-text-primary">.</span>
|
||
</h1>
|
||
<div class="uk-text-large uk-margin-medium-top" uk-scrollspy-class>
|
||
<div>Discover, track and understand trends and impact</div>
|
||
<div>pathways for your organization.</div>
|
||
<div>Make informed decisions.</div>
|
||
</div>
|
||
<div class="uk-margin-medium-top" uk-scrollspy-class>
|
||
<a class="uk-button uk-button-primary uk-text-uppercase" routerLink="/get-started">Get
|
||
Started</a>
|
||
</div>
|
||
</div>
|
||
<div class="uk-width-expand" uk-scrollspy-class>
|
||
<div class="uk-position-relative">
|
||
<img style="padding: 1px" src="assets/monitor-assets/home/monitor.jpg" uk-parallax="y: 300">
|
||
<img class="uk-position-top-left" src="assets/monitor-assets/home/mask.svg">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="uk-section tablet-section">
|
||
<div class="uk-container">
|
||
<div class="uk-text-center">
|
||
<span class="uk-h6 uk-text-primary">Funders. Research Institutions. Research Initiatives.</span>
|
||
<h2 class="uk-h1 uk-margin-remove-top">Simplify research<br> monitoring & evaluation<span
|
||
class="uk-text-primary">.</span></h2>
|
||
</div>
|
||
<div class="uk-grid uk-child-width-1-2 uk-flex uk-flex-middle uk-margin-medium-top" uk-grid>
|
||
<div>
|
||
<img src="assets/monitor-assets/home/ipad.png" alt="ipad" loading="lazy">
|
||
</div>
|
||
<div class="uk-margin-medium-bottom">
|
||
<div class="uk-grid uk-child-width-1-1" uk-grid>
|
||
<ng-container *ngTemplateOutlet="tablet_text"></ng-container>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="uk-background-norepeat graph-background">
|
||
<div class="uk-section uk-section-large uk-container uk-container-large uk-margin-large-top uk-margin-large-bottom uk-overflow-hidden">
|
||
<div class="uk-flex uk-flex-column uk-flex-middle">
|
||
<h2 class="uk-h1 uk-width-1-2@m uk-text-center" uk-parallax="scale: 1.7, 1.3, 1,1">
|
||
Tap into the OpenAIRE Graph<span class="uk-text-primary">.</span>
|
||
</h2>
|
||
<div class="uk-width-1-2@m uk-text-center uk-margin-top" uk-parallax="y: 80, 40, 0, 0">
|
||
The OpenAIRE Graph is one of the largest open scholarly record collections
|
||
worldwide, key in fostering Open Science and establishing its practices in the daily
|
||
research activities. Conceived as a public and transparent good, populated out of data
|
||
sources trusted by scientists, the Graph aims at bringing discovery, monitoring, and
|
||
assessment of science back in the hands of the scientific community.
|
||
</div>
|
||
</div>
|
||
<div class="uk-flex uk-flex-center uk-margin-top uk-margin-medium-bottom" uk-parallax="y: 80, 40, 0, 0">
|
||
<div class="uk-width-1-1 uk-flex-center uk-grid" uk-grid uk-height-match="target: .targetName;"
|
||
uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; repeat: true">
|
||
<ng-template #numberCard let-numberSize="numberSize" let-name="name" let-url="url">
|
||
<a class="uk-card uk-card-default uk-card-hover uk-position-relative uk-padding-small uk-display-block uk-link-reset"
|
||
[href]="url" target="_blank" uk-scrollspy-class>
|
||
<div class="uk-height-small uk-width-small uk-flex uk-flex-center uk-flex-column">
|
||
<div class="uk-text-center">
|
||
<div class="uk-text-background uk-text-bold number">{{(numberSize.number|number) + numberSize.size}}</div>
|
||
<div class="uk-margin-small-top uk-text-large targetName">{{name}}</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</ng-template>
|
||
<div *ngIf="publicationsSize">
|
||
<ng-container *ngTemplateOutlet="numberCard; context: {numberSize: publicationsSize, name: openaireEntities.PUBLICATIONS,
|
||
url: 'https://explore.openaire.eu/search/find/research-outcomes?type=publications'}">
|
||
</ng-container>
|
||
</div>
|
||
<div *ngIf="datasetsSize">
|
||
<ng-container *ngTemplateOutlet="numberCard; context: {numberSize: datasetsSize, name: openaireEntities.DATASETS,
|
||
url: 'https://explore.openaire.eu/search/find/research-outcomes?type=datasets'}">
|
||
</ng-container>
|
||
</div>
|
||
<div *ngIf="softwareSize">
|
||
<ng-container *ngTemplateOutlet="numberCard; context: {numberSize: softwareSize, name: openaireEntities.SOFTWARE,
|
||
url: 'https://explore.openaire.eu/search/find/research-outcomes?type=software'}">
|
||
</ng-container>
|
||
</div>
|
||
<div *ngIf="otherSize">
|
||
<ng-container *ngTemplateOutlet="numberCard; context: {numberSize: otherSize, name: openaireEntities.OTHER,
|
||
url: 'https://explore.openaire.eu/search/find/research-outcomes?type=other'}">
|
||
</ng-container>
|
||
</div>
|
||
<div *ngIf="fundersSize">
|
||
<ng-container *ngTemplateOutlet="numberCard; context: {numberSize: fundersSize, name: stakeholderEntities.FUNDERS,
|
||
url: 'https://explore.openaire.eu/search/find/projects'}">
|
||
</ng-container>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="uk-section uk-container uk-container-large uk-margin-large-bottom">
|
||
<div class="uk-grid uk-grid-xlarge" uk-grid>
|
||
<div class="uk-width-1-3@m uk-width-1-1 uk-text-left@m uk-text-center">
|
||
<h3 class="uk-margin-small-top">Openness. Usability. Replicability. <span
|
||
class="uk-text-primary">Trust</span><span class="uk-margin-right">.</span></h3>
|
||
<div class="uk-text-large uk-margin-bottom">Learn and work with a thriving community behind you.</div>
|
||
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
|
||
routerLinkActive="router-link-active" routerLink="/about/learn-how">
|
||
<span class="uk-flex uk-flex-middle">
|
||
<span>Learn More</span>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div class="uk-width-expand uk-margin-large-left"
|
||
uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 250">
|
||
<div class="uk-grid uk-child-width-1-2@s uk-child-width-1-1 uk-grid-large" uk-grid>
|
||
<div uk-scrollspy-class>
|
||
<div class="uk-icon-bg-shadow uk-margin-bottom">
|
||
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Global outlook"
|
||
customClass="uk-text-background"></icon>
|
||
</div>
|
||
<h5 class="uk-margin-remove-top">Comprehensive outlook</h5>
|
||
<div>
|
||
Monitor is built on the <a href="https://graph.openaire.eu/" class="text-graph"
|
||
target="_blank">OpenAIRE Graph</a>. A global linked research
|
||
graph, a shared data resource from open initiatives around the world. Our indicators cover a
|
||
wide range of themes from input to impact.
|
||
</div>
|
||
</div>
|
||
<div uk-scrollspy-class>
|
||
<div class="uk-icon-bg-shadow uk-margin-bottom">
|
||
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Customised to your needs"
|
||
customClass="uk-text-background"></icon>
|
||
</div>
|
||
<h5 class="uk-margin-remove-top">Showcasing, monitoring, analysis</h5>
|
||
<div>
|
||
Customize your dashboard by choosing from a variety of pre-defined metrics and select which
|
||
ones to show publicly, which to invited team members, and which are still work in progress
|
||
(private).
|
||
</div>
|
||
</div>
|
||
<div uk-scrollspy-class>
|
||
<div class="uk-icon-bg-shadow uk-margin-bottom">
|
||
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Transparent methodology"
|
||
customClass="uk-text-background"></icon>
|
||
</div>
|
||
<h5 class="uk-margin-remove-top">Transparent methodology</h5>
|
||
<div>
|
||
We base our service on Open Science principles. We rely on open data sources, and document
|
||
our algorithms for every metric and indicator we publish.
|
||
</div>
|
||
</div>
|
||
<div uk-scrollspy-class>
|
||
<div class="uk-icon-bg-shadow uk-margin-bottom">
|
||
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Minimum effort to join"
|
||
customClass="uk-text-background"></icon>
|
||
</div>
|
||
<h5 class="uk-margin-remove-top">Minimum effort to join</h5>
|
||
<div>
|
||
You only share some information with us to include in our backend aggregating and data
|
||
mining, and we deliver a view of your world.
|
||
</div>
|
||
</div>
|
||
<div uk-scrollspy-class>
|
||
<div class="uk-icon-bg-shadow uk-margin-bottom">
|
||
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Customised to your needs"
|
||
customClass="uk-text-background"></icon>
|
||
</div>
|
||
<h5 class="uk-margin-remove-top">Tailor-made monitoring, responsive to your needs</h5>
|
||
<div>
|
||
Our experts work with you on demand in one-on-one sessions to provide additional indicators
|
||
and curate your data.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="uk-section uk-container uk-container-large uk-margin-large-bottom">
|
||
<div class="uk-width-1-2@m uk-margin-bottom">
|
||
<h2 class="uk-heading-xlarge">{{stakeholderEntities.STAKEHOLDERS}} in action<span
|
||
class="uk-text-primary">.</span></h2>
|
||
<div class="uk-text-large">
|
||
View existing {{stakeholderEntities.STAKEHOLDERS | lowercase}} from collaborating organizations. Get a
|
||
preview on how they work and how our service can be customized to serve you.
|
||
</div>
|
||
</div>
|
||
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
|
||
routerLinkActive="router-link-active" routerLink="/browse">
|
||
<span class="uk-flex uk-flex-middle">
|
||
<span>Browse</span>
|
||
</span>
|
||
</a>
|
||
<div class="uk-margin-large-top">
|
||
<div *ngIf="loading" class="uk-height-large uk-flex uk-flex-column uk-flex-center">
|
||
<loading></loading>
|
||
</div>
|
||
<ng-container *ngIf="!loading">
|
||
<div>
|
||
<slider-tabs position="horizontal">
|
||
<slider-tab [tabId]="'all'" tabTitle="All"></slider-tab>
|
||
<slider-tab [tabId]="stakeholderEntities.FUNDERS"
|
||
tabTitle="{{stakeholderEntities.FUNDERS | titlecase}}"></slider-tab>
|
||
<slider-tab [tabId]="stakeholderEntities.RIS"
|
||
tabTitle="{{stakeholderEntities.RIS | titlecase}}"></slider-tab>
|
||
<slider-tab [tabId]="stakeholderEntities.ORGANIZATIONS"
|
||
tabTitle="{{stakeholderEntities.ORGANIZATIONS | titlecase}}"></slider-tab>
|
||
</slider-tabs>
|
||
</div>
|
||
<ul class="uk-switcher">
|
||
<li>
|
||
<ng-container
|
||
*ngTemplateOutlet="sliderTemplate; context: {slides: stakeholdersSlider.stakeholders}"></ng-container>
|
||
</li>
|
||
<li>
|
||
<ng-container
|
||
*ngTemplateOutlet="sliderTemplate; context: {slides: stakeholdersSlider.funders}"></ng-container>
|
||
</li>
|
||
<li>
|
||
<ng-container
|
||
*ngTemplateOutlet="sliderTemplate; context: {slides:stakeholdersSlider.ris}"></ng-container>
|
||
</li>
|
||
<li>
|
||
<ng-container
|
||
*ngTemplateOutlet="sliderTemplate; context: {slides: stakeholdersSlider.organizations}"></ng-container>
|
||
</li>
|
||
</ul>
|
||
</ng-container>
|
||
<!-- Slider Template for Tab Content -->
|
||
<ng-template #sliderTemplate let-slides="slides">
|
||
<div uk-slider class="uk-slider uk-margin-medium-top">
|
||
<ul class="uk-slider-items" uk-height-match="target: .uk-card; row: false">
|
||
<!-- Margin right -->
|
||
<li *ngFor="let slide of slides; let i=index" class="uk-width-1-1">
|
||
<div class="uk-padding-small">
|
||
<div uk-grid class="uk-grid uk-child-width-1-3@l uk-child-width-1-2@m"
|
||
uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; repeat: true">
|
||
<ng-container *ngIf="i === 0">
|
||
<div *ngFor="let stakeholder of slide" uk-scrollspy-class>
|
||
<browse-stakeholder [stakeholder]="stakeholder"></browse-stakeholder>
|
||
</div>
|
||
</ng-container>
|
||
<ng-container *ngIf="i !== 0">
|
||
<div *ngFor="let stakeholder of slide">
|
||
<browse-stakeholder [stakeholder]="stakeholder"></browse-stakeholder>
|
||
</div>
|
||
</ng-container>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin-medium-top"></ul>
|
||
</div>
|
||
</ng-template>
|
||
</div>
|
||
</div>
|
||
<div #contact
|
||
class="uk-section uk-container uk-container-large uk-margin-large-bottom uk-flex uk-flex-center uk-position-relative contact-us">
|
||
<img class="uk-box-shadow-large one" src="assets/monitor-assets/curators/1.jpg">
|
||
<img class="uk-box-shadow-large two" src="assets/monitor-assets/curators/2.jpg">
|
||
<img class="uk-box-shadow-large three" src="assets/monitor-assets/curators/3.jpg">
|
||
<img class="uk-box-shadow-large four" src="assets/monitor-assets/curators/4.jpg">
|
||
<div class="uk-text-center uk-width-2-3@l uk-width-1-2">
|
||
<h3>
|
||
Need more information or a demo? Get in touch and let us show you in practice how you can apply OpenAIRE
|
||
Monitor to your needs<span class="uk-text-primary">.</span>
|
||
</h3>
|
||
<a class="uk-button uk-button-primary uk-text-uppercase uk-margin-medium-top uk-margin-medium-bottom"
|
||
routerLink="/contact-us">Contact us</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div *ngIf="isMobile || isServer" class="uk-hidden@m">
|
||
<div class="uk-section uk-padding-remove-bottom uk-overflow-hidden home-background">
|
||
<div class="uk-container uk-container-large"
|
||
uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
|
||
<div class="uk-margin-large-bottom" style="max-width: 500px;">
|
||
<h1 class="uk-heading-small" uk-scrollspy-class>
|
||
A new era of <span class="uk-text-primary">monitoring</span> research<span
|
||
class="uk-text-primary">.</span>
|
||
</h1>
|
||
<div class="uk-text-large uk-margin-medium-top" uk-scrollspy-class>
|
||
<div>Discover, track and understand trends and impact pathways for your organization.</div>
|
||
<div>Make informed decisions.</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="uk-container uk-padding-remove-right uk-height-medium uk-position-relative">
|
||
<img class="uk-position-absolute" style="width: 250px; right: -10%; bottom:-35%; padding: 1px;"
|
||
src="assets/monitor-assets/home/monitor.jpg" uk-parallax="y: 200">
|
||
<img class="uk-position-absolute" style="width: 250px; right: -10%; bottom:-35%;"
|
||
src="assets/monitor-assets/home/mask.svg">
|
||
<div>
|
||
<a class="uk-button uk-button-primary uk-text-uppercase uk-position-relative" routerLink="/get-started">Get
|
||
Started</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="uk-section uk-section-small tablet-section">
|
||
<div class="uk-container">
|
||
<div>
|
||
<span class="uk-text-large uk-text-primary">Funders. Research Institutions. Research Initiatives.</span>
|
||
<h2 class="uk-h1 uk-margin-remove-top">Simplify research<br> monitoring & evaluation<span
|
||
class="uk-text-primary">.</span></h2>
|
||
</div>
|
||
<div class="uk-grid uk-child-width-1-1 uk-child-width-1-2@s uk-flex uk-flex-middle uk-margin-medium-top" uk-grid>
|
||
<div class="uk-visible@s">
|
||
<img src="assets/monitor-assets/home/ipad.png" alt="ipad" loading="lazy">
|
||
</div>
|
||
<div class="uk-hidden@s uk-margin-medium-left">
|
||
<img src="assets/monitor-assets/home/ipad.png" alt="ipad" loading="lazy">
|
||
</div>
|
||
<div class="uk-margin-medium-bottom">
|
||
<div class="uk-grid uk-child-width-1-1" uk-grid>
|
||
<ng-container *ngTemplateOutlet="tablet_text"></ng-container>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="uk-section uk-section-large uk-position-relative uk-overflow-hidden">
|
||
<img class="uk-position-absolute" src="assets/monitor-assets/home/graph.svg" alt="OpenAIRE Graph" loading="lazy"
|
||
style="width: 200px; top: -80px; left: -80px;">
|
||
<img class="uk-position-absolute" src="assets/monitor-assets/home/graph.svg" alt="OpenAIRE Graph" loading="lazy"
|
||
style="width: 200px; top: 60px; right: -145px; transform: rotate(-25deg)">
|
||
<div class="uk-container uk-container-large uk-section uk-section-large uk-padding-remove-bottom">
|
||
<div class="uk-flex uk-flex-column uk-flex-middle">
|
||
<h2 class="uk-h1 uk-text-center uk-padding uk-padding-remove-vertical uk-margin-top">
|
||
Tap into the OpenAIRE Research Graph<span class="uk-text-primary">.</span>
|
||
</h2>
|
||
<div class="uk-text-center">
|
||
The OpenAIRE Graph is one of the largest open scholarly record collections
|
||
worldwide, key in fostering Open Science and establishing its practices in the daily
|
||
research activities. Conceived as a public and transparent good, populated out of data
|
||
sources trusted by scientists, the Graph aims at bringing discovery, monitoring, and
|
||
assessment of science back in the hands of the scientific community.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="uk-container uk-container-large uk-position-relative uk-overflow-hidden">
|
||
<img class="uk-position-absolute" src="assets/monitor-assets/home/graph.svg" alt="OpenAIRE Graph"
|
||
loading="lazy"
|
||
style="width: 200px; top: 35%; right: -170px; transform: rotate(-100deg);">
|
||
<div class="uk-flex uk-flex-center uk-margin-medium-top uk-margin-medium-bottom">
|
||
<div class="uk-width-1-1 uk-flex-center uk-grid uk-child-width-1-2" uk-grid
|
||
uk-height-match="target: .targetName;"
|
||
uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; repeat: true">
|
||
<ng-template #numberCardMobile let-numberSize="numberSize" let-name="name" let-url="url">
|
||
<a class="uk-position-relative uk-display-block uk-link-reset"
|
||
[href]="url" target="_blank" uk-scrollspy-class>
|
||
<div class="uk-flex uk-flex-center uk-flex-column uk-margin-auto uk-margin-top">
|
||
<div class="uk-text-center">
|
||
<div class="uk-text-background uk-text-bold number">{{(numberSize.number|number) + numberSize.size}}</div>
|
||
<div class="uk-margin-small-top uk-text-bolder targetName">{{name}}</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</ng-template>
|
||
<div *ngIf="publicationsSize">
|
||
<ng-container *ngTemplateOutlet="numberCardMobile; context: {numberSize: publicationsSize, name: openaireEntities.PUBLICATIONS,
|
||
url: 'https://explore.openaire.eu/search/find/research-outcomes?type=publications'}">
|
||
</ng-container>
|
||
</div>
|
||
<div *ngIf="datasetsSize">
|
||
<ng-container *ngTemplateOutlet="numberCardMobile; context: {numberSize: datasetsSize, name: openaireEntities.DATASETS,
|
||
url: 'https://explore.openaire.eu/search/find/research-outcomes?type=datasets'}">
|
||
</ng-container>
|
||
</div>
|
||
<div *ngIf="softwareSize">
|
||
<ng-container *ngTemplateOutlet="numberCardMobile; context: {numberSize: softwareSize, name: openaireEntities.SOFTWARE,
|
||
url: 'https://explore.openaire.eu/search/find/research-outcomes?type=software'}">
|
||
</ng-container>
|
||
</div>
|
||
<div *ngIf="otherSize">
|
||
<ng-container *ngTemplateOutlet="numberCardMobile; context: {numberSize: otherSize, name: openaireEntities.OTHER,
|
||
url: 'https://explore.openaire.eu/search/find/research-outcomes?type=other'}">
|
||
</ng-container>
|
||
</div>
|
||
<div *ngIf="fundersSize">
|
||
<ng-container *ngTemplateOutlet="numberCardMobile; context: {numberSize: fundersSize, name: stakeholderEntities.FUNDERS,
|
||
url: 'https://explore.openaire.eu/search/find/projects'}">
|
||
</ng-container>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="uk-section uk-section-large uk-container uk-container-large uk-background-muted">
|
||
<div class="uk-text-center">
|
||
<div class="">
|
||
<h3 class="uk-heading-small uk-margin-remove">Openness.</h3>
|
||
<h3 class="uk-heading-small uk-margin-remove">Usability.</h3>
|
||
<h3 class="uk-heading-small uk-margin-remove">Replicability.</h3>
|
||
<h3 class="uk-heading-small uk-text-primary uk-margin-remove">Trust.</h3>
|
||
<div class="uk-text-large uk-margin-medium-top uk-margin-medium-bottom">Learn and work with a thriving
|
||
community behind you.
|
||
</div>
|
||
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
|
||
routerLinkActive="router-link-active" routerLink="/about/learn-how">
|
||
<span class="uk-flex uk-flex-middle">
|
||
<span>Learn More</span>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div class="uk-margin-xlarge-top"
|
||
uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 250">
|
||
<div class="">
|
||
<div uk-scrollspy-class>
|
||
<div class="uk-icon-bg-shadow uk-margin-auto">
|
||
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Global outlook"
|
||
customClass="uk-text-background"></icon>
|
||
</div>
|
||
<h5 class="uk-margin-top">Comprehensive outlook</h5>
|
||
<div>
|
||
Monitor is built on the <a href="https://graph.openaire.eu/" class="text-graph"
|
||
target="_blank">OpenAIRE Graph</a>. A global linked research
|
||
graph, a shared data resource from open initiatives around the world. Our indicators cover a
|
||
wide range of themes from input to impact.
|
||
</div>
|
||
</div>
|
||
<div class="uk-margin-large-top" uk-scrollspy-class>
|
||
<div class="uk-icon-bg-shadow uk-margin-auto">
|
||
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Customised to your needs"
|
||
customClass="uk-text-background"></icon>
|
||
</div>
|
||
<h5 class="uk-margin-top">Showcasing, monitoring, analysis</h5>
|
||
<div>
|
||
Customize your dashboard by choosing from a variety of pre-defined metrics and select which
|
||
ones to show publicly, which to invited team members, and which are still work in progress
|
||
(private).
|
||
</div>
|
||
</div>
|
||
<div class="uk-margin-large-top" uk-scrollspy-class>
|
||
<div class="uk-icon-bg-shadow uk-margin-auto">
|
||
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Transparent methodology"
|
||
customClass="uk-text-background"></icon>
|
||
</div>
|
||
<h5 class="uk-margin-top">Transparent methodology</h5>
|
||
<div>
|
||
We base our service on Open Science principles. We rely on open data sources, and document
|
||
our algorithms for every metric and indicator we publish.
|
||
</div>
|
||
</div>
|
||
<div class="uk-margin-large-top" uk-scrollspy-class>
|
||
<div class="uk-icon-bg-shadow uk-margin-auto">
|
||
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Minimum effort to join"
|
||
customClass="uk-text-background"></icon>
|
||
</div>
|
||
<h5 class="uk-margin-top">Minimum effort to join</h5>
|
||
<div>
|
||
You only share some information with us to include in our backend aggregating and data
|
||
mining, and we deliver a view of your world.
|
||
</div>
|
||
</div>
|
||
<div class="uk-margin-large-top" uk-scrollspy-class>
|
||
<div class="uk-icon-bg-shadow uk-margin-auto">
|
||
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Customised to your needs"
|
||
customClass="uk-text-background"></icon>
|
||
</div>
|
||
<h5 class="uk-margin-top">Tailor-made monitoring, responsive to your needs</h5>
|
||
<div>
|
||
Our experts work with you on demand in one-on-one sessions to provide additional indicators
|
||
and curate your data.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="uk-section uk-section-large uk-padding-remove-bottom uk-container uk-container-large">
|
||
<div class="uk-margin-bottom">
|
||
<h2 class="uk-heading-xlarge">{{stakeholderEntities.STAKEHOLDERS}} in action<span
|
||
class="uk-text-primary">.</span></h2>
|
||
<div class="uk-text-large">
|
||
View existing {{stakeholderEntities.STAKEHOLDERS | lowercase}} from collaborating organizations. Get a
|
||
preview on how they work and how our service can be customized to serve you.
|
||
</div>
|
||
</div>
|
||
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
|
||
routerLinkActive="router-link-active" routerLink="/browse">
|
||
<span class="uk-flex uk-flex-middle">
|
||
<span>Browse</span>
|
||
</span>
|
||
</a>
|
||
</div>
|
||
<div class="uk-margin-xlarge-top uk-margin-xlarge-bottom">
|
||
<div *ngIf="loading" class="uk-height-large uk-flex uk-flex-column uk-flex-center">
|
||
<loading></loading>
|
||
</div>
|
||
<ng-container *ngIf="!loading">
|
||
<div class="uk-padding-small uk-padding-remove-right">
|
||
<slider-tabs position="horizontal">
|
||
<slider-tab [tabId]="'all'" tabTitle="All"></slider-tab>
|
||
<slider-tab [tabId]="stakeholderEntities.FUNDERS"
|
||
tabTitle="{{stakeholderEntities.FUNDERS | titlecase}}"></slider-tab>
|
||
<slider-tab [tabId]="stakeholderEntities.RIS"
|
||
tabTitle="{{stakeholderEntities.RIS | titlecase}}"></slider-tab>
|
||
<slider-tab [tabId]="stakeholderEntities.ORGANIZATIONS"
|
||
tabTitle="{{stakeholderEntities.ORGANIZATIONS | titlecase}}"></slider-tab>
|
||
</slider-tabs>
|
||
</div>
|
||
<ul class="uk-switcher uk-margin-top uk-overflow-hidden">
|
||
<li [id]="'all'" class="uk-overflow-auto">
|
||
<div class="uk-padding-small uk-padding-remove-right"
|
||
uk-height-match="target: .uk-card; row: false">
|
||
<div class="uk-grid uk-grid-small uk-flex-nowrap"
|
||
uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; repeat: true">
|
||
<div *ngFor="let stakeholder of stakeholders"
|
||
class="uk-width-4-5 uk-width-2-5@s uk-flex-none" uk-scrollspy-class>
|
||
<browse-stakeholder [stakeholder]="stakeholder"></browse-stakeholder>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li [id]="stakeholderEntities.FUNDERS" class="uk-overflow-auto">
|
||
<div class="uk-padding-small uk-padding-remove-right"
|
||
uk-height-match="target: .uk-card; row: false">
|
||
<div class="uk-flex uk-grid uk-grid-small uk-flex-nowrap"
|
||
uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; repeat: true">
|
||
<div *ngFor="let funder of funders" class="uk-width-4-5 uk-width-2-5@s uk-flex-none"
|
||
uk-scrollspy-class>
|
||
<browse-stakeholder [stakeholder]="funder"></browse-stakeholder>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li [id]="stakeholderEntities.RIS" class="uk-overflow-auto">
|
||
<div class="uk-padding-small uk-padding-remove-right"
|
||
uk-height-match="target: .uk-card; row: false">
|
||
<div class="uk-flex uk-grid uk-grid-small uk-flex-nowrap"
|
||
uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; repeat: true">
|
||
<div *ngFor="let ri of ris" class="uk-width-4-5 uk-width-2-5@s uk-flex-none"
|
||
uk-scrollspy-class>
|
||
<browse-stakeholder [stakeholder]="ri"></browse-stakeholder>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li [id]="stakeholderEntities.ORGANIZATIONS" class="uk-overflow-auto">
|
||
<div class="uk-padding-small uk-padding-remove-right"
|
||
uk-height-match="target: .uk-card; row: false">
|
||
<div class="uk-flex uk-grid uk-grid-small uk-flex-nowrap"
|
||
uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; repeat: true">
|
||
<div *ngFor="let organization of organizations"
|
||
class="uk-width-4-5 uk-width-2-5@s uk-flex-none" uk-scrollspy-class>
|
||
<browse-stakeholder [stakeholder]="organization"></browse-stakeholder>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</ng-container>
|
||
</div>
|
||
<div class="uk-section uk-container uk-container-large uk-margin-large-bottom contact-us">
|
||
<div class="uk-position-relative">
|
||
<h2 class="uk-margin-medium-bottom">
|
||
Need more information or a demo?
|
||
</h2>
|
||
<div class="uk-text-large">
|
||
Get in touch and let us show you in practice how you can apply OpenAIRE Monitor to your needs<span
|
||
class="uk-text-primary">.</span>
|
||
</div>
|
||
<a class="uk-button uk-button-primary uk-text-uppercase uk-margin-medium-top uk-margin-medium-bottom"
|
||
routerLink="/contact-us">Contact us</a>
|
||
</div>
|
||
</div>
|
||
</div>
|