[Graph | Trunk]: Add missing properties. Change logos on home slider. Fix margins and paddings to be the same in all pages
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-graph-portal/trunk@59546 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
parent
b2d7a25385
commit
f8d8b514fd
|
|
@ -98,6 +98,6 @@
|
|||
align-self: start;
|
||||
}
|
||||
|
||||
.uk-align-right\@m .uk-list>li::before, .uk-align-right\@m .uk-list>li::after {
|
||||
.align-list li:before, .align-list li:after {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,38 +1,38 @@
|
|||
<!--<div class="uk-section uk-section-small uk-container uk-container-large contact">-->
|
||||
<div class="contact">
|
||||
<!-- <div class="uk-align-center">-->
|
||||
<div class="uk-section">
|
||||
<div class="uk-margin-large-left uk-margin-medium-bottom">
|
||||
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
|
||||
</div>
|
||||
|
||||
<div class="uk-container">
|
||||
<h2 class="uk-text-center">Support</h2>
|
||||
<div class="uk-grid uk-flex uk-flex-center" uk-grid>
|
||||
<div class="uk-width-2-3">
|
||||
<h3 class="uk-margin-top">Do you have a question? <span class="portal-color">Contact us</span>.</h3>
|
||||
<div class="uk-width-2-3@m">
|
||||
<div class="uk-padding-small">
|
||||
<h3 class="uk-margin-top">Do you have a question? <span class="portal-color">Contact us</span>.</h3>
|
||||
|
||||
<div *ngIf="showLoading" class="uk-margin-large">
|
||||
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
|
||||
class="loading-gif uk-align-center"></span></div>
|
||||
</div>
|
||||
<div *ngIf="!showLoading">
|
||||
<contact-us [properties]="properties" [errorMessage]="errorMessage"
|
||||
[right]="false"
|
||||
[contactForm]="contactForm" (sendEmitter)="send($event)"></contact-us>
|
||||
<div *ngIf="showLoading" class="uk-margin-large">
|
||||
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
|
||||
class="loading-gif uk-align-center"></span></div>
|
||||
</div>
|
||||
<div *ngIf="!showLoading">
|
||||
<contact-us [properties]="properties" [errorMessage]="errorMessage"
|
||||
[right]="false"
|
||||
[contactForm]="contactForm" (sendEmitter)="send($event)"></contact-us>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="documentation" class="uk-container uk-section">
|
||||
<div class="uk-width-1-1">
|
||||
<div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-large uk-grid-match uk-grid" uk-grid="" uk-height-match=".target">
|
||||
<div class="uk-padding-small">
|
||||
<div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-large uk-grid-match uk-grid" uk-grid=""
|
||||
uk-height-match=".target">
|
||||
<div class="uk-first-column">
|
||||
<div class="uk-card uk-card-default uk-card-body link-card">
|
||||
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top">
|
||||
<div class="target" style="min-height: 110px;"><img src="assets/graph-assets/contact/documentation.svg" style="height:80px; width:94px"></div>
|
||||
<div class="target" style="min-height: 110px;"><img src="assets/graph-assets/contact/documentation.svg"
|
||||
style="height:80px; width:94px"></div>
|
||||
</div>
|
||||
|
||||
<div class="uk-margin-top">
|
||||
|
|
@ -42,8 +42,9 @@
|
|||
Documentation
|
||||
<span class="space">
|
||||
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.578,4.244,5.667,11.155V8.167A.833.833,0,1,0,4,8.167v5A.832.832,0,0,0,4.833,14h5a.833.833,0,0,0,0-1.667H6.845l6.911-6.911a.833.833,0,1,0-1.178-1.178h0Z"
|
||||
fill="#2D72D6" id="arrow-down-left2" transform="translate(7.071 19.799) rotate(-135)">
|
||||
<path
|
||||
d="M12.578,4.244,5.667,11.155V8.167A.833.833,0,1,0,4,8.167v5A.832.832,0,0,0,4.833,14h5a.833.833,0,0,0,0-1.667H6.845l6.911-6.911a.833.833,0,1,0-1.178-1.178h0Z"
|
||||
fill="#2D72D6" id="arrow-down-left2" transform="translate(7.071 19.799) rotate(-135)">
|
||||
</path>
|
||||
</svg>
|
||||
</span>
|
||||
|
|
@ -56,19 +57,21 @@
|
|||
<div>
|
||||
<div class="uk-card uk-card-default uk-card-body link-card">
|
||||
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top">
|
||||
<div class="target"><img src="assets/graph-assets/contact/webinars.svg" style="height:110px; width:101px"></div>
|
||||
<div class="target"><img src="assets/graph-assets/contact/webinars.svg" style="height:110px; width:101px">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="uk-margin-top">
|
||||
<div class="target uk-text-center" style="">
|
||||
<a class="uk-link uk-button uk-text-capitalize uk-text-small"
|
||||
href="https://www.openaire.eu/item/webinar-on-the-openaire-research-graph?highlight=WyJncmFwaCIsIndlYmluYXIiLCJ3ZWJpbmFyJyJd"
|
||||
target="_blank">
|
||||
<a class="uk-link uk-button uk-text-capitalize uk-text-small"
|
||||
href="https://www.openaire.eu/item/webinar-on-the-openaire-research-graph?highlight=WyJncmFwaCIsIndlYmluYXIiLCJ3ZWJpbmFyJyJd"
|
||||
target="_blank">
|
||||
Webinars
|
||||
<span class="space">
|
||||
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.578,4.244,5.667,11.155V8.167A.833.833,0,1,0,4,8.167v5A.832.832,0,0,0,4.833,14h5a.833.833,0,0,0,0-1.667H6.845l6.911-6.911a.833.833,0,1,0-1.178-1.178h0Z"
|
||||
fill="#2D72D6" id="arrow-down-left2" transform="translate(7.071 19.799) rotate(-135)">
|
||||
<path
|
||||
d="M12.578,4.244,5.667,11.155V8.167A.833.833,0,1,0,4,8.167v5A.832.832,0,0,0,4.833,14h5a.833.833,0,0,0,0-1.667H6.845l6.911-6.911a.833.833,0,1,0-1.178-1.178h0Z"
|
||||
fill="#2D72D6" id="arrow-down-left2" transform="translate(7.071 19.799) rotate(-135)">
|
||||
</path>
|
||||
</svg>
|
||||
</span>
|
||||
|
|
@ -81,23 +84,25 @@
|
|||
<div>
|
||||
<div class="uk-card uk-card-default uk-card-body link-card">
|
||||
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top">
|
||||
<div class="target" style="min-height: 110px;"><img src="assets/graph-assets/contact/howto.svg" style="height:100px; width:107px"></div>
|
||||
<div class="target" style="min-height: 110px;"><img src="assets/graph-assets/contact/howto.svg"
|
||||
style="height:100px; width:107px"></div>
|
||||
</div>
|
||||
<div class="uk-margin-top">
|
||||
<div class="target uk-text-center" style="">
|
||||
<a class="uk-link uk-button uk-text-capitalize uk-text-small"
|
||||
href="https://subugoe.github.io/scholcomm_analytics/posts/oaire_graph_2020/"
|
||||
target="_blank">
|
||||
<a class="uk-link uk-button uk-text-capitalize uk-text-small"
|
||||
href="https://subugoe.github.io/scholcomm_analytics/posts/oaire_graph_2020/"
|
||||
target="_blank">
|
||||
How to
|
||||
<span class="space">
|
||||
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.578,4.244,5.667,11.155V8.167A.833.833,0,1,0,4,8.167v5A.832.832,0,0,0,4.833,14h5a.833.833,0,0,0,0-1.667H6.845l6.911-6.911a.833.833,0,1,0-1.178-1.178h0Z"
|
||||
fill="#2D72D6" id="arrow-down-left2" transform="translate(7.071 19.799) rotate(-135)">
|
||||
<path
|
||||
d="M12.578,4.244,5.667,11.155V8.167A.833.833,0,1,0,4,8.167v5A.832.832,0,0,0,4.833,14h5a.833.833,0,0,0,0-1.667H6.845l6.911-6.911a.833.833,0,1,0-1.178-1.178h0Z"
|
||||
fill="#2D72D6" id="arrow-down-left2" transform="translate(7.071 19.799) rotate(-135)">
|
||||
</path>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
<!-- <h5 class="uk-text-bold">How to</h5>-->
|
||||
<!-- <h5 class="uk-text-bold">How to</h5>-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -105,13 +110,13 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="faq" class="uk-container uk-section uk-flex uk-flex-center">
|
||||
<div class="uk-width-5-6 uk-margin-xlarge-bottom">
|
||||
<div id="faq" class="uk-container uk-section uk-flex uk-flex-center uk-margin-large-bottom">
|
||||
<div class="uk-width-5-6">
|
||||
<h3 class="uk-text-center uk-margin-top portal-color">FAQs</h3>
|
||||
<div>
|
||||
<ul class="uk-accordion" uk-accordion="">
|
||||
<li *ngFor="let faq of faqs" class="uk-card uk-card-default uk-card-body faq-card uk-margin-small uk-padding-small">
|
||||
<li *ngFor="let faq of faqs"
|
||||
class="uk-card uk-card-default uk-card-body faq-card uk-margin-small uk-padding-small">
|
||||
<a class="uk-accordion-title color" href="#">
|
||||
<h5 class="uk-margin-remove-bottom">{{faq.question}}</h5>
|
||||
</a>
|
||||
|
|
@ -123,11 +128,10 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- </div>-->
|
||||
</div>
|
||||
<modal-alert #AlertModal (alertOutput)="goToHome()">
|
||||
<div class="uk-text-center">
|
||||
Our team will respond to your submission soon.<br>
|
||||
Press OK to redirect to OpenAIRE UsageCounts home page.
|
||||
Press OK to redirect to OpenAIRE Research Graph home page.
|
||||
</div>
|
||||
</modal-alert>
|
||||
|
|
|
|||
|
|
@ -82,7 +82,7 @@ export class ContactComponent implements OnInit {
|
|||
private sendMail(admins: any) {
|
||||
this.showLoading = true;
|
||||
this.emailService.contact(this.properties,
|
||||
Composer.composeEmailForUsageCounts(this.contactForm.value, admins),
|
||||
Composer.composeEmailForGraph(this.contactForm.value, admins),
|
||||
this.contactForm.value.recaptcha).subscribe(
|
||||
res => {
|
||||
this.showLoading = false;
|
||||
|
|
|
|||
|
|
@ -21,10 +21,14 @@
|
|||
}
|
||||
|
||||
.service-slide {
|
||||
height: 350px;
|
||||
height: 350px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.service-slide {
|
||||
height: 600px;
|
||||
}
|
||||
|
||||
.services {
|
||||
background: transparent linear-gradient(180deg, #E1E8F2 0%, #F5F5F5 62%, #FAFAFA 100%) 0 0 no-repeat;
|
||||
/*background: transparent linear-gradient(0deg, #FAFAFA 23%, #E2EEFA 30%) !important;*/
|
||||
|
|
@ -51,6 +55,11 @@
|
|||
font-size: 41px;
|
||||
font-weight: bold;
|
||||
}
|
||||
@media only screen and (max-width: 639px) {
|
||||
.numbers .emphasis {
|
||||
font-size: 27px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.numbers-background {
|
||||
background: transparent url('assets/graph-assets/home/5.svg') repeat-x center bottom;
|
||||
|
|
@ -70,3 +79,7 @@
|
|||
opacity: 1;
|
||||
transition: visibility 0s linear 0s, opacity 1s;
|
||||
}
|
||||
|
||||
.uk-list.target > li:nth-child(n+2) {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,40 +1,44 @@
|
|||
<div class="uk-margin-large-bottom">
|
||||
<div>
|
||||
<div class="uk-container uk-container-large uk-section">
|
||||
<h1>Open. Transparent. Interconnected.</h1>
|
||||
<div class="uk-grid uk-grid-small uk-flex uk-margin-medium-top uk-child-width-1-2@m uk-flex-bottom" uk-grid>
|
||||
<div>
|
||||
<p>
|
||||
OpenAIRE Research Graph is an open resource that aggregates a <span class="portal-color">collection of research data properties</span>
|
||||
(metadata, links) available within the OpenAIRE Open Science infrastructure for funders, organizations,
|
||||
researchers, research communities and publishers to interlink information by using a semantic graph database
|
||||
approach.
|
||||
</p>
|
||||
<a class="uk-button portal-button uk-margin-medium-top" routerLink="/about">Learn more</a>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-right uk-padding-large uk-padding-remove-bottom">
|
||||
<img src="assets/graph-assets/home/1.svg" style="transform: rotateY(180deg);" class="uk-width-4-5@m">
|
||||
<div class="uk-padding-small">
|
||||
<h1>Open. Transparent. Interconnected.</h1>
|
||||
<div class="uk-grid uk-grid-small uk-flex uk-margin-medium-top uk-child-width-1-2@m uk-flex-bottom" uk-grid>
|
||||
<div>
|
||||
<p>
|
||||
OpenAIRE Research Graph is an open resource that aggregates a <span class="portal-color">collection of research data properties</span>
|
||||
(metadata, links) available within the OpenAIRE Open Science infrastructure for funders, organizations,
|
||||
researchers, research communities and publishers to interlink information by using a semantic graph database
|
||||
approach.
|
||||
</p>
|
||||
<a class="uk-button portal-button uk-margin-medium-top" routerLink="/about">Learn more</a>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-right uk-padding-large uk-padding-remove-bottom">
|
||||
<img src="assets/graph-assets/home/1.svg" style="transform: rotateY(180deg);" class="uk-width-4-5@m">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-margin-large-bottom">
|
||||
<div>
|
||||
<div class="uk-container uk-container-large uk-section">
|
||||
<h2 class="uk-text-center"><span class="portal-color">How</span> it works</h2>
|
||||
<div class="how-first uk-padding uk-margin-large-top">
|
||||
<div class="uk-grid uk-child-width-1-2@m" uk-grid>
|
||||
<div
|
||||
class="uk-padding-large uk-padding-remove-vertical uk-flex-last@m uk-margin-large-bottom uk-margin-medium-top">
|
||||
<h3 class="uk-text-bold uk-margin-large-left uk-text-capitalize">360° view on linked open science<span
|
||||
class="portal-color">.</span></h3>
|
||||
</div>
|
||||
<div>
|
||||
<img src="assets/graph-assets/home/2.png">
|
||||
<div class="uk-padding-small">
|
||||
<h2 class="uk-text-center"><span class="portal-color">How</span> it works</h2>
|
||||
<div class="how-first uk-margin-large-top">
|
||||
<div class="uk-grid uk-child-width-1-2@m" uk-grid>
|
||||
<div
|
||||
class="uk-padding-large uk-padding-remove-vertical uk-flex-last@m uk-margin-large-bottom uk-margin-medium-top">
|
||||
<h3 class="uk-text-bold uk-margin-large-left uk-text-capitalize">360° view on linked open science<span
|
||||
class="portal-color">.</span></h3>
|
||||
</div>
|
||||
<div>
|
||||
<img src="assets/graph-assets/home/2.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-container uk-container-large uk-section">
|
||||
<div class="how-second uk-padding uk-margin-large-top">
|
||||
<div class="how-second uk-padding-small uk-margin-large-top">
|
||||
<div class="uk-grid" uk-grid>
|
||||
<div class="uk-margin-large-top uk-margin-large-bottom uk-width-expand">
|
||||
<h3 class="uk-text-bold uk-margin-large-left uk-text-capitalize">From open and authoritative sources around
|
||||
|
|
@ -47,65 +51,63 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-margin-large-bottom">
|
||||
<div>
|
||||
<div class="uk-section uk-container uk-container-large">
|
||||
<h2 class="uk-text-center uk-margin-remove-bottom"><span class="portal-color">Why</span> OpenAIRE Research Graph
|
||||
</h2>
|
||||
<h6 class="uk-text-center uk-text-normal uk-margin-small-top">Unlock the power of open science data</h6>
|
||||
<div class="uk-padding uk-margin-medium-top">
|
||||
<div class="uk-grid why uk-child-width-1-2@m" uk-grid>
|
||||
<div>
|
||||
<div class="uk-width-3-4@m">
|
||||
<h6 class="portal-color">Open and transparent</h6>
|
||||
<div class="uk-text-light">
|
||||
It is available for download and re-use as CC-BY (due to some input sources whose
|
||||
license is CC-BY); parts of the graphs can be re-used as CC-0; provenance is tracked at the level of the
|
||||
records and, when these are the result of full-text mining, of the properties (provenance also includes
|
||||
an indicator of trust, in the range [0..1]).
|
||||
<div class="uk-padding-small">
|
||||
<h2 class="uk-text-center uk-margin-remove-bottom"><span class="portal-color">Why</span> OpenAIRE Research Graph
|
||||
</h2>
|
||||
<h6 class="uk-text-center uk-text-normal uk-margin-small-top">Unlock the power of open science data</h6>
|
||||
<div class="uk-margin-medium-top">
|
||||
<div class="uk-grid why uk-child-width-1-2@m" uk-grid>
|
||||
<div>
|
||||
<div class="uk-width-3-4@m">
|
||||
<h6 class="portal-color">Open and transparent</h6>
|
||||
<div class="uk-text-light">
|
||||
It is available for download and re-use as CC-BY (due to some input sources whose
|
||||
license is CC-BY); parts of the graphs can be re-used as CC-0; provenance is tracked at the level of the
|
||||
records and, when these are the result of full-text mining, of the properties (provenance also includes
|
||||
an indicator of trust, in the range [0..1]).
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-right">
|
||||
<div class="uk-width-3-4@m">
|
||||
<h6 class="portal-color">Decentralized and interoperable</h6>
|
||||
<div class="uk-text-light">
|
||||
Metadata and links are collected from data
|
||||
sources, such as institutional/data/software repositories, publishers, registries, and re-distributed to
|
||||
such sources via brokering services.
|
||||
<div class="uk-flex uk-flex-right">
|
||||
<div class="uk-width-3-4@m">
|
||||
<h6 class="portal-color">Decentralized and interoperable</h6>
|
||||
<div class="uk-text-light">
|
||||
Metadata and links are collected from data
|
||||
sources, such as institutional/data/software repositories, publishers, registries, and re-distributed to
|
||||
such sources via brokering services.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="uk-hidden@m">
|
||||
<h6 class="portal-color">Intelligent linking</h6>
|
||||
<div class="uk-text-light">
|
||||
Abstracts, full-texts of Open Access publications and links
|
||||
are processed by several algorithms that infer new links and enrich the graph.
|
||||
<div>
|
||||
<div class="uk-hidden@m">
|
||||
<h6 class="portal-color">Intelligent linking</h6>
|
||||
<div class="uk-text-light">
|
||||
Abstracts, full-texts of Open Access publications and links
|
||||
are processed by several algorithms that infer new links and enrich the graph.
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-padding-large uk-visible@m">
|
||||
<h6 class="portal-color">Intelligent linking</h6>
|
||||
<div class="uk-text-light">
|
||||
Abstracts, full-texts of Open Access publications and links
|
||||
are processed by several algorithms that infer new links and enrich the graph.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-padding-large uk-visible@m">
|
||||
<h6 class="portal-color">Intelligent linking</h6>
|
||||
<div class="uk-text-light">
|
||||
Abstracts, full-texts of Open Access publications and links
|
||||
are processed by several algorithms that infer new links and enrich the graph.
|
||||
<div class="uk-flex uk-flex-right">
|
||||
<div class="uk-hidden@m">
|
||||
<h6 class="portal-color">Embedded metrics</h6>
|
||||
<div class="uk-text-light">
|
||||
Powers up calculation of advanced statistics and metrics about Open Science and research impact.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-right">
|
||||
<div class="uk-hidden@m">
|
||||
<h6 class="portal-color">Embedded metrics</h6>
|
||||
<div class="uk-text-light">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
|
||||
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
|
||||
ex ea commodo consequat.
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-3-4 uk-visible@m uk-padding uk-padding-remove-right">
|
||||
<h6 class="portal-color">Embedded metrics</h6>
|
||||
<div class="uk-text-light">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
|
||||
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
|
||||
ex ea commodo consequat.
|
||||
<div class="uk-width-3-4 uk-visible@m uk-padding uk-padding-remove-right">
|
||||
<h6 class="portal-color">Embedded metrics</h6>
|
||||
<div class="uk-text-light">
|
||||
Powers up calculation of advanced statistics and metrics about Open Science and research impact.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -113,205 +115,212 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-margin-large-bottom">
|
||||
<div>
|
||||
<div class="services">
|
||||
<div class="uk-section uk-container uk-container-large">
|
||||
<h2>Products & Services</h2>
|
||||
<div class="service-slide uk-position-relative">
|
||||
<div *ngFor="let portal of portals; let i=index;" [class.fade-out]="i !== state" [class.fade-in]="i === state"
|
||||
class="uk-margin-medium-top uk-grid uk-grid-large uk-child-width-1-2@m uk-position-center" uk-grid>
|
||||
<div class="uk-flex-last@m">
|
||||
<div class="uk-width-4-5 uk-padding uk-padding-remove-right">
|
||||
<img [src]="'assets/common-assets/logo-large-' + portal.name + '.png'">
|
||||
<h6 class="uk-margin-medium-top uk-text-normal">{{portal.text}}</h6>
|
||||
<div class="uk-margin-medium-top">
|
||||
<a class="uk-button portal-button" [href]="'https://' + portal.name + '.openaire.eu'" target="_blank">
|
||||
Learn More
|
||||
<span class="space">
|
||||
<div class="uk-padding-small">
|
||||
<h2>Products & Services</h2>
|
||||
<div class="service-slide uk-position-relative">
|
||||
<div *ngFor="let portal of portals; let i=index;" [class.fade-out]="i !== state" [class.fade-in]="i === state"
|
||||
class="uk-margin-medium-top uk-grid uk-grid-large uk-child-width-1-2@m uk-position-top" uk-grid>
|
||||
<div>
|
||||
<img class="uk-box-shadow-medium" [src]="'assets/graph-assets/home/services/' + portal.name + '.jpg'">
|
||||
</div>
|
||||
<div>
|
||||
<div class="uk-width-4-5 uk-padding uk-padding-remove-right">
|
||||
<img [src]="'assets/common-assets/logo-small-' + portal.name + '.png'">
|
||||
<h6 class="uk-margin-medium-top uk-text-normal">{{portal.text}}</h6>
|
||||
<div class="uk-margin-medium-top">
|
||||
<a class="uk-button portal-button" [href]="'https://' + portal.name + '.openaire.eu'" target="_blank">
|
||||
Learn More
|
||||
<span class="space">
|
||||
<svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M12.578,4.244,5.667,11.155V8.167A.833.833,0,1,0,4,8.167v5A.832.832,0,0,0,4.833,14h5a.833.833,0,0,0,0-1.667H6.845l6.911-6.911a.833.833,0,1,0-1.178-1.178h0Z"
|
||||
fill="#fff" id="arrow-down-left2" transform="translate(7.071 19.799) rotate(-135)"></path>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img class="uk-box-shadow-medium" [src]="'assets/graph-assets/home/services/' + portal.name + '.jpg'">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-container uk-section uk-padding-remove-top uk-margin-medium-top">
|
||||
<div class="uk-grid uk-child-width-1-3 uk-child-width-1-5@m uk-flex uk-flex-middle services-list" uk-grid>
|
||||
<div *ngFor="let portal of portals; let i=index;">
|
||||
<a [class.uk-active]="state == i" (click)="changeSlide(i)"><img
|
||||
[src]="'assets/common-assets/logo-large-' + portal.name + '.png'"></a>
|
||||
<div class="uk-padding-small">
|
||||
<div class="uk-grid uk-child-width-1-3 uk-child-width-1-5@m uk-flex uk-flex-middle services-list" uk-grid>
|
||||
<div *ngFor="let portal of portals; let i=index;">
|
||||
<a [class.uk-active]="state == i" (click)="changeSlide(i)"><img
|
||||
[src]="'assets/common-assets/logo-small-' + portal.name + '.png'"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-margin-large-bottom">
|
||||
<div>
|
||||
<div class="uk-container uk-container-large uk-section">
|
||||
<h2 class="uk-text-center">Who <span class="portal-color">Benefits</span></h2>
|
||||
<div class="uk-grid uk-grid-large uk-child-width-1-3@m uk-margin-large-top" uk-grid uk-height-match=".target">
|
||||
<div>
|
||||
<div class="uk-card uk-card-default uk-card-body">
|
||||
<div class="target">
|
||||
<h4 class="uk-text-center uk-margin-remove">Researchers</h4>
|
||||
<h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Intelligent and contextual discovery
|
||||
of research</h6>
|
||||
<div class="uk-padding-small">
|
||||
<h2 class="uk-text-center">Who <span class="portal-color">Benefits</span></h2>
|
||||
<div class="uk-grid uk-grid-large uk-child-width-1-3@m uk-margin-large-top" uk-grid uk-height-match=".target">
|
||||
<div>
|
||||
<div class="uk-card uk-card-default uk-card-body">
|
||||
<div class="target">
|
||||
<h4 class="uk-text-center uk-margin-remove">Researchers</h4>
|
||||
<h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Intelligent and contextual discovery
|
||||
of research</h6>
|
||||
</div>
|
||||
<hr>
|
||||
<ul class="uk-list target uk-text-small">
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Open Access versions
|
||||
</li>
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Navigation through publication, data and software
|
||||
</li>
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Discovery of data and software
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<hr>
|
||||
<ul class="uk-list target">
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Open Access versions
|
||||
</li>
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Lorem ipsum dolor sit amet
|
||||
</li>
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Lorem ipsum dolor sit amet
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="uk-card uk-card-default uk-card-body">
|
||||
<div class="target">
|
||||
<h4 class="uk-text-center uk-margin-remove">Service Providers</h4>
|
||||
<h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Lorem ipsum dolor sit amet</h6>
|
||||
<div>
|
||||
<div class="uk-card uk-card-default uk-card-body">
|
||||
<div class="target">
|
||||
<h4 class="uk-text-center uk-margin-remove">Service Providers</h4>
|
||||
<h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Contribute to and use the graph for new services</h6>
|
||||
</div>
|
||||
<hr>
|
||||
<ul class="uk-list target uk-text-small">
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Metadata and collections interoperable
|
||||
</li>
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Research Graph dump and APIs
|
||||
</li>
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
New services
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<hr>
|
||||
<ul class="uk-list target">
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Lorem ipsum dolor sit amet
|
||||
</li>
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Lorem ipsum dolor sit amet
|
||||
</li>
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Lorem ipsum dolor sit amet
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="uk-card uk-card-default uk-card-body">
|
||||
<div class="target">
|
||||
<h4 class="uk-text-center uk-margin-remove">Research managers & Policy makers</h4>
|
||||
<h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Used in metrics</h6>
|
||||
<div>
|
||||
<div class="uk-card uk-card-default uk-card-body">
|
||||
<div class="target">
|
||||
<h4 class="uk-text-center uk-margin-remove">Research managers & Policy makers</h4>
|
||||
<h6 class="uk-text-center uk-padding uk-margin-remove uk-text-light">Used in metrics</h6>
|
||||
</div>
|
||||
<hr>
|
||||
<ul class="uk-list target uk-text-small">
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Open Science trends
|
||||
</li>
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Compliance to funder mandates
|
||||
</li>
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Research Impact
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<hr>
|
||||
<ul class="uk-list target">
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Open Science trends
|
||||
</li>
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Compliance to funder mandates
|
||||
</li>
|
||||
<li>
|
||||
<div class="circle uk-light uk-preserve uk-background-secondary uk-margin-small-right uk-icon"
|
||||
uk-icon="check">
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="check">
|
||||
<polyline fill="none" stroke="#000" stroke-width="1.1" points="4,10 8,15 17,4"></polyline>
|
||||
</svg>
|
||||
</div>
|
||||
Research Impact
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-margin-large-bottom numbers">
|
||||
<div class="numbers">
|
||||
<div class="uk-section">
|
||||
<h2 class="uk-text-center">
|
||||
We believe in <span class="uk-text-bold">Numbers</span>
|
||||
</h2>
|
||||
<div class="uk-margin-large-top uk-container uk-margin-bottom uk-text-center">
|
||||
<div class="uk-grid uk-child-width-1-3@m">
|
||||
<div *ngIf="fundersSize">
|
||||
<h3 class="uk-text-secondary">
|
||||
<span class="uk-text-bold emphasis"> {{fundersSize.number|number}}</span>{{fundersSize.size}}
|
||||
</h3>
|
||||
<span class="uk-text-uppercase uk-text-large">Funders</span>
|
||||
</div>
|
||||
<div *ngIf="datasourcesSize">
|
||||
<h3 class="uk-text-secondary">
|
||||
<span class="uk-text-bold emphasis"> {{datasourcesSize.number|number}}</span>{{datasourcesSize.size}}
|
||||
</h3>
|
||||
<span class="uk-text-uppercase uk-text-large">Content providers</span>
|
||||
</div>
|
||||
<div *ngIf="projectsSize">
|
||||
<h3 class="uk-text-secondary">
|
||||
<span class="uk-text-bold emphasis"> {{projectsSize.number|number}}</span>{{projectsSize.size}}
|
||||
</h3>
|
||||
<span class="uk-text-uppercase uk-text-large">Projects</span>
|
||||
<div class="uk-padding-small">
|
||||
<h2 class="uk-text-center">
|
||||
We believe in <span class="uk-text-bold">Numbers</span>
|
||||
</h2>
|
||||
<div class="uk-margin-large-top uk-container uk-margin-bottom uk-text-center">
|
||||
<div class="uk-grid uk-child-width-1-3@m">
|
||||
<div *ngIf="fundersSize">
|
||||
<h3 class="uk-text-secondary">
|
||||
<span class="uk-text-bold emphasis"> {{fundersSize.number|number}}</span>{{fundersSize.size}}
|
||||
</h3>
|
||||
<span class="uk-text-uppercase uk-text-large">Funders</span>
|
||||
</div>
|
||||
<div *ngIf="datasourcesSize">
|
||||
<h3 class="uk-text-secondary">
|
||||
<span class="uk-text-bold emphasis"> {{datasourcesSize.number|number}}</span>{{datasourcesSize.size}}
|
||||
</h3>
|
||||
<span class="uk-text-uppercase uk-text-large">Content providers</span>
|
||||
</div>
|
||||
<div *ngIf="projectsSize">
|
||||
<h3 class="uk-text-secondary">
|
||||
<span class="uk-text-bold emphasis"> {{projectsSize.number|number}}</span>{{projectsSize.size}}
|
||||
</h3>
|
||||
<span class="uk-text-uppercase uk-text-large">Projects</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="numbers-background">
|
||||
<div class="uk-container uk-section">
|
||||
<div class="uk-grid uk-margin-auto-left uk-margin-auto-right uk-grid-large uk-child-width-1-2@m" uk-grid>
|
||||
<div *ngIf="publicationsSize || softwareSize || datasetsSize"
|
||||
class="uk-margin-medium-bottom uk-flex uk-flex-center">
|
||||
<div>
|
||||
<div *ngIf="publicationsSize">
|
||||
<div class="emphasis uk-margin-bottom">{{publicationsSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<div class="numbers-background">
|
||||
<div class="uk-container uk-section">
|
||||
<div class="uk-grid uk-margin-auto-left uk-margin-auto-right uk-grid-large uk-child-width-1-2@m" uk-grid>
|
||||
<div *ngIf="publicationsSize || softwareSize || datasetsSize"
|
||||
class="uk-margin-medium-bottom uk-flex uk-flex-center">
|
||||
<div>
|
||||
<div *ngIf="publicationsSize">
|
||||
<div class="emphasis uk-margin-bottom">{{publicationsSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<span class="uk-text-secondary">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="22.106" height="30" viewBox="0 0 22.106 30">
|
||||
<path id="book"
|
||||
|
|
@ -319,12 +328,12 @@
|
|||
transform="translate(-4.799 -0.8)" fill="#000000"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="uk-margin-small-left">publications</span>
|
||||
<span class="uk-margin-small-left">publications</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="softwareSize" class="uk-visible@m">
|
||||
<div class="emphasis uk-margin-medium-top uk-margin-bottom">{{softwareSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<div *ngIf="softwareSize" class="uk-visible@m">
|
||||
<div class="emphasis uk-margin-medium-top uk-margin-bottom">{{softwareSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<span class="uk-text-secondary">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30.001" height="30" viewBox="0 0 30.001 30">
|
||||
<path id="cog"
|
||||
|
|
@ -332,12 +341,12 @@
|
|||
transform="translate(-2.559 -2.559)" fill="#0000000"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="uk-margin-small-left">software</span>
|
||||
<span class="uk-margin-small-left">software</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="datasetsSize" class="uk-hidden@m">
|
||||
<div class="emphasis uk-margin-medium-top uk-margin-bottom">{{datasetsSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<div *ngIf="datasetsSize" class="uk-hidden@m">
|
||||
<div class="emphasis uk-margin-medium-top uk-margin-bottom">{{datasetsSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<span class="uk-text-secondary">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="23.864" height="30" viewBox="0 0 23.864 30">
|
||||
<path id="database"
|
||||
|
|
@ -345,17 +354,17 @@
|
|||
transform="translate(-4.8 -1.6)" fill="#000000"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="uk-margin-small-left">research data</span>
|
||||
<span class="uk-margin-small-left">research data</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="softwareSize || datasetsSize || otherSize"
|
||||
class="uk-margin-medium-bottom uk-flex uk-flex-center">
|
||||
<div>
|
||||
<div *ngIf="softwareSize" class="uk-hidden@m">
|
||||
<div class="emphasis uk-margin-bottom">{{softwareSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<div *ngIf="softwareSize || datasetsSize || otherSize"
|
||||
class="uk-margin-medium-bottom uk-flex uk-flex-center">
|
||||
<div>
|
||||
<div *ngIf="softwareSize" class="uk-hidden@m">
|
||||
<div class="emphasis uk-margin-bottom">{{softwareSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<span class="uk-text-secondary">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30.001" height="30" viewBox="0 0 30.001 30">
|
||||
<path id="cog"
|
||||
|
|
@ -363,12 +372,12 @@
|
|||
transform="translate(-2.559 -2.559)" fill="#0000000"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="uk-margin-small-left">software</span>
|
||||
<span class="uk-margin-small-left">software</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="datasetsSize" class="uk-visible@m">
|
||||
<div class="emphasis uk-margin-bottom">{{datasetsSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<div *ngIf="datasetsSize" class="uk-visible@m">
|
||||
<div class="emphasis uk-margin-bottom">{{datasetsSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<span class="uk-text-secondary">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="23.864" height="30" viewBox="0 0 23.864 30">
|
||||
<path id="database"
|
||||
|
|
@ -376,12 +385,12 @@
|
|||
transform="translate(-4.8 -1.6)" fill="#000000"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="uk-margin-small-left">research data</span>
|
||||
<span class="uk-margin-small-left">research data</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="otherSize">
|
||||
<div class="emphasis uk-margin-medium-top uk-margin-bottom">{{otherSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<div *ngIf="otherSize">
|
||||
<div class="emphasis uk-margin-medium-top uk-margin-bottom">{{otherSize.count|number}} </div>
|
||||
<div class="uk-text-uppercase uk-flex uk-flex-middle">
|
||||
<span class="uk-text-secondary">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
|
||||
<path id="earth"
|
||||
|
|
@ -389,7 +398,8 @@
|
|||
fill="#000000"/>
|
||||
</svg>
|
||||
</span>
|
||||
<span class="uk-margin-small-left">other research products</span>
|
||||
<span class="uk-margin-small-left">other research products</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -399,23 +409,25 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-margin-large-bottom">
|
||||
<div>
|
||||
<div class="uk-section uk-container">
|
||||
<h3 class="uk-text-center">Synergies</h3>
|
||||
<div class="uk-padding-large">
|
||||
<div class="uk-flex uk-flex-middle uk-grid uk-grid-large uk-child-width-1-4@m uk-child-width-1-2"
|
||||
uk-grid>
|
||||
<div>
|
||||
<img src="assets/graph-assets/home/synergies/microsoft.png">
|
||||
</div>
|
||||
<div>
|
||||
<img src="assets/graph-assets/home/synergies/unpaywall.png">
|
||||
</div>
|
||||
<div>
|
||||
<img src="assets/graph-assets/home/synergies/orcid.png">
|
||||
</div>
|
||||
<div>
|
||||
<img src="assets/graph-assets/home/synergies/rda.png">
|
||||
<div class="uk-padding-small">
|
||||
<h3 class="uk-text-center">Synergies</h3>
|
||||
<div class="uk-padding-large">
|
||||
<div class="uk-flex uk-flex-middle uk-grid uk-grid-large uk-child-width-1-4@m uk-child-width-1-2"
|
||||
uk-grid>
|
||||
<div>
|
||||
<img src="assets/graph-assets/home/synergies/microsoft.png">
|
||||
</div>
|
||||
<div>
|
||||
<img src="assets/graph-assets/home/synergies/unpaywall.png">
|
||||
</div>
|
||||
<div>
|
||||
<img src="assets/graph-assets/home/synergies/orcid.png">
|
||||
</div>
|
||||
<div>
|
||||
<img src="assets/graph-assets/home/synergies/rda.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,50 +1,52 @@
|
|||
<div class="uk-margin-large-bottom uk-section">
|
||||
<div class="uk-section">
|
||||
<div class="uk-margin-large-left uk-margin-medium-bottom">
|
||||
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
|
||||
</div>
|
||||
<div class="uk-container uk-container-large">
|
||||
<h2 class="uk-text-center">Resources</h2>
|
||||
<div class="uk-margin-large-top uk-card uk-card-default uk-padding-large">
|
||||
<h3 class="uk-text-center">Start building with <span class="uk-text-bold">OpenAIRE APIs</span></h3>
|
||||
<div class="uk-grid uk-child-width-1-2@m uk-margin-large-top">
|
||||
<div>
|
||||
<p>Not sure where to start? Let us give you some guides and reference documentation.</p>
|
||||
<ul class="portal-circle">
|
||||
<li>
|
||||
How to access the Graph (SLA and Terms of Use)<br>
|
||||
<a href="http://develop.openaire.eu/" target="_blank">http://develop.openaire.eu/</a>
|
||||
</li>
|
||||
<li>
|
||||
Metadata (APIs and dumps)<br>
|
||||
<a href="http://develop.openaire.eu/graph-dumps.html" target="_blank">http://develop.openaire.eu/graph-dumps.html</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="uk-padding-small">
|
||||
<h2 class="uk-text-center">Resources</h2>
|
||||
<div class="uk-margin-large-top uk-card uk-card-default uk-padding-large">
|
||||
<h3 class="uk-text-center">Start building with <span class="uk-text-bold">OpenAIRE APIs</span></h3>
|
||||
<div class="uk-grid uk-child-width-1-2@m uk-margin-large-top">
|
||||
<div>
|
||||
<p>Not sure where to start? Let us give you some guides and reference documentation.</p>
|
||||
<ul class="portal-circle">
|
||||
<li>
|
||||
How to access the Graph (SLA and Terms of Use)<br>
|
||||
<a href="http://develop.openaire.eu/" target="_blank">http://develop.openaire.eu/</a>
|
||||
</li>
|
||||
<li>
|
||||
Metadata (APIs and dumps)<br>
|
||||
<a href="http://develop.openaire.eu/graph-dumps.html" target="_blank">http://develop.openaire.eu/graph-dumps.html</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-center uk-padding">
|
||||
<img src="assets/graph-assets/resources/1.svg" class="uk-width-3-5">
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-flex uk-flex-center uk-padding">
|
||||
<img src="assets/graph-assets/resources/1.svg" class="uk-width-3-5">
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-grid uk-child-width-1-2@m uk-margin-large-top uk-flex uk-flex-bottom">
|
||||
<div>
|
||||
<h6 class="uk-text-normal"><span class="uk-text-bold">Quality of Service:</span> all API services are
|
||||
running in production 24/7 within the OpenAIRE infrastructure
|
||||
premises deployed at the data center facilities of the Interdisciplinary Centre for Mathematical and
|
||||
Computational Modelling (ICM).
|
||||
</h6>
|
||||
<h6 class="uk-text-normal"><span class="uk-text-bold">OpenAIRE Research Graphlicense is CC-BY:</span>
|
||||
the records returned by the service can be freely re-used by commercial and
|
||||
non-commercial partners under CC-BY license, hence as long as OpenAIRE is acknowledged as a content
|
||||
provider.
|
||||
</h6>
|
||||
</div>
|
||||
<div class="uk-padding-large uk-padding-remove-bottom">
|
||||
<div class="panel">
|
||||
<div class="uk-margin-small-bottom">OpenAIRE HTTP API: the <span class="portal-color">APIs</span> are
|
||||
<span class="portal-color">free-to-use</span>
|
||||
(no sign-up needed) by any third-party service.
|
||||
</div>
|
||||
<div><span class="portal-color">Note that:</span> The HTTP API limits each query to 10,000 paged results;
|
||||
for unlimited access to the APIs please <a class="uk-link" routerLink="/support">contact us</a>.
|
||||
<div class="uk-grid uk-child-width-1-2@m uk-margin-large-top uk-flex uk-flex-bottom">
|
||||
<div>
|
||||
<h6 class="uk-text-normal"><span class="uk-text-bold">Quality of Service:</span> all API services are
|
||||
running in production 24/7 within the OpenAIRE infrastructure
|
||||
premises deployed at the data center facilities of the Interdisciplinary Centre for Mathematical and
|
||||
Computational Modelling (ICM).
|
||||
</h6>
|
||||
<h6 class="uk-text-normal"><span class="uk-text-bold">OpenAIRE Research Graphlicense is CC-BY:</span>
|
||||
the records returned by the service can be freely re-used by commercial and
|
||||
non-commercial partners under CC-BY license, hence as long as OpenAIRE is acknowledged as a content
|
||||
provider.
|
||||
</h6>
|
||||
</div>
|
||||
<div class="uk-padding-large uk-padding-remove-bottom">
|
||||
<div class="panel">
|
||||
<div class="uk-margin-small-bottom">OpenAIRE HTTP API: the <span class="portal-color">APIs</span> are
|
||||
<span class="portal-color">free-to-use</span>
|
||||
(no sign-up needed) by any third-party service.
|
||||
</div>
|
||||
<div><span class="portal-color">Note that:</span> The HTTP API limits each query to 10,000 paged results;
|
||||
for unlimited access to the APIs please <a class="uk-link" routerLink="/support">contact us</a>.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -52,23 +54,25 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="schema" class="uk-margin-large-bottom">
|
||||
<div id="schema">
|
||||
<div class="uk-section uk-container uk-container-large">
|
||||
<h3 class="uk-text-center">Metadata Schema</h3>
|
||||
<div class="uk-margin-large-top uk-grid uk-grid-large uk-child-width-1-2@m">
|
||||
<div>
|
||||
<img src="assets/graph-assets/resources/2.svg">
|
||||
</div>
|
||||
<div class="uk-margin-xlarge-top">
|
||||
<h6 class="uk-text-normal">
|
||||
The latest versions of the XML schema and documentation are also available at the following permanent links:
|
||||
</h6>
|
||||
<ul class="portal-circle small">
|
||||
<li><span class="uk-text-bold">XSD: </span><a href="https://www.openaire.eu/schema/latest/oaf.xsd">https://www.openaire.eu/schema/latest/oaf.xsd</a>
|
||||
</li>
|
||||
<li><span class="uk-text-bold">HTML: </span><a href="https://www.openaire.eu/schema/latest/doc/oaf.html">
|
||||
https://www.openaire.eu/schema/latest/doc/oaf.html</a></li>
|
||||
</ul>
|
||||
<div class="uk-padding-small">
|
||||
<h3 class="uk-text-center">Metadata Schema</h3>
|
||||
<div class="uk-margin-large-top uk-grid uk-grid-large uk-child-width-1-2@m">
|
||||
<div>
|
||||
<img src="assets/graph-assets/resources/2.svg">
|
||||
</div>
|
||||
<div class="uk-margin-xlarge-top">
|
||||
<h6 class="uk-text-normal">
|
||||
The latest versions of the XML schema and documentation are also available at the following permanent links:
|
||||
</h6>
|
||||
<ul class="portal-circle small">
|
||||
<li><span class="uk-text-bold">XSD: </span><a href="https://www.openaire.eu/schema/latest/oaf.xsd">https://www.openaire.eu/schema/latest/oaf.xsd</a>
|
||||
</li>
|
||||
<li><span class="uk-text-bold">HTML: </span><a href="https://www.openaire.eu/schema/latest/doc/oaf.html">
|
||||
https://www.openaire.eu/schema/latest/doc/oaf.html</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 406 KiB After Width: | Height: | Size: 413 KiB |
|
|
@ -3,8 +3,8 @@ import {EnvProperties} from '../app/openaireLibrary/utils/properties/env-propert
|
|||
export let properties: EnvProperties = {
|
||||
environment: "beta",
|
||||
searchAPIURLLAst: "https://beta.services.openaire.eu/search/v2/api/",
|
||||
helpdesk: "https://www.openaire.eu/support/helpdesk",
|
||||
helpdeskEmail: "helpdesk@openaire.eu",
|
||||
adminToolsAPIURL: "https://beta.services.openaire.eu/uoa-admin-tools/",
|
||||
admins: ["graph@openaire.eu"],
|
||||
cookieDomain: ".openaire.eu",
|
||||
reCaptchaSiteKey: "6LezhVIUAAAAAOb4nHDd87sckLhMXFDcHuKyS76P",
|
||||
};
|
||||
|
|
|
|||
|
|
@ -3,8 +3,8 @@ import {EnvProperties} from '../app/openaireLibrary/utils/properties/env-propert
|
|||
export let properties: EnvProperties = {
|
||||
environment: "production",
|
||||
searchAPIURLLAst: "https://services.openaire.eu/search/v2/api/",
|
||||
helpdesk: "https://www.openaire.eu/support/helpdesk",
|
||||
helpdeskEmail: "helpdesk@openaire.eu",
|
||||
adminToolsAPIURL:"https://services.openaire.eu/uoa-admin-tools/",
|
||||
admins: ["graph@openaire.eu"],
|
||||
cookieDomain: ".openaire.eu",
|
||||
reCaptchaSiteKey: "6LezhVIUAAAAAOb4nHDd87sckLhMXFDcHuKyS76P",
|
||||
};
|
||||
|
|
|
|||
|
|
@ -8,8 +8,8 @@ import {EnvProperties} from "../app/openaireLibrary/utils/properties/env-propert
|
|||
export let properties: EnvProperties = {
|
||||
environment: "development",
|
||||
searchAPIURLLAst: "https://beta.services.openaire.eu/search/v2/api/",
|
||||
helpdesk: "https://www.openaire.eu/support/helpdesk",
|
||||
helpdeskEmail: "helpdesk@openaire.eu",
|
||||
adminToolsAPIURL: 'http://duffy.di.uoa.gr:8080/uoa-admin-tools/',
|
||||
admins: ["kostis30fylloy@gmail.com"],
|
||||
cookieDomain: ".di.uoa.gr",
|
||||
reCaptchaSiteKey: "6LcVtFIUAAAAAB2ac6xYivHxYXKoUvYRPi-6_rLu",
|
||||
};
|
||||
|
|
|
|||
Loading…
Reference in New Issue