[Explore]: Home grapsh section add multi-lines-ellipsis class
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@57316 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
parent
3afc46a780
commit
63836b6d00
|
@ -82,10 +82,12 @@
|
|||
<li *ngFor="let range of createRange(logos[type].length) let j=index" class="uk-width-1-1">
|
||||
<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 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 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>
|
||||
|
@ -98,15 +100,20 @@
|
|||
<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">{{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 home-logo'}"></ng-container>
|
||||
<ng-container *ngTemplateOutlet="_logos; context: { logo: logos[type][j][ceil(logos[type][j].length/2)+i], class: 'uk-margin-top logo2 home-logo'}"></ng-container>
|
||||
<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 home-logo'}"></ng-container>
|
||||
<ng-container
|
||||
*ngTemplateOutlet="_logos; context: { logo: logos[type][j][ceil(logos[type][j].length/2)+i], class: 'uk-margin-top logo2 home-logo'}"></ng-container>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
@ -115,13 +122,17 @@
|
|||
</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>
|
||||
<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>
|
||||
<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>
|
||||
|
@ -160,8 +171,7 @@
|
|||
<div class="uk-h2" style="color: white !important;">
|
||||
Extracted <b>Metadata Combined.</b>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
<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,
|
||||
|
@ -169,21 +179,17 @@
|
|||
trusted by scientists, the Graph aims at bringing discovery, monitoring, and assessment or science back in
|
||||
the hands of the scientific
|
||||
community.
|
||||
</p>
|
||||
<p>
|
||||
<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<span *ngIf="!readMore">...</span>
|
||||
<span *ngIf="readMore" class="uk-animation-fade">
|
||||
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.
|
||||
</span>
|
||||
</p>
|
||||
<p *ngIf="readMore" class="uk-animation-fade">
|
||||
<br><br>
|
||||
As of today, the OpenAIRE Research Graph aggregates around 450Mi metadata records with links collecting
|
||||
from
|
||||
10,000 data sources
|
||||
|
@ -192,19 +198,17 @@
|
|||
down to ~100Mi publications,
|
||||
~8Mi datasets, ~200K software research products, 8Mi other products linked together with semantic
|
||||
relations.
|
||||
</p>
|
||||
<p *ngIf="readMore" class="uk-animation-fade">
|
||||
<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.
|
||||
</p>
|
||||
</div>
|
||||
<div *ngIf="!readMore" class="uk-text-center clickable uk-animation-fade" (click)="readMore = true">
|
||||
<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 uk-animation-fade" (click)="readMore = false">
|
||||
<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>
|
||||
|
@ -232,7 +236,8 @@
|
|||
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.
|
||||
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"
|
||||
|
|
Loading…
Reference in New Issue