MaDgIK
/
explore-services
13
0
Fork 0
Code Issues Pull Requests Projects Releases 18 Wiki Activity

[Explore]: Add assets for new beta home page. Home page add graph and user contribution. 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@57295 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2019-10-07 13:00:45 +00:00
parent 95ca83bb22
commit ba07a57797
8 changed files with 189 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

163
explore/src/app/home/home.component.html
View File

@ -26,16 +26,17 @@
<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>
: " 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>
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
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>
@ -72,8 +73,147 @@
<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-margin-top uk-text-right">
<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">
<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>
<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>
<div *ngIf="!readMore" class="uk-text-center clickable uk-animation-fade" (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">
<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 uk-section-small">
<div class="uk-container uk-container-small">
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
@ -111,10 +251,12 @@
</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.
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.)
a catch-all repository hosted by CERN to deposit all your research results (publications, data,
software, etc.)
</div>
</div>
</div>
@ -164,7 +306,8 @@
<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>
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>
@ -209,7 +352,7 @@
<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" >
<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>
@ -447,7 +590,7 @@ Latest funding database incorporated in OpenAIRE
<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>
<other-portals portal="explore" [properties]="properties"></other-portals>
</div>
</div>

3
explore/src/app/home/home.component.ts
View File

@ -53,9 +53,12 @@ export class HomeComponent {
showProjects:boolean= false;
showDataProviders:boolean= false;
properties: EnvProperties;
public readMore: boolean = false;
public subPub;public subData;public subProjects;public subOrg; public subDataPr;
public subSoft;
public subOrp;
trelloImg: string = 'trello.svg';
trelloImg2: string = 'trello.svg';
constructor (
private route: ActivatedRoute,
private _router: Router,

1
explore/src/assets/curved-bottom.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1924.378" height="74.096" viewBox="0 0 1924.378 74.096"><path d="M0,428.966H1644.513s-.607,50.591,0,51.034C1532.846,500.8,1366,480,1366,480s-332.25-41.658-599-25-248,46-436,48S40.7,457.4,0,447.3s-54.2-18.5-279.812-10.225c-.119,0,0-8.108,0-8.108Z" transform="translate(279.865 -428.966)" fill="#e64916"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 356 B

BIN
explore/src/assets/explore-banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 176 KiB

30
explore/src/assets/explore-custom.css
View File

@ -135,3 +135,33 @@
border: 0;
overflow: hidden;
}
.graph-background {
background: var(--portal-main-color) 0 0 no-repeat padding-box;
color: white;
}
.graph-background-bottom {
background-image: url("curved-bottom.svg");
}
.custom-explore-toggle {
color: white;
}
.custom-explore-toggle:hover {
color: rgba(255, 255, 255, 0.71);
}
.trello-button {
background-color: #0079BF;
border: #0079BF 1px solid;
color: white;
text-transform: none !important;
font-size: 16px;
}
.trello-button:hover {
background-color: white;
color: #0079BF;
}

1
explore/src/assets/trello-2.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27"><defs><style>.a{fill:#0079bf;}.b{fill:#fff;}</style></defs><g transform="translate(-14 -14)"><g transform="translate(14 14)"><circle class="a" cx="13.5" cy="13.5" r="13.5"/></g><path class="b" d="M50.538,39.5H41.07a1.559,1.559,0,0,0-1.57,1.57v9.443a1.559,1.559,0,0,0,1.57,1.57h9.443a1.559,1.559,0,0,0,1.57-1.57V41.07A1.522,1.522,0,0,0,50.538,39.5Zm-5.558,9.88a.747.747,0,0,1-.746.746H41.893a.747.747,0,0,1-.746-.746V42.227a.747.747,0,0,1,.746-.746h2.341a.747.747,0,0,1,.746.746Zm5.481-3.139a.747.747,0,0,1-.746.746H47.374a.747.747,0,0,1-.746-.746V42.227a.747.747,0,0,1,.746-.746h2.341a.747.747,0,0,1,.746.746Z" transform="translate(-18.305 -18.305)"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 744 B

BIN
explore/src/assets/trello-sc.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

1
explore/src/assets/trello.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27"><defs><style>.a{fill:#fff;}.b{fill:#0079bf;}</style></defs><g transform="translate(-14 -14)"><g transform="translate(14 14)"><circle class="a" cx="13.5" cy="13.5" r="13.5"/></g><path class="b" d="M50.538,39.5H41.07a1.559,1.559,0,0,0-1.57,1.57v9.443a1.559,1.559,0,0,0,1.57,1.57h9.443a1.559,1.559,0,0,0,1.57-1.57V41.07A1.522,1.522,0,0,0,50.538,39.5Zm-5.558,9.88a.747.747,0,0,1-.746.746H41.893a.747.747,0,0,1-.746-.746V42.227a.747.747,0,0,1,.746-.746h2.341a.747.747,0,0,1,.746.746Zm5.481-3.139a.747.747,0,0,1-.746.746H47.374a.747.747,0,0,1-.746-.746V42.227a.747.747,0,0,1,.746-.746h2.341a.747.747,0,0,1,.746.746Z" transform="translate(-18.305 -18.305)"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 744 B