explore-services/explore/src/app/home/home.component.html

731 lines
39 KiB
HTML
Raw Normal View History

<ng-template #_logos let-logo="logo" let-class="class">
<div *ngIf="logo" [class]="'uk-flex uk-flex-middle uk-flex-center uk-padding-remove-horizontal '+class">
<div class="">
<img src="assets/ExploreLogos/{{logo}}" alt="{{logo}} logo">
</div>
</div>
</ng-template>
<div class="image-front-topbar uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color"
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}"
tm-header-transparent="light" tm-header-transparent-placeholder="">
<div style=" min-height: calc(7.89999px + 60vh);"
class=" mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-fixed uk-section uk-padding-remove-bottom">
<!-- uk-height-viewport="offset-top: true;offset-bottom: 20"> -->
<div class="uk-position-cover" style="/*background-color: rgba(70, 68, 68, 0.24);*/"></div>
<div class="uk-position-relative uk-panel">
<div class="uk-container uk-margin-medium">
<div class="tm-header-placeholder uk-margin-medium" style="height: 84px;"></div>
<div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column">
<div data-id="page#4">
<search-form placeholderText="Search in OpenAIRE for scholarly works" link="/search/find"></search-form>
</div>
</div>
</div>
</div>
<div class="uk-container uk-container-large uk-margin-medium explore-numbers">
<div class="search_box_bg uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column">
<!-- <div id="page#7"-->
<!-- class="firstPageNumbers uk-margin uk-margin-remove-bottom uk-width-xlarge uk-margin-auto uk-animation-fade"-->
<!-- uk-scrollspy-class="" style="">-->
<!-- <div class="uk-margin-bottom">-->
<!-- <span *ngIf="showPublications && publicationsSize">-->
<!-- <span class="uk-h2">{{publicationsSize.number|number}}{{publicationsSize.size}}</span>-->
<!-- <span class="uk-text-large"> {{((showDatasets || showSoftware || showOrp) ? " publications, "-->
<!-- :" publications ")}}</span>-->
<!-- </span>-->
<!-- <span *ngIf="showDatasets && datasetsSize">-->
<!-- <span class="uk-h2">{{datasetsSize.number|number}}{{datasetsSize.size}}</span>-->
<!-- <span-->
<!-- class="uk-text-large">{{((showSoftware || showOrp) ? " research data, " :" research data ")}}</span>-->
<!-- </span>-->
<!-- <span *ngIf="showOrp && otherSize">-->
<!-- <span class="uk-h2">{{otherSize.number|number}}{{otherSize.size}}</span>-->
<!-- <span class="uk-text-large"> {{((showSoftware) ? " other research products, " :" other research products ")}}</span>-->
<!-- </span>-->
<!-- <span *ngIf="showSoftware && softwareSize">-->
<!-- <span class="uk-h2">{{softwareSize.number|number}}{{softwareSize.size}}</span>-->
<!-- <span class="uk-text-large"> software </span>-->
<!-- </span>-->
<!-- <br>-->
<!-- <span *ngIf="showDataProviders && datasourcesSize">-->
<!-- <span class="uk-text-large"> from </span>-->
<!-- <span class="uk-h2">{{datasourcesSize.number|number}}{{datasourcesSize.size}}</span>-->
<!-- <span class="uk-text-large"> content providers </span>-->
<!-- </span>-->
<!-- <span *ngIf="showProjects && fundersSize">-->
<!-- <span class="uk-text-large"> {{((showDataProviders && datasourcesSize) ? " and " : " from ")}} </span>-->
<!-- <span class="uk-h2">{{fundersSize.number|number}}{{fundersSize.size}} </span>-->
<!-- <span class="uk-text-large"> funders </span>-->
<!-- </span>-->
<!-- <span *ngIf="showPublications || showDatasets || showOrp || showSoftware || showProjects ||-->
<!-- showDataProviders"-->
<!-- class="uk-text-large"> linked together for an integrated discovery of research outcomes </span>-->
<!-- </div>-->
<!-- </div>-->
<div class="uk-grid uk-margin uk-margin-remove-bottom uk-width-xxlarge uk-margin-auto">
<div class="uk-width-expand uk-padding-remove">
<div uk-slider="autoplay: true; autoplay-interval: 2500" class="uk-margin-top">
<div class="uk-position-relative">
<div class="uk-slider-container">
<ul class="uk-slider-items" uk-height-match="target: > li > div > div > .logo1; row: false;">
<ng-container *ngFor="let type of getKeys(logos)">
<li *ngFor="let range of createRange(logos[type].length) let j=index" class="uk-width-1-1 home-logo">
<div class="uk-text-center uk-margin-bottom portal-color uk-h2">
<span *ngIf="type=='publication' && showPublications && publicationsSize">
<span class="uk-text-bold">{{publicationsSize.number|number}}{{publicationsSize.size}}
publications</span><span> deduplicated</span>
</span>
<span *ngIf="type=='dataset' && showDatasets && datasetsSize">
<span class="uk-text-bold">{{datasetsSize.number|number}}{{datasetsSize.size}}
datasets</span><span> interlinked with publications</span>
</span>
<span *ngIf="type=='software' && showSoftware && softwareSize">
<span class="uk-text-bold">{{softwareSize.number|number}}{{softwareSize.size}} research software</span><span> interlinked with publications</span>
</span>
<!-- <span *ngIf="type=='other' && showOrp && otherSize">-->
<!-- <span class="uk-h2">{{otherSize.number|number}}{{otherSize.size}}</span>-->
<!-- <span class="uk-text-large"> other research products interlinked with publications</span>-->
<!-- </span>-->
<span *ngIf="type=='persistent'">
<span>Persistent identifiers and registries</span>
</span>
<span *ngIf="type=='funder' && showProjects && fundersSize">
<span class="uk-text-bold">{{fundersSize.number|number}}{{fundersSize.size}}
funders</span><span> and</span>
<span class="uk-text-bold"> {{projectsSize.number|number}}{{projectsSize.size}} funded grants</span>
</span>
</div>
<div class="uk-grid-small uk-child-width-1-6 uk-text-center grid uk-flex uk-flex-center"
uk-grid uk-height-match="target: > div > .logo2; row: false;">
<div
*ngFor="let logo of logos[type][j].slice(0,ceil(logos[type][j].length/2)); let i=index">
<ng-container
*ngTemplateOutlet="_logos; context: { logo: logo, class: 'logo1 '}"></ng-container>
<ng-container
*ngTemplateOutlet="_logos; context: { logo: logos[type][j][ceil(logos[type][j].length/2)+i], class: 'uk-margin-top logo2 '}"></ng-container>
</div>
</div>
</li>
</ng-container>
</ul>
</div>
<div class="uk-hidden@s">
<a class="uk-position-center-left uk-position-small" href="#" uk-slidenav-previous
uk-slider-item="previous"></a>
<a class="uk-position-center-right uk-position-small" href="#" uk-slidenav-next
uk-slider-item="next"></a>
</div>
<div class="uk-visible@s">
<a class="uk-position-center-left-out uk-position-small" href="#" uk-slidenav-previous
uk-slider-item="previous"></a>
<a class="uk-position-center-right-out uk-position-small" href="#" uk-slidenav-next
uk-slider-item="next"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<schema2jsonld [URL]="properties.baseLink"
[logoURL]="properties.baseLink+'/assets/common-assets/logo-small-explore.png'" type="home"
name="OpenAIRE Explore"></schema2jsonld>
<ng-template [ngIf]="properties.environment !== 'production'">
<div class="uk-text-right uk-padding-small uk-padding-remove-vertical">
<a class="uk-button trello-button uk-button-large"
href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"
target="_blank"
(mouseenter)="trelloImg = 'trello-2.svg'"
(mouseleave)="trelloImg = 'trello.svg'">
<img [src]="'assets/' + trelloImg">
<span class="uk-margin-left">Give us <b>feedback</b></span>
</a>
</div>
<div class="uk-section uk-section-small graph-background uk-margin-top">
<div class="uk-container uk-container-large uk-margin-medium-top">
<div class="uk-flex uk-flex-top uk-child-width-1-1@s uk-child-width-1-2@m" uk-grid>
<div>
<img src="assets/explore-banner.png">
</div>
<div>
<div class="uk-h2" style="color: white !important;">
Extracted <b>Metadata Combined.</b>
</div>
<div [class.lines-10]="!readMore" class="uk-margin-bottom multi-line-ellipsis">
The OpenAIRE Research 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 or science back in
the hands of the scientific
community.
<br><br>
Imagine a vast collection of research products all linked together, contextualised and openly available.
For
the past ten years OpenAIRE
has been working to gather this valuable record. OpenAIRE is pleased to announce the beta release of its
Research Graph, a massive
collection of metadata and links between scientific products such as articles, datasets, software, and
other
research products, entities like
organisations, funders, funding streams, projects, communities, and data sources.
<br><br>
As of today, the OpenAIRE Research Graph aggregates around 450Mi metadata records with links collecting
from
10,000 data sources
trusted by scientists! After cleaning, deduplication, and fine-grained classification processes, they
narrow
down to ~100Mi publications,
~8Mi datasets, ~200K software research products, 8Mi other products linked together with semantic
relations.
<br><br>
More than 10Mi full-texts of Open Access publications are mined by algorithms to enrich metadata records
with additional properties and
links among research products, funders, projects, communities, and organizations. Thanks to the mining
algorithm, the graph is completed
with 480Mi semantic relations.
</div>
<div *ngIf="!readMore" class="uk-text-center clickable" (click)="readMore = true">
<a class="custom-explore-toggle">Read more<span uk-icon="chevron-down"></span></a>
</div>
<div *ngIf="readMore" class="uk-text-center clickable" (click)="readMore = false">
<a class="custom-explore-toggle">Read less<span uk-icon="chevron-up"></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="graph-background-bottom uk-background-norepeat uk-background-top-center uk-height-small"></div>
<div class="uk-section uk-section-small">
<div class="uk-container uk-container-large">
<div class="uk-flex uk-flex-middle uk-child-width-1-1@s uk-child-width-1-2@m" uk-grid>
<div>
<div class="uk-text-secondary uk-h2 uk-margin-bottom">
<b>Contribute</b> to improve the<br><b>OpenAIRE Research Graph</b>
</div>
<p>
You can explore and test the beta release of the OpenAIRE Research Graph via the OpenAIRE BETA Explore
portal or via data dumps made
available via <a href="https://zenodo.org" target="_blank">Zenodo.org</a>. Feedback on the graph is welcome
until the end of November 2019.
</p>
<p>
Find the complete information about the OpenAIRE Research Graph, how to test it and contribute to improving
it on our
<a href="https://www.openaire.eu/blogs/preview/1046-2027-the-openaire-research-graph"
target="_blank">blog</a>.
</p>
<p>
You can also write to <a href="mailto:paolo.manghi@isti.cnr.it">Paolo Manghi</a>, the OpenAIRE Technical
Director, for additional details.
</p>
<div class="uk-flex uk-flex-middle uk-grid uk-child-width-1-2@s">
<a class="uk-margin-top" href="https://www.openaire.eu/blogs/preview/1046-2027-the-openaire-research-graph"
target="_blank">
<u>Instructions on providing feedback</u>
</a>
<div class="uk-margin-top uk-text-right uk-visible@l">
<a class="uk-button trello-button uk-button-large"
href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"
target="_blank"
(mouseenter)="trelloImg2 = 'trello-2.svg'"
(mouseleave)="trelloImg2 = 'trello.svg'">
<img [src]="'assets/' + trelloImg2">
<span class="uk-margin-left uk-margin-small-right">Go to <b>Trello</b></span>
<span uk-icon="arrow-right"></span>
</a>
</div>
<div class="uk-margin-top uk-text-right uk-hidden@m">
<a class="uk-button trello-button uk-button-large"
href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"
target="_blank"
(mouseenter)="trelloImg = 'trello-2.svg'"
(mouseleave)="trelloImg = 'trello.svg'">
<img [src]="'assets/' + trelloImg">
<span class="uk-margin-left uk-margin-small-right">Go to <b>Trello</b></span>
<span uk-icon="arrow-right"></span>
</a>
</div>
<div class="uk-margin-top uk-text-right uk-visible@m uk-hidden@l">
<a class="uk-button trello-button uk-button-large"
href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"
target="_blank"
(mouseenter)="trelloImg = 'trello-2.svg'"
(mouseleave)="trelloImg = 'trello.svg'">
<img [src]="'assets/' + trelloImg" class="uk-margin-right">
<span uk-icon="arrow-right"></span>
</a>
</div>
</div>
</div>
<div>
<img src="assets/trello-sc.png">
</div>
</div>
</div>
</div>
</ng-template>
<div class=" uk-section">
<div class="uk-container uk-container-small">
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column">
<div id="page#8"
class="uk-margin uk-text-center uk-child-width-1-1 uk-grid-match uk-child-width-1-1@s uk-child-width-1-3@m uk-child-width-1-3@l uk-grid-large uk-grid"
uk-grid="">
<div class="uk-first-column">
<div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">
<a routerLinkActive="uk-link" routerLink="/search/find"
class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>
<img class="" width="80" height="80" src="assets/explore.svg" alt="Explore">
<h3 class="el-title uk-margin uk-h3">
Explore
</h3>
<div class="el-content uk-margin uk-text-lead">Discover linked open research</div>
<div class=" uk-margin-small-top">Search for
publications, datasets, software and other research products. See how these
are linked together and how they are linked to funding and
organizations.
<br>
View statistics on projects and institutions.
</div>
</div>
</div>
<div class="">
<div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">
<a routerLinkActive="uk-link" routerLink="/participate/deposit-publications"
class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>
<img class="" width="70" height="70" src="assets/share.svg" alt="Share">
<h3 class="el-title uk-margin uk-h3">
Share
</h3>
<div class="el-content uk-margin uk-text-lead">Deposit in a repository of your choice</div>
<div class=" uk-margin-small-top">
Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding
information.
<br>
Use <a href="http://www.zenodo.org/" target="_blank" rel="noopener">ZENODO</a>,
a catch-all repository hosted by CERN to deposit all your research results (publications, data,
software, etc.)
</div>
</div>
</div>
<div class="">
<div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">
<img class="" width="60" height="70" src="assets/link.svg" alt="Link">
<a routerLinkActive="uk-link" routerLink="/participate/claim" routerLink="/participate/claim"
class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>
<h3 class="el-title uk-margin uk-h3">
Link
</h3>
<div class="el-content uk-margin uk-text-lead">Connect all your research</div>
<div class=" uk-margin-small-top">
If you can't find your research results in OpenAIRE, don't worry!
<br>
Use our <strong>LINK OUT service</strong>,
that reaches out to many external sources via APIs, to connect your research results and
<em>claim</em> them to your project.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-section-muted uk-section uk-section-small">
<div class="uk-container uk-container-large">
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column">
<div class="uk-margin uk-child-width-1-1 uk-grid-match uk-child-width-1-1@s uk-child-width-1-2@m
uk-child-width-1-2@l uk-grid-large uk-grid uk-grid-divider ask-explore" uk-grid="">
<div class="uk-first-column uk-text-center">
<div class="el-item uk-card uk-card-small uk-card-body">
<img src="assets/ask-explore.svg" class="el-image" alt="" uk-svg="" hidden="true">
<h3 class="el-title uk-margin uk-h3">Have more questions?</h3>
</div>
</div>
<div class="questions">
<div class="el-item uk-card uk-card-small uk-card-body">
<ul class="uk-list uk-list-divider">
<li><a href="https://www.openaire.eu/os-primers">Learn about open science policies and how to align</a>
</li>
<li><a
href="https://www.openaire.eu/rdm-handbook">Learn more on how to manage your data in the open science
era</a>
</li>
<li><a href="https://www.openaire.eu/guides">Find out how to use OpenAIRE to best serve your needs</a>
</li>
<li><a
href="https://www.openaire.eu/webinars/">View our training material on a variety of related topics</a>
</li>
<li><a href="https://www.openaire.eu/contact-us/">Contact us</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-section-default uk-section">
<div class="uk-container">
<div class="uk-grid-medium uk-margin-medium uk-grid" uk-grid="">
<div class="uk-width-2-3@m uk-first-column">
<div class="uk-margin-medium-top uk-panel">
<h3 class="el-title uk-margin uk-h3">
Our community
</h3>
<hr class="uk-divider-small uk-text-left provide">
<div class="uk-grid uk-margin-medium-top">
<div class="uk-width-expand@m">
<p *ngIf="showPublications && publicationsSize" class="uk-margin-medium-bottom">
<span class="emphasis portal-color">{{publicationsSize.count|number}} </span><br><span
class="uk-text-uppercase"> publications</span>
</p>
<p *ngIf="showOrp && otherSize" class="uk-margin-medium-bottom">
<span class="emphasis portal-color">{{otherSize.count|number}} </span><br><span
class="uk-text-uppercase"> other research products</span>
</p>
</div>
<div class="uk-width-expand@m">
<p *ngIf="showDatasets && datasetsSize" class="uk-margin-medium-bottom">
<span class="emphasis portal-color">{{datasetsSize.count|number}} </span><br><span
class="uk-text-uppercase"> research data</span>
</p>
<p *ngIf="showSoftware && softwareSize" class="uk-margin-medium-bottom">
<span class="emphasis portal-color">{{softwareSize.count|number}} </span><br><span
class="uk-text-uppercase"> software</span>
</p>
</div>
</div>
<div class="uk-margin-top">
<div class="uk-grid uk-child-width-1-3@m">
<p *ngIf="showDataProviders && datasourcesSize" class="uk-margin-medium-bottom">
<span class=" emphasis "> {{datasourcesSize.number |number}} {{datasourcesSize.size}}</span><br>
<span class="uk-text-uppercase">content providers</span>
</p>
<p *ngIf="showProjects && fundersSize">
<span class=" emphasis ">{{fundersSize.number|number}} {{fundersSize.size}}</span><br>
<span class="uk-text-uppercase">Funders</span>
</p>
<p *ngIf="showProjects && projectsSize">
<span class=" emphasis ">{{projectsSize.count|number}} </span><br>
<span class="uk-text-uppercase">Projects</span>
</p>
</div>
<!-- <div class="uk-grid uk-child-width-1-2@m uk-margin-small-top">
<p *ngIf="showProjects && projectsSize">
<span class=" emphasis ">{{projectsSize.count|number}} </span><br>
<span class="uk-text-uppercase">Projects</span>
</p>
</div> -->
</div>
</div>
</div>
<div class="uk-width-expand@m">
<div class="uk-card uk-card-body uk-card-explore">
<h3 class="uk-margin-remove-top uk-h3">
<span class="">Our data policies</span>
</h3>
<hr class="uk-divider-small uk-text-left">
<ul class="uk-margin-small uk-list uk-list-large uk-margin-medium-bottom">
<li class="el-item uk-margin-medium-bottom">
<h5 class="el-title uk-h5">Data acquisition</h5>
<div class="el-content">
<span>How we retrieve data, how often, what processes it goes through (aggregating cleaning, transforming, inferring, de-duplicating), what are the quality checks&nbsp;along all&nbsp; data processing stages.</span>
</div>
</li>
<li class="el-item">
<h5 class="el-title uk-h5">Data usage</h5>
<div class="el-content">
<span>Who is able to retrieve our data, what are the licences, what about specific SLAs.</span>
</div>
</li>
</ul>
<div class="uk-margin uk-margin-remove-bottom uk-text-left">
<h6 class="uk-h6">
<a class="el-content uk-link-text" href="https://www.openaire.eu/data-aquisition-policy" target="_blank">
Learn more
</a>
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="uk-section-default uk-section">
<div class="uk-container">
<div class="uk-grid-small uk-margin-medium uk-grid" uk-grid=""> -->
<!--div class="uk-width-expand@m uk-first-column">
<h5 class="searchFilterTitle">
<span>New content providers</span>
</h5>
<div class="uk-margin-remove-vertical uk-grid-match uk-child-width-1-1 uk-child-width-1-1@m uk-child-width-1-1@l uk-child-width-1-1@xl uk-grid-small uk-grid-divider uk-grid uk-grid-stack" uk-grid=""-->
<!-- <errorMessages [status]="[fetchDataproviders.searchUtils.status]" [type]="'content providers'"></errorMessages>
<div *ngIf="fetchDataproviders.searchUtils.totalResults > 0">
<ul [class]="'uk-list uk-list-divider uk-margin '+custom_class">
<li *ngFor="let result of fetchDataproviders.results" class="uk-animation-fade">
<h4 [title] = result.title.accessMode >
<a [queryParams]="routerHelper.createQueryParam(urlParam,result.id)" routerLinkActive="router-link-active" routerLink="/search/{{type}}">
<p *ngIf="result['title'].name || result.acronym"><span *ngIf="result.acronym">{{result.acronym}}</span><span *ngIf="result.acronym && result['title'].name">-</span><span *ngIf="result['title'].name" [innerHTML]="result['title'].name"></span><span *ngIf="result.code">({{result.code}})</span></p>
<p *ngIf="!result['title'].name && !result.acronym">[no title available]<span *ngIf="result.code">({{result.code}})</span></p>
</a>
</h4>
<span *ngIf="result.types && result.types.length > 0" [class]="'uk-label custom-label label-blue label-'+result.entityType" title="Type">{{result.types.join(", ")}}</span>
<span *ngIf="result.languages && result.languages.length > 0" class="uk-label custom-label label-language " title="Language">{{result.languages.join(", ")}}</span>
<span *ngIf="result.title && result.title.accessMode" [class]="'uk-label custom-label label-'+ result.title.accessMode " title="Access Mode">{{result.title.accessMode}}</span>
<span *ngIf="result['funderShortname']" class="uk-label custom-label label-funder " title="Funder">{{result['funderShortname']}}></span>
<span *ngIf="result.openAccessMandate != undefined && result.openAccessMandate " class="uk-label custom-label label-openaccessmandate " title="Open Access mandate">Open Access mandate</span>
<span *ngIf="result['type'] != undefined && result['type'] != ''" class="uk-label custom-label label-blue label-dataprovider" title="Type"> {{result['type']}}</span>
<span *ngIf="result['compatibility'] != undefined && result['compatibility'] != ''" class="uk-label custom-label label-compatibility" title="Compatibility">{{result.compatibility}}</span>
<div *ngIf="showOrganizations && result['organizations'] != undefined && result['organizations'].length > 0">
<span> Organization: </span>
<span *ngFor="let organization of result['organizations'].slice(0,10) let i=index">
<a *ngIf="organization.id" [queryParams]="{organizationId: organization.id}" routerLinkActive="router-link-active" routerLink="/search/organization">
{{organization.name}}</a><span
*ngIf="!organization.id">
{{organization.name}}</span><span
*ngIf="(i < result['organizations'].length-1) && (i < 9)">,</span>
</span>
<span *ngIf="result['organizations'].length > 10">...</span>
</div>
<div *ngIf="result['countries'] && result['countries'].length > 0">
Country: <span *ngFor="let country of result['countries'].slice(0,10) let i = index">{{country}}{{(i < ( result['countries'].slice(0,10).length-1))?", ":""}}{{(i == result['countries'].slice(0,10).length-1 && result['countries'].length > 10)?"...":""}}</span>
</div>
<div *ngIf="result['websiteURL'] != undefined && result['websiteURL'] != ''">
<span>Website URL: </span>
<span>
<a href="{{result['websiteURL']}}" target="_blank" class="custom-external custom-icon">
{{result['websiteURL']}}
</a>
</span>
</div>
<div *ngIf="result['OAIPMHURL'] != undefined && result['OAIPMHURL'] != ''">
<span>OAI-PMH URL: </span>
<span>
<a href="{{result['OAIPMHURL']}}" target="_blank" class="custom-external custom-icon">
{{result['OAIPMHURL']}}
</a>
</span>
</div>
</li>
</ul>
</div> -->
<!--div class="uk-first-column">
<div class="el-item uk-panel">
<h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom portal-color">
Aaltodoc Publication Archive
</h6>
<div class="el-meta uk-margin uk-text-meta">Aalto University</div>
<div class="el-content uk-margin"><span class="uk-label label-grey">IR</span>&nbsp;<span class=" uk-label label-grey">Data</span>&nbsp;<span class="uk-label label-grey">OpenAIRE 3.0</span><br>
12469 datasets
</div>
</div>
</div>
<div class="uk-grid-margin uk-first-column">
<div class="el-item uk-panel">
<h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom portal-color">
Cambridge Server
</h6>
<div class="el-meta uk-margin uk-text-meta">Cambridge Uviversity</div>
<div class="el-content uk-margin"><span class="uk-label label-grey">IR</span>&nbsp;<span class=" uk-label label-grey">Literature</span>&nbsp;<span class="uk-label label-grey" >OpenAIRE 2.0</span><br>
4567 publications
</div>
</div>
</div>
</div>
<hr>
<div class="uk-margin">
<a class="" routerLinkActive="uk-link" routerLink="/search/find/dataproviders" >
View all
</a>
</div>
</div>
<div class="uk-width-expand@m">
<h5 class="searchFilterTitle">
<span>New funders</span>
</h5>
<div class="uk-margin uk-text-meta">
Latest funding database incorporated in OpenAIRE
</div>
<div class="uk-margin-remove-vertical uk-grid-match uk-child-width-1-1 uk-child-width-1-1@m uk-child-width-1-1@l uk-child-width-1-1@xl uk-grid-small uk-grid-divider uk-grid uk-grid-stack" uk-grid="">
<div class="uk-first-column">
<div class="el-item uk-panel">
<h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom portal-color">
Swiss National Science Foundation
</h6>
<div class="el-meta uk-margin uk-text-meta">Switzerland</div>
<div class="el-content uk-margin"><span class="uk-label label-grey">OA mandate</span><br> 47.509 publications</div>
</div>
</div>
<div class="uk-grid-margin uk-first-column">
<div class="el-item uk-panel">
<h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom portal-color">
Ministry of Education, Science and Technological Development of Republic of Serbia
</h6>
<div class="el-meta uk-margin uk-text-meta">Serbia</div>
<div class="el-content uk-margin">7.942 publicatios</div>
</div>
</div>
</div>
</div-->
<!-- <div class="uk-width-medium uk-grid-item-match">
<div class="uk-tile-secondary uk-tile uk-tile-xsmall portal-box" >
<h3 class="uk-margin-remove-top ">
Our data policies
</h3>
<ul class="uk-margin-small uk-list uk-list-large">
<li class="el-item">
<h6 class="el-title uk-margin-remove">Data acquisition</h6>
<h5 class="el-content">
<a target="_blank" href="www.openaire.eu/policies">How we retrieve data, how often, what processes it goes through (aggregating cleaning, trasnforming, inferring, de-duplicating), what are the quality checks&nbsp;along all&nbsp; data processing stages.</a>
</h5>
</li>
<li class="el-item">
<h6 class="el-title uk-margin-remove">Data usage</h6>
<h5 class="el-content">
<a target="_blank" href="www.openaire.eu/policies">Who is able to retrieve our data, what are the licences, what about specific SLAs.</a>
</h5>
</li>
</ul>
<div class="uk-margin uk-margin-remove-bottom uk-text-left">
<a class="el-content uk-link-text" target="_blank" href="www.openaire.eu/policies">
Learn more
</a>
</div>
</div>
</div>
</div>
</div>
</div> -->
<div class="uk-section-muted"
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}">
<div class="uk-container uk-container-large">
<other-portals portal="explore" [properties]="properties"></other-portals>
</div>
</div>
<!--div class="image-front-topbar uk-section-secondary uk-position-relative" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light">
<div style="" class="mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-fixed uk-section uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: ! +">
<div class="uk-position-cover"></div>
<div class="uk-width-1-1">
<div class="uk-position-relative">
<div class="uk-container uk-margin-medium">
<div class="tm-header-placeholder uk-margin-medium" style="height: 84px;"></div>
<div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column">
<div data-id="page#4">
<search-form placeholderText="Search in OpenAIRE information space" link=true></search-form>
</div>
</div>
</div>
</div>
<div class="uk-container uk-container-large uk-margin-medium">
<div class="search_box_bg uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column">
<div class="search_box_bg uk-margin-large uk-margin-remove-bottom uk-text-center uk-grid-match uk-child-width-1-2 uk-child-width-1-2@s uk-child-width-1-4@m uk-child-width-1-4@l uk-child-width-1-4@xl uk-grid-collapse uk-grid-divider uk-grid uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" uk-grid="" data-id="page#7" style="">
<div *ngIf="showPublications && publicationsSize" class="uk-first-column">
<div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
<h2 class="el-title uk-margin uk-h2">
<span>{{publicationsSize.number}} {{publicationsSize.size}} publications</span>
</h2>
</div>
</div>
<div *ngIf="showDatasets && datasetsSize">
<div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
<h2 class="el-title uk-margin uk-h2">
<span>{{datasetsSize.number}} {{datasetsSize.size}} research data</span>
</h2>
</div>
</div>
<div *ngIf="showDataProviders && datasourcesSize" >
<div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
<h2 class="el-title uk-margin uk-h2">
<span>{{datasourcesSize.number}} {{datasourcesSize.size}} data sources</span>
</h2>
</div>
</div>
<div *ngIf="showProjects && fundersSize">
<div uk-scrollspy-class="" class="uk-width-medium uk-margin-auto el-item uk-panel uk-scrollspy-inview uk-animation-fade" style="">
<h2 class="el-title uk-margin uk-h2">
<span>{{fundersSize.number}} {{fundersSize.size}} funders</span>
</h2>
</div>
</div>
</div>
<div *ngIf = "showPublications || showDatasets || showProjects || showDataProviders" class="uk-margin-large uk-margin-remove-bottom uk-text-center uk-text-meta uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" data-id="page#8" style="">
<span style="color:#fff!important; font-size:30pt!important">all linked together</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tm-main uk-container" style="min-height:200px">
<helper position="bottom"></helper>
</div-->