[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:
k.triantafyllou
parent
3afc46a780
commit
63836b6d00
|
|
@ -28,48 +28,48 @@
|
|||
<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>-->
|
||||
<!-- <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>-->
|
||||
<!-- <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>-->
|
||||
<!-- </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>-->
|
||||
<!-- </div>-->
|
||||
|
||||
<div class="uk-grid uk-margin uk-margin-remove-bottom uk-width-xlarge uk-margin-auto">
|
||||
<div class="uk-width-expand uk-padding-remove">
|
||||
|
|
@ -82,31 +82,38 @@
|
|||
<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>
|
||||
</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=='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">{{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,51 +171,44 @@
|
|||
<div class="uk-h2" style="color: white !important;">
|
||||
Extracted <b>Metadata Combined.</b>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<p>
|
||||
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">
|
||||
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">
|
||||
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.
|
||||
</p>
|
||||
<p *ngIf="readMore" class="uk-animation-fade">
|
||||
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 [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 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"
|
||||
|
|
@ -243,8 +248,8 @@
|
|||
<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'">
|
||||
(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>
|
||||
|
|
@ -254,8 +259,8 @@
|
|||
<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'">
|
||||
(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>
|
||||
|
|
@ -265,8 +270,8 @@
|
|||
<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'">
|
||||
(mouseenter)="trelloImg = 'trello-2.svg'"
|
||||
(mouseleave)="trelloImg = 'trello.svg'">
|
||||
<img [src]="'assets/' + trelloImg" class="uk-margin-right">
|
||||
<span uk-icon="arrow-right"></span>
|
||||
</a>
|
||||
|
|
|
|||
Loading…
Reference in New Issue