2022-02-15 13:49:41 +01:00
|
|
|
|
<div>
|
2022-02-21 15:37:12 +01:00
|
|
|
|
<div class="uk-section home-background">
|
|
|
|
|
<div class="mask"></div>
|
|
|
|
|
<div class="uk-container uk-container-large">
|
|
|
|
|
<h1 class="uk-heading-large">
|
|
|
|
|
A new era of <br><span class="uk-text-primary">monitoring</span> <br>research<span class="uk-text-primary">.</span>
|
|
|
|
|
</h1>
|
|
|
|
|
<div class="uk-text-large uk-margin-medium-top">
|
|
|
|
|
<div>Work together with us to view, understand and visualize</div>
|
|
|
|
|
<div>research statistics and indicators.</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="uk-margin-medium-top" style="z-index: 1">
|
|
|
|
|
<a class="uk-button uk-button-primary uk-text-uppercase" routerLink="/get-started">Get Started</a>
|
2022-02-17 16:31:58 +01:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-02-21 15:37:12 +01:00
|
|
|
|
<section-scroll [customClass]="'uk-section uk-section-primary monitor-dark-logo-background uk-padding-remove-bottom'"
|
|
|
|
|
[childrenCustomClass]="'uk-container uk-container-large'" [map]="map">
|
|
|
|
|
<div top class="uk-width-1-1">
|
2022-02-17 16:31:58 +01:00
|
|
|
|
<div class="top-content uk-container uk-container-large">
|
|
|
|
|
<span class="uk-h6 uk-text-primary">Benefits</span>
|
|
|
|
|
<h2 class="uk-h1 uk-margin-remove-top">Simplify open science <br>tracking & monitoring<span
|
|
|
|
|
class="uk-text-primary">.</span></h2>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-02-21 15:37:12 +01:00
|
|
|
|
<div left class="uk-width-1-1 uk-width-1-2@m">
|
|
|
|
|
<div class="imgContainer uk-flex uk-flex-middle uk-flex-center">
|
|
|
|
|
<img id="ipad-1" src="assets/monitor-assets/home/ipad-1.png" alt="ipad-1" loading="lazy">
|
2022-02-17 16:31:58 +01:00
|
|
|
|
</div>
|
2022-02-21 15:37:12 +01:00
|
|
|
|
<div class="imgContainer uk-flex uk-flex-middle uk-flex-center">
|
|
|
|
|
<img id="ipad-2" src="assets/monitor-assets/home/ipad-2.png" alt="ipad-2" loading="lazy">
|
2022-02-17 16:31:58 +01:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div scroll class="uk-width-expand">
|
2022-02-21 15:37:12 +01:00
|
|
|
|
<div class="uk-flex uk-flex-middle uk-flex-center uk-flex-left@m">
|
|
|
|
|
<div id="1st">
|
2022-02-17 16:31:58 +01:00
|
|
|
|
<h3 class="uk-h2">
|
|
|
|
|
Get a <span class="uk-text-primary">complete <br> picture.</span>
|
|
|
|
|
</h3>
|
|
|
|
|
<p class="uk-text-lead">Track and discover your organization’s research output. <br> Use the OpenAIRE Research
|
|
|
|
|
Graph to get a 360o view of <br> your publications-data-code.</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-02-21 15:37:12 +01:00
|
|
|
|
<div class="uk-flex uk-flex-middle uk-flex-center uk-flex-left@m">
|
|
|
|
|
<div id="2nd">
|
2022-02-17 16:31:58 +01:00
|
|
|
|
<h3 class="uk-h2">
|
|
|
|
|
Monitor <span class="uk-text-primary">open science <br></span> compliance<span
|
|
|
|
|
class="uk-text-primary">.</span>
|
|
|
|
|
</h3>
|
|
|
|
|
<p class="uk-text-lead"> Work with the open science expert community <br> for open and transparent metrics.
|
|
|
|
|
Discover open <br> science trends for your organization and see how <br> you fare in EOSC.</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2022-02-21 15:37:12 +01:00
|
|
|
|
<div class="uk-flex uk-flex-middle uk-flex-center uk-flex-left@m">
|
|
|
|
|
<div id="3rd">
|
2022-02-17 16:31:58 +01:00
|
|
|
|
<h3 class="uk-h2">
|
|
|
|
|
Turn <span class="uk-text-primary">research <br> results </span> to insights<span
|
|
|
|
|
class="uk-text-primary">.</span>
|
|
|
|
|
</h3>
|
|
|
|
|
<p class="uk-text-lead">Understand your community. Measure impact, <br> discover trends, connections and
|
|
|
|
|
collaborations <br> to improve and optimize your future actions. </p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</section-scroll>
|
|
|
|
|
<div class="uk-section uk-container uk-container-large uk-margin-large-top uk-margin-large-bottom">
|
|
|
|
|
<h2 class="uk-h1 uk-text-center">
|
|
|
|
|
Tap into the OpenAIRE <br> Research Graph<span class="uk-text-primary">.</span>
|
|
|
|
|
</h2>
|
|
|
|
|
<div class="uk-flex uk-flex-center uk-margin-large-top uk-margin-medium-bottom">
|
|
|
|
|
<div class="uk-width-1-1 uk-flex-center uk-grid" uk-grid>
|
|
|
|
|
<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">
|
|
|
|
|
<div class="uk-height-small uk-width-small uk-flex uk-flex-center uk-flex-column">
|
|
|
|
|
<div class="uk-text-center">
|
2022-02-21 15:37:12 +01:00
|
|
|
|
<div
|
|
|
|
|
class="uk-text-primary-gradient uk-text-bold number">{{(numberSize.number|number) + numberSize.size}}</div>
|
2022-02-17 16:31:58 +01:00
|
|
|
|
<div class="uk-margin-small uk-text-large">{{name}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</ng-template>
|
|
|
|
|
<div *ngIf="publicationsSize">
|
|
|
|
|
<ng-container *ngTemplateOutlet="numberCard; context: {numberSize: publicationsSize, name: '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: 'Datasets',
|
|
|
|
|
url: 'https://explore.openaire.eu/search/find/research-outcomes?type=dataset'}">
|
|
|
|
|
</ng-container>
|
|
|
|
|
</div>
|
|
|
|
|
<div *ngIf="softwareSize">
|
|
|
|
|
<ng-container *ngTemplateOutlet="numberCard; context: {numberSize: softwareSize, name: '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: '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: 'Funders',
|
|
|
|
|
url: 'https://explore.openaire.eu/search/find/projects'}">
|
|
|
|
|
</ng-container>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="uk-section uk-container uk-container-large uk-margin-large-bottom">
|
|
|
|
|
<div class="uk-grid uk-grid-large" uk-grid>
|
|
|
|
|
<div class="uk-width-1-3">
|
|
|
|
|
<span class="uk-h6 uk-text-primary">Features</span>
|
|
|
|
|
<h2 class="uk-h1 uk-margin-remove-top">Open data. <br> Open <br> methodologies<span
|
|
|
|
|
class="uk-text-primary">.</span></h2>
|
|
|
|
|
<a class="uk-display-inline-block uk-text-uppercase uk-button-text"
|
|
|
|
|
routerLinkActive="router-link-active" routerLink="/about/learn-how">
|
2022-02-15 13:49:41 +01:00
|
|
|
|
<span class="uk-flex uk-flex-middle">
|
|
|
|
|
<span>Learn More</span>
|
|
|
|
|
</span>
|
2022-02-17 16:31:58 +01:00
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="uk-width-2-3 uk-grid uk-grid-large uk-child-width-1-2" uk-grid>
|
|
|
|
|
<div class="">
|
|
|
|
|
<div class="uk-icon-bg-shadow uk-margin-bottom">
|
|
|
|
|
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Global outlook"
|
|
|
|
|
customClass="uk-text-primary-gradient"></icon>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
|
|
|
|
|
Global outlook
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
Monitor is built on the OpenAIRE Research Graph. An interconnected scholarly communication shared data
|
|
|
|
|
resource from open initiatives around the world, of global interest.
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div 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-primary-gradient"></icon>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
|
|
|
|
|
Minimum effort to join
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
You only share some information with us to include in out backend aggregating and data mining, and we
|
|
|
|
|
deliver a view of your world. As you see fit.
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="">
|
|
|
|
|
<div class="uk-icon-bg-shadow uk-margin-bottom">
|
|
|
|
|
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Transparent methodology"
|
|
|
|
|
customClass="uk-text-primary-gradient"></icon>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
|
|
|
|
|
Transparent methodology
|
|
|
|
|
</div>
|
|
|
|
|
<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="">
|
|
|
|
|
<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-primary-gradient"></icon>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
|
|
|
|
|
Customised to your needs
|
|
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
Choose from a variety of pre-defined metrics. Select how to visualize them, and who to share with. Use our
|
|
|
|
|
advanced tools and expertise add add your own metrics.
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="uk-section uk-container uk-container-large uk-margin-large-bottom">
|
|
|
|
|
<h2 class="uk-h1">Dashboards <br> in action<span class="uk-text-primary">.</span></h2>
|
|
|
|
|
<div class="uk-text-large uk-margin-bottom">
|
|
|
|
|
Short description of “what monitor members are”, sed diam nonumy eirmod <br> tempor invidunt ut labore et dolore
|
|
|
|
|
magna aliquyam erat, sed diam <br> voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
|
|
|
|
|
</div>
|
|
|
|
|
<a class="uk-display-inline-block uk-text-uppercase uk-button-text"
|
|
|
|
|
routerLinkActive="router-link-active" routerLink="/browse">
|
2022-02-15 13:49:41 +01:00
|
|
|
|
<span class="uk-flex uk-flex-middle">
|
|
|
|
|
<span>Browse them all</span>
|
|
|
|
|
</span>
|
2022-02-17 16:31:58 +01:00
|
|
|
|
</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>
|
|
|
|
|
<!-- Tabs -->
|
|
|
|
|
<my-tabs *ngIf="!loading">
|
|
|
|
|
<my-tab [tabTitle]="'All'" [tabId]="'all'" class="uk-active">
|
2022-02-21 16:31:15 +01:00
|
|
|
|
<ng-container *ngTemplateOutlet="sliderTemplate; context: {slides: stakeholdersSlider.stakeholders}"></ng-container>
|
2022-02-17 16:31:58 +01:00
|
|
|
|
</my-tab>
|
|
|
|
|
<my-tab [tabTitle]="'Funders'" [tabId]="'funders'">
|
2022-02-21 16:31:15 +01:00
|
|
|
|
<ng-container *ngTemplateOutlet="sliderTemplate; context: {slides: stakeholdersSlider.funders}"></ng-container>
|
2022-02-17 16:31:58 +01:00
|
|
|
|
</my-tab>
|
2022-02-21 16:31:15 +01:00
|
|
|
|
<my-tab [tabTitle]="'Research Initiatives'" [tabId]="'ris'">
|
|
|
|
|
<ng-container *ngTemplateOutlet="sliderTemplate; context: {slides:stakeholdersSlider.ris}"></ng-container>
|
2022-02-17 16:31:58 +01:00
|
|
|
|
</my-tab>
|
2022-02-21 16:31:15 +01:00
|
|
|
|
<my-tab [tabTitle]="'Research Institutions'" [tabId]="'organizations'">
|
|
|
|
|
<ng-container *ngTemplateOutlet="sliderTemplate; context: {slides: stakeholdersSlider.organizations}"></ng-container>
|
2022-02-17 16:31:58 +01:00
|
|
|
|
</my-tab>
|
|
|
|
|
</my-tabs>
|
|
|
|
|
<!-- Slider Template for Tab Content -->
|
|
|
|
|
<ng-template #sliderTemplate let-slides="slides">
|
|
|
|
|
<div uk-slider class="uk-margin-medium-top">
|
|
|
|
|
<ul class="uk-slider-items" uk-height-match="target: .uk-card; row: false">
|
|
|
|
|
<li *ngFor="let slide of slides" 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">
|
|
|
|
|
<div *ngFor="let stakeholder of slide">
|
|
|
|
|
<div class="uk-card uk-card-default uk-card-hover">
|
|
|
|
|
<browse-stakeholder [stakeholder]="stakeholder"></browse-stakeholder>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</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 class="uk-section uk-container uk-container-large uk-margin-large-bottom uk-text-center">
|
|
|
|
|
<h2 class="uk-h1">
|
|
|
|
|
Need more information? <br> Get in touch and let us help you<span class="uk-text-primary">.</span>
|
|
|
|
|
</h2>
|
|
|
|
|
<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>
|
2019-09-30 14:51:38 +02:00
|
|
|
|
</div>
|