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

[Trunk | Explore]: 

1. Folder assets/explore-assets added (svn external to admin portal).
2. assers/explore-custom.css: Add/Change classes for home page redesign.
3. home.component.ts: Get page help texts.
4. home.component.html: 
	Page redesign (cards section, numbers section, position of questions section)
	Help texts (trello button - position: top, text in orange section - position: right, graph section & cards section - position: bottom, questions section - position: left (hack)).


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-portal/trunk@57501 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
konstantina.galouni 2019-11-02 01:37:11 +00:00
parent a533f69a0b
commit 29305c6a1c
10 changed files with 447 additions and 317 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -9,7 +9,8 @@
<div class="image-front-topbar uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color" <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}" 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=""> tm-header-transparent="light" tm-header-transparent-placeholder="">
<div style=" min-height: calc(7.89999px + 60vh);" <!-- style=" min-height: calc(7.89999px + 60vh);"-->
<div
class=" mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-fixed uk-section uk-padding-remove-bottom"> 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"> --> <!-- 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-cover" style="/*background-color: rgba(70, 68, 68, 0.24);*/"></div>
@ -72,7 +73,7 @@
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
<div class="uk-grid uk-margin uk-margin-remove-bottom uk-width-xxlarge uk-margin-auto"> <div class="uk-grid uk-margin uk-margin-bottom uk-width-xxlarge uk-margin-auto">
<div class="uk-width-expand uk-padding-remove"> <div class="uk-width-expand uk-padding-remove">
<div uk-slider="autoplay: true; autoplay-interval: 2500" class="uk-margin-top"> <div uk-slider="autoplay: true; autoplay-interval: 2500" class="uk-margin-top">
@ -144,26 +145,18 @@
</div> </div>
</div> </div>
</div> </div>
<!-- If no help text, uncomment from here-->
<!-- <div class="uk-text-right uk-padding-small uk-padding-remove-vertical">--> <!-- <div class="uk-text-right uk-padding-small uk-padding-remove-vertical">-->
<!-- <a class="uk-button trello-button trello-button-white uk-button-large"--> <!-- <a class="uk-button uk-button-large trello-button trello-button-white"-->
<!-- href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"--> <!-- href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"-->
<!-- target="_blank"--> <!-- target="_blank">-->
<!-- (mouseenter)="trelloImg = 'trello-2.svg'"--> <!-- <img [src]="'assets/explore-assets/trello-2.svg'" class="trello-image">-->
<!-- (mouseleave)="trelloImg = 'trello-2.svg'">--> <!-- <span class="uk-margin-small-left">Give us <b>feedback</b></span>-->
<!-- <img [src]="'assets/' + trelloImg">-->
<!-- <span class="uk-margin-left">Give us <b>feedback</b></span>-->
<!-- </a>--> <!-- </a>-->
<!-- </div>--> <!-- </div>-->
<div *ngIf="properties.environment !== 'production'" class="uk-text-right uk-padding-small uk-padding-remove-vertical"> <!-- If no help text, uncomment to here-->
<a class="uk-button uk-button-large trello-button trello-button-white" <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
href="https://trello.com/b/o1tEJ3rN/openaire-research-graph" [texts]="pageContents['top']"></helper>
target="_blank">
<!-- (mouseenter)="trelloClass = 'trello-button-blue'"-->
<!-- (mouseleave)="trelloClass = 'trello-button-white'">-->
<img [src]="'assets/trello-2.svg'" class="trello-image">
<span class="uk-margin-small-left">Give us <b>feedback</b></span>
</a>
</div>
</div> </div>
</div> </div>
@ -174,50 +167,54 @@
<schema2jsonld [URL]="properties.baseLink" <schema2jsonld [URL]="properties.baseLink"
[logoURL]="properties.baseLink+'/assets/common-assets/logo-small-explore.png'" type="home" [logoURL]="properties.baseLink+'/assets/common-assets/logo-small-explore.png'" type="home"
name="OpenAIRE Explore"></schema2jsonld> name="OpenAIRE Explore"></schema2jsonld>
<ng-template [ngIf]="properties.environment !== 'production'"> <div *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
<div class="uk-section uk-section-small graph-background uk-margin-top"> 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-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 class="uk-flex uk-flex-top uk-child-width-1-1@s uk-child-width-1-2@m" uk-grid>
<div> <div>
<img src="assets/explore-banner.png"> <img src="assets/explore-banner.png">
</div> </div>
<div> <div>
<div class="uk-h2" style="color: white !important;"> <div [class.lines-11]="!readMore" class="uk-margin-bottom multi-line-ellipsis">
Extracted <b>Metadata Combined.</b> <helper *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
</div> [texts]="pageContents['right']"></helper>
<div [class.lines-10]="!readMore" class="uk-margin-bottom multi-line-ellipsis"> <!-- If no help text, uncomment from here-->
The OpenAIRE Research Graph is one of the largest open scholarly record collections worldwide, key in <!-- <div class="uk-h2" style="color: white !important;">-->
fostering Open Science and <!-- Extracted <b>Metadata Combined.</b>-->
establishing its practices in the daily research activities. Conceived as a public and transparent good, <!-- </div>-->
populated out of data sources <!-- The OpenAIRE Research Graph is one of the largest open scholarly record collections worldwide, key in-->
trusted by scientists, the Graph aims at bringing discovery, monitoring, and assessment of science back in <!-- fostering Open Science and-->
the hands of the scientific <!-- establishing its practices in the daily research activities. Conceived as a public and transparent good,-->
community. <!-- populated out of data sources-->
<br><br> <!-- trusted by scientists, the Graph aims at bringing discovery, monitoring, and assessment of science back in-->
Imagine a vast collection of research products all linked together, contextualised and openly available. <!-- the hands of the scientific-->
For <!-- community.-->
the past ten years OpenAIRE <!-- <br><br>-->
has been working to gather this valuable record. OpenAIRE is pleased to announce the beta release of its <!-- Imagine a vast collection of research products all linked together, contextualised and openly available.-->
Research Graph, a massive <!-- For-->
collection of metadata and links between scientific products such as articles, datasets, software, and <!-- the past ten years OpenAIRE-->
other <!-- has been working to gather this valuable record. OpenAIRE is pleased to announce the beta release of its-->
research products, entities like <!-- Research Graph, a massive-->
organisations, funders, funding streams, projects, communities, and data sources. <!-- collection of metadata and links between scientific products such as articles, datasets, software, and-->
<br><br> <!-- other-->
As of today, the OpenAIRE Research Graph aggregates around 450Mi metadata records with links collecting <!-- research products, entities like-->
from <!-- organisations, funders, funding streams, projects, communities, and data sources.-->
10,000 data sources <!-- <br><br>-->
trusted by scientists! After cleaning, deduplication, and fine-grained classification processes, they <!-- As of today, the OpenAIRE Research Graph aggregates around 450Mi metadata records with links collecting-->
narrow <!-- from-->
down to ~100Mi publications, <!-- 10,000 data sources-->
~8Mi datasets, ~200K software research products, 8Mi other products linked together with semantic <!-- trusted by scientists! After cleaning, deduplication, and fine-grained classification processes, they-->
relations. <!-- narrow-->
<br><br> <!-- down to ~100Mi publications,-->
More than 10Mi full-texts of Open Access publications are mined by algorithms to enrich metadata records <!-- ~8Mi datasets, ~200K software research products, 8Mi other products linked together with semantic-->
with additional properties and <!-- relations.-->
links among research products, funders, projects, communities, and organizations. Thanks to the mining <!-- <br><br>-->
algorithm, the graph is completed <!-- More than 10Mi full-texts of Open Access publications are mined by algorithms to enrich metadata records-->
with 480Mi semantic relations. <!-- 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.-->
<!-- If no help text, uncomment to here-->
</div> </div>
<div *ngIf="!readMore" class="uk-text-center clickable" (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> <a class="custom-explore-toggle">Read more<span uk-icon="chevron-down"></span></a>
@ -229,286 +226,387 @@
</div> </div>
</div> </div>
</div> </div>
<div class="graph-background-bottom uk-background-norepeat uk-background-top-center uk-height-small"></div> <div *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0" class="homePageGrayBackground">
<div class="uk-section uk-section-small"> <div class="graph-background-bottom uk-background-norepeat uk-background-top-center uk-height-small"></div>
<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 <b>BETA release</b> of the <b>OpenAIRE Research Graph</b> via the
<b>OpenAIRE BETA Explore portal</b> or via data dumps made available via
<a href="https://zenodo.org" target="_blank">Zenodo.org</a>.
Help us making the graph ready for its 1st production release by providing your feedback by 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 trello-button-blue 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/trello.svg'" class="trello-image">
<span class="uk-margin-small-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 trello-button-blue 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/trello.svg'" class="trello-image">
<span class="uk-margin-small-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 trello-button-blue 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/trello.svg'" class="uk-margin-right trello-image">
<span uk-icon="arrow-right"></span>
</a>
</div>
</div>
</div>
<div>
<img src="assets/trello-sc.png">
</div>
</div>
</div>
</div> </div>
</ng-template> <!-- If no help text, uncomment from here-->
<div class=" uk-section"> <!-- <div class="uk-section uk-section-small">-->
<div class="uk-container uk-container-small"> <!-- <div class="uk-container uk-container-large">-->
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid=""> <!-- <div class="uk-flex uk-flex-middle uk-child-width-1-1@s uk-child-width-1-2@m" uk-grid>-->
<div class="uk-width-1-1@m uk-first-column"> <!-- <div>-->
<div id="page#8" <!-- <div class="uk-text-secondary uk-h2 uk-margin-bottom">-->
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" <!-- <b>Contribute</b> to improve the<br><b>OpenAIRE Research Graph</b>-->
uk-grid=""> <!-- </div>-->
<div class="uk-first-column"> <!-- <p> You can explore and test the <b>BETA release</b> of the <b>OpenAIRE Research Graph</b> via the-->
<div class="el-item uk-card uk-card-hover uk-card-small uk-card-body"> <!-- <b>OpenAIRE BETA Explore portal</b> or via data dumps made available via-->
<a routerLinkActive="uk-link" routerLink="/search/find" <!-- <a href="https://zenodo.org" target="_blank">Zenodo.org</a>.-->
class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a> <!-- Help us making the graph ready for its 1st production release by providing your feedback by the end of November 2019.-->
<img class="" width="80" height="80" src="assets/explore.svg" alt="Explore"> <!-- </p>-->
<h3 class="el-title uk-margin uk-h3"> <!-- <p>-->
Explore <!-- Find the complete information about the OpenAIRE Research Graph, how to test it and contribute to improving-->
</h3> <!-- it on our-->
<div class="el-content uk-margin uk-text-lead">Discover linked open research</div> <!-- <a href="https://www.openaire.eu/blogs/preview/1046-2027-the-openaire-research-graph"-->
<div class=" uk-margin-small-top">Search for <!-- target="_blank">blog</a>.-->
publications, datasets, software and other research products. See how these <!-- </p>-->
are linked together and how they are linked to funding and <!-- <p>-->
organizations. <!-- You can also write to <a href="mailto:paolo.manghi@isti.cnr.it">Paolo Manghi</a>, the OpenAIRE Technical-->
<br> <!-- Director, for additional details.-->
View statistics on projects and institutions. <!-- </p>-->
</div> <!-- <div class="uk-flex uk-flex-middle uk-grid uk-child-width-1-2@s">-->
</div> <!-- <a class="uk-margin-top" href="https://www.openaire.eu/blogs/preview/1046-2027-the-openaire-research-graph"-->
</div> <!-- 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 trello-button-blue uk-button-large"-->
<!-- href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"-->
<!-- target="_blank">-->
<!--&lt;!&ndash; (mouseenter)="trelloImg2 = 'trello-2.svg'"&ndash;&gt;-->
<!--&lt;!&ndash; (mouseleave)="trelloImg2 = 'trello.svg'">&ndash;&gt;-->
<!-- <img [src]="'assets/trello.svg'" class="trello-image">-->
<!-- <span class="uk-margin-small-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 trello-button-blue uk-button-large"-->
<!-- href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"-->
<!-- target="_blank">-->
<!--&lt;!&ndash; (mouseenter)="trelloImg = 'trello-2.svg'"&ndash;&gt;-->
<!--&lt;!&ndash; (mouseleave)="trelloImg = 'trello.svg'">&ndash;&gt;-->
<!-- <img [src]="'assets/trello.svg'" class="trello-image">-->
<!-- <span class="uk-margin-small-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 trello-button-blue uk-button-large"-->
<!-- href="https://trello.com/b/o1tEJ3rN/openaire-research-graph"-->
<!-- target="_blank">-->
<!--&lt;!&ndash; (mouseenter)="trelloImg = 'trello-2.svg'"&ndash;&gt;-->
<!--&lt;!&ndash; (mouseleave)="trelloImg = 'trello.svg'">&ndash;&gt;-->
<!-- <img [src]="'assets/trello.svg'" class="uk-margin-right trello-image">-->
<!-- <span uk-icon="arrow-right"></span>-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div>-->
<!-- <img src="assets/trello-sc.png">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- If no help text, uncomment to here-->
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
[texts]="pageContents['bottom']"></helper>
<!-- If no help text, uncomment from here-->
<!--<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="">-->
<div class="el-item uk-card uk-card-hover uk-card-small uk-card-body"> <!-- <div class="el-item uk-card uk-card-hover uk-card-small uk-card-body">-->
<a routerLinkActive="uk-link" routerLink="/participate/deposit-publications" <!-- <a routerLinkActive="uk-link" routerLink="/participate/deposit-publications"-->
class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a> <!-- 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"> <!-- <img class="" width="70" height="70" src="assets/share.svg" alt="Share">-->
<h3 class="el-title uk-margin uk-h3"> <!-- <h3 class="el-title uk-margin uk-h3">-->
Deposit <!-- Deposit-->
</h3> <!-- </h3>-->
<div class="el-content uk-margin uk-text-lead">Deposit in a repository of your choice</div> <!-- <div class="el-content uk-margin uk-text-lead">Deposit in a repository of your choice</div>-->
<div class=" uk-margin-small-top"> <!-- <div class=" uk-margin-small-top">-->
Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding <!-- Select an OpenAIRE compatible repository (2.0 +) so that your research is linked to your funding-->
information. <!-- information.-->
<br> <!-- <br>-->
Use <a href="http://www.zenodo.org/" target="_blank" rel="noopener">ZENODO</a>, <!-- 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, <!-- a catch-all repository hosted by CERN to deposit all your research results (publications, data,-->
software, etc.) <!-- software, etc.)-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<div class=""> <!-- <div class="">-->
<div class="el-item uk-card uk-card-hover uk-card-small uk-card-body"> <!-- <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"> <!-- <img class="" width="60" height="70" src="assets/link.svg" alt="Link">-->
<a routerLinkActive="uk-link" routerLink="/participate/claim" routerLink="/participate/claim" <!-- <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> <!-- class="el-link uk-position-cover uk-position-z-index uk-margin-remove-adjacent"></a>-->
<h3 class="el-title uk-margin uk-h3"> <!-- <h3 class="el-title uk-margin uk-h3">-->
Link <!-- Link-->
</h3> <!-- </h3>-->
<div class="el-content uk-margin uk-text-lead">Connect all your research</div> <!-- <div class="el-content uk-margin uk-text-lead">Connect all your research</div>-->
<div class=" uk-margin-small-top"> <!-- <div class=" uk-margin-small-top">-->
If you can't find your research results in OpenAIRE, don't worry! <!-- If you can't find your research results in OpenAIRE, don't worry!-->
<br> <!-- <br>-->
Use our <strong>LINK OUT service</strong>, <!-- Use our <strong>LINK OUT service</strong>,-->
that reaches out to many external sources via APIs, to connect your research results and <!-- that reaches out to many external sources via APIs, to connect your research results and-->
<em>claim</em> them to your project. <!-- <em>claim</em> them to your project.-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!--</div>-->
<div class="uk-section-muted uk-section uk-section-small"> <!-- If no help text, uncomment from here-->
<div class="uk-container uk-container-large"> <!--<div class="uk-section-muted uk-section uk-section-small">-->
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid=""> <!-- <div class="uk-container uk-container-large">-->
<div class="uk-width-1-1@m uk-first-column"> <!-- <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">-->
<div class="uk-margin uk-child-width-1-1 uk-grid-match uk-child-width-1-1@s uk-child-width-1-2@m <!-- <div class="uk-width-1-1@m uk-first-column">-->
uk-child-width-1-2@l uk-grid-large uk-grid uk-grid-divider ask-explore" uk-grid=""> <!-- <div class="uk-margin uk-child-width-1-1 uk-grid-match uk-child-width-1-1@s uk-child-width-1-2@m-->
<div class="uk-first-column uk-text-center"> <!-- uk-child-width-1-2@l uk-grid-large uk-grid uk-grid-divider ask-explore" uk-grid="">-->
<div class="el-item uk-card uk-card-small uk-card-body"> <!-- <div class="uk-first-column uk-text-center">-->
<img src="assets/ask-explore.svg" class="el-image" alt="" uk-svg="" hidden="true"> <!-- <div class="el-item uk-card uk-card-small uk-card-body">-->
<h3 class="el-title uk-margin uk-h3">Have more questions?</h3> <!-- <img src="assets/ask-explore.svg" class="el-image" alt="" uk-svg="" hidden="true">-->
</div> <!-- <h3 class="el-title uk-margin uk-h3">Have more questions?</h3>-->
</div> <!-- </div>-->
<div class="questions"> <!-- </div>-->
<div class="el-item uk-card uk-card-small uk-card-body"> <!-- <div class="questions">-->
<ul class="uk-list uk-list-divider"> <!-- <div class="el-item uk-card uk-card-small uk-card-body">-->
<li><a href="https://www.openaire.eu/os-primers">Learn about open science policies and how to align</a> <!-- <ul class="uk-list uk-list-divider">-->
</li> <!-- <li><a href="https://www.openaire.eu/os-primers">Learn about open science policies and how to align</a>-->
<li><a <!-- </li>-->
href="https://www.openaire.eu/rdm-handbook">Learn more on how to manage your data in the open science <!-- <li><a-->
era</a> <!-- href="https://www.openaire.eu/rdm-handbook">Learn more on how to manage your data in the open science-->
</li> <!-- era</a>-->
<li><a href="https://www.openaire.eu/guides">Find out how to use OpenAIRE to best serve your needs</a> <!-- </li>-->
</li> <!-- <li><a href="https://www.openaire.eu/guides">Find out how to use OpenAIRE to best serve your needs</a>-->
<li><a <!-- </li>-->
href="https://www.openaire.eu/webinars/">View our training material on a variety of related topics</a> <!-- <li><a-->
</li> <!-- href="https://www.openaire.eu/webinars/">View our training material on a variety of related topics</a>-->
<li><a href="https://www.openaire.eu/contact-us/">Contact us</a></li> <!-- </li>-->
</ul> <!-- <li><a href="https://www.openaire.eu/contact-us/">Contact us</a></li>-->
</div> <!-- </ul>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
<!--</div>-->
<!-- If no help text, uncomment to here-->
<div class="uk-section-default uk-section"> <!-- For old numbers section, comment from here-->
<div class="uk-container"> <div class="uk-section-default uk-section numbers-background">
<div class="uk-grid-medium uk-margin-medium uk-grid" uk-grid=""> <div class="uk-container uk-text-center">
<div class="uk-width-2-3@m uk-first-column"> <div class="uk-margin-medium uk-flex-center">
<div class="uk-margin-medium-top uk-panel"> <div class="uk-first-column">
<h3 class="el-title uk-margin uk-h3"> <div class="uk-panel">
Our community <h2 class="uk-margin uk-h2 uk-text-center">
</h3> Our growing <span class="uk-text-bold">Community</span>
<hr class="uk-divider-small uk-text-left provide"> </h2>
<div class="uk-margin-large-top">
<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"> <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"> <p *ngIf="showProjects && fundersSize">
<span class=" emphasis ">{{fundersSize.number|number}} {{fundersSize.size}}</span><br> <span class="portal-color emphasis">
<span class="uk-text-uppercase">Funders</span> <span class="uk-text-bold"> {{fundersSize.number|number}}</span>{{fundersSize.size}}
</span>
<br>
<span class="uk-text-uppercase uk-text-large">Funders</span>
</p>
<p *ngIf="showDataProviders && datasourcesSize" class="">
<span class="">
<span class="portal-color emphasis uk-text-bold"> {{datasourcesSize.number|number}}</span>
<span class="portal-color uk-h2">{{datasourcesSize.size}}</span>
</span>
<br>
<span class="uk-text-uppercase uk-text-large">Content providers</span>
</p> </p>
<p *ngIf="showProjects && projectsSize"> <p *ngIf="showProjects && projectsSize">
<span class=" emphasis ">{{projectsSize.count|number}} </span><br> <span class="">
<span class="uk-text-uppercase">Projects</span> <span class="portal-color emphasis uk-text-bold"> {{projectsSize.number|number}}</span>
<span class="portal-color uk-h2">{{projectsSize.size}}</span>
</span>
<br>
<span class="uk-text-uppercase uk-text-large">Projects</span>
</p> </p>
</div> </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>
</div> </div>
<div class="uk-width-expand@m"> </div>
</div>
<div class="uk-card uk-card-body uk-card-explore"> <div class="uk-container uk-margin-large-top">
<div class="uk-grid uk-flex uk-flex-center">
<h3 class="uk-margin-remove-top uk-h3"> <div class="uk-margin-large-right">
<span class="">Our data policies</span> <div *ngIf="showPublications && publicationsSize" class="uk-margin-medium-bottom">
</h3> <p>
<hr class="uk-divider-small uk-text-left"> <span class="emphasis">{{publicationsSize.count|number}} </span><br>
<span class="uk-icon uk-text-uppercase uk-float-left">
<ul class="uk-margin-small uk-list uk-list-large uk-margin-medium-bottom"> <svg height="20" ratio="1" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><rect style="stroke: var(--portal-main-color);" fill="none" height="16" stroke="#000" width="12" x="3.5" y="2.5"></rect><polyline style="stroke: var(--portal-main-color);" fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg>
<li class="el-item uk-margin-medium-bottom"> publications
<h5 class="el-title uk-h5">Data acquisition</h5> </span>
<div class="el-content"> </p>
<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>
</div> <div *ngIf="showSoftware && softwareSize" class="uk-margin-medium-bottom">
</li> <p>
<li class="el-item"> <span class="emphasis">{{softwareSize.count|number}} </span><br>
<h5 class="el-title uk-h5">Data usage</h5> <span class="uk-icon uk-text-uppercase uk-float-left">
<div class="el-content"> <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="cog"><circle style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="9.997" cy="10" r="3.31"></circle><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M18.488,12.285 L16.205,16.237 C15.322,15.496 14.185,15.281 13.303,15.791 C12.428,16.289 12.047,17.373 12.246,18.5 L7.735,18.5 C7.938,17.374 7.553,16.299 6.684,15.791 C5.801,15.27 4.655,15.492 3.773,16.237 L1.5,12.285 C2.573,11.871 3.317,10.999 3.317,9.991 C3.305,8.98 2.573,8.121 1.5,7.716 L3.765,3.784 C4.645,4.516 5.794,4.738 6.687,4.232 C7.555,3.722 7.939,2.637 7.735,1.5 L12.263,1.5 C12.072,2.637 12.441,3.71 13.314,4.22 C14.206,4.73 15.343,4.516 16.225,3.794 L18.487,7.714 C17.404,8.117 16.661,8.988 16.67,10.009 C16.672,11.018 17.415,11.88 18.488,12.285 L18.488,12.285 Z"></path></svg>
<span>Who is able to retrieve our data, what are the licences, what about specific SLAs.</span> software
</div> </span>
</li> </p>
</ul> </div>
<div class="uk-margin uk-margin-remove-bottom uk-text-left"> </div>
<h6 class="uk-h6"> <div class="">
<a class="el-content uk-link-text" href="https://www.openaire.eu/data-aquisition-policy" target="_blank"> <div *ngIf="showDatasets && datasetsSize" class="uk-margin-medium-bottom">
Learn more <p>
</a> <span class="emphasis">{{datasetsSize.count|number}} </span><br>
</h6> <span class="uk-icon uk-text-uppercase uk-float-left">
</div> <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="database"><ellipse style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="10" cy="4.64" rx="7.5" ry="3.14"></ellipse><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M17.5,8.11 C17.5,9.85 14.14,11.25 10,11.25 C5.86,11.25 2.5,9.84 2.5,8.11"></path><path style="stroke: var(--portal-main-color);"fill="none" stroke="#000" d="M17.5,11.25 C17.5,12.99 14.14,14.39 10,14.39 C5.86,14.39 2.5,12.98 2.5,11.25"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M17.49,4.64 L17.5,14.36 C17.5,16.1 14.14,17.5 10,17.5 C5.86,17.5 2.5,16.09 2.5,14.36 L2.5,4.64"></path></svg>
research data
</span>
</p>
</div>
<div *ngIf="showOrp && otherSize" class="uk-margin-medium-bottom">
<p>
<span class="emphasis">{{otherSize.count|number}} </span><br>
<span class="uk-icon uk-text-uppercase uk-float-left">
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="world"><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M1,10.5 L19,10.5"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M2.35,15.5 L17.65,15.5"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M2.35,5.5 L17.523,5.5"></path><path style="stroke: var(--portal-main-color);" fill="none" stroke="#000" d="M10,19.46 L9.98,19.46 C7.31,17.33 5.61,14.141 5.61,10.58 C5.61,7.02 7.33,3.83 10,1.7 C10.01,1.7 9.99,1.7 10,1.7 L10,1.7 C12.67,3.83 14.4,7.02 14.4,10.58 C14.4,14.141 12.67,17.33 10,19.46 L10,19.46 L10,19.46 L10,19.46 Z"></path><circle style="stroke: var(--portal-main-color);" fill="none" stroke="#000" cx="10" cy="10.5" r="9"></circle></svg>
other research products
</span>
</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- For old numbers section, comment to here-->
<helper *ngIf="pageContents && pageContents['left'] && pageContents['left'].length > 0"
[texts]="pageContents['left']"></helper>
<!-- For old numbers section, uncomment from here-->
<!--<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>-->
<!-- &lt;!&ndash; <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> &ndash;&gt;-->
<!-- </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>-->
<!-- For old numbers section, uncomment to here-->
<!-- <div class="uk-section-default uk-section"> <!-- <div class="uk-section-default uk-section">
<div class="uk-container"> <div class="uk-container">
<div class="uk-grid-small uk-margin-medium uk-grid" uk-grid=""> --> <div class="uk-grid-small uk-margin-medium uk-grid" uk-grid=""> -->

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

@ -19,6 +19,7 @@ import { ErrorCodes} from '../openaireLibrary/utils/properties/errorCodes';
import {PiwikService} from '../openaireLibrary/utils/piwik/piwik.service'; import {PiwikService} from '../openaireLibrary/utils/piwik/piwik.service';
import { SEOService } from '../openaireLibrary/sharedComponents/SEO/SEO.service'; import { SEOService } from '../openaireLibrary/sharedComponents/SEO/SEO.service';
import {SearchResearchResultsService} from "../openaireLibrary/services/searchResearchResults.service"; import {SearchResearchResultsService} from "../openaireLibrary/services/searchResearchResults.service";
import {HelperService} from "../openaireLibrary/utils/helper/helper.service";
@Component({ @Component({
selector: 'home', selector: 'home',
@ -140,6 +141,9 @@ public subPub;public subData;public subProjects;public subOrg; public subDataPr;
public subOrp; public subOrp;
trelloImg: string = 'trello.svg'; trelloImg: string = 'trello.svg';
trelloImg2: string = 'trello.svg'; trelloImg2: string = 'trello.svg';
public pageContents = null;
constructor ( constructor (
private route: ActivatedRoute, private route: ActivatedRoute,
private _router: Router, private _router: Router,
@ -149,7 +153,8 @@ public subPub;public subData;public subProjects;public subOrg; public subDataPr;
private _searchOrganizationsService: SearchOrganizationsService, private _searchOrganizationsService: SearchOrganizationsService,
private _refineFieldResultsService:RefineFieldResultsService, private _refineFieldResultsService:RefineFieldResultsService,
private location: Location, private _piwikService:PiwikService, private location: Location, private _piwikService:PiwikService,
private config: ConfigurationService, private _meta: Meta, private _title: Title, private seoService: SEOService private config: ConfigurationService, private _meta: Meta, private _title: Title, private seoService: SEOService,
private helper: HelperService
) { ) {
var description = "openAIRE explore, open access, publications, research results, European commission, search"; var description = "openAIRE explore, open access, publications, research results, European commission, search";
@ -165,6 +170,12 @@ public subPub;public subData;public subProjects;public subOrg; public subDataPr;
//this.fetchDataproviders = new FetchDataproviders(this._searchDataprovidersService); //this.fetchDataproviders = new FetchDataproviders(this._searchDataprovidersService);
} }
private getPageContents() {
this.helper.getPageHelpContents(this._router.url, this.properties, 'openaire').subscribe(contents => {
this.pageContents = contents;
})
}
public getKeys(obj: {}) { public getKeys(obj: {}) {
return Object.keys(obj); return Object.keys(obj);
} }
@ -186,7 +197,9 @@ public subPub;public subData;public subProjects;public subOrg; public subDataPr;
.subscribe((data: { envSpecific: EnvProperties }) => { .subscribe((data: { envSpecific: EnvProperties }) => {
this.properties = data.envSpecific; this.properties = data.envSpecific;
this.seoService.createLinkForCanonicalURL(this.properties.baseLink+this._router.url, false); this.seoService.createLinkForCanonicalURL(this.properties.baseLink+this._router.url, false);
if(this.properties!=null){ this.getPageContents();
if(this.properties!=null){
var url = this.properties.baseLink+this._router.url; var url = this.properties.baseLink+this._router.url;
this._meta.updateTag({content:url},"property='og:url'"); this._meta.updateTag({content:url},"property='og:url'");
if(this.properties.enablePiwikTrack && (typeof document !== 'undefined')){ if(this.properties.enablePiwikTrack && (typeof document !== 'undefined')){

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

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70.876 70.876"><defs><style>.a{fill:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:3px;}.a,.b{stroke:#d95f2d;}.b{fill:#d95f2d;stroke-width:2px;}</style></defs><g transform="translate(-1000.9 -961.038)"><g transform="translate(1002.4 962.538)"><path class="a" d="M1036.338,1914.9a33.938,33.938,0,1,1-33.938,33.938A33.923,33.923,0,0,1,1036.338,1914.9Z" transform="translate(-1002.4 -1914.9)"/></g><path class="b" d="M1033.929,975.9a10.839,10.839,0,0,0-10.829,10.829.839.839,0,0,0,1.675.112h0a9.154,9.154,0,1,1,18.308,0,10.223,10.223,0,0,1-3.238,7.256,58.886,58.886,0,0,1-6.475,5.359.8.8,0,0,0-.335.67v6.587a.839.839,0,1,0,1.674.112h0v-6.252a53.715,53.715,0,0,0,6.252-5.247,12.159,12.159,0,0,0,3.684-8.373A10.66,10.66,0,0,0,1033.929,975.9Z" transform="translate(2.409 0.327)"/><circle class="b" cx="1.675" cy="1.675" r="1.675" transform="translate(1034.663 1013.514)"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 964 B

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

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 105 KiB

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

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 51 KiB

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

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 209 KiB

1
explore/src/assets/explore-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/explore-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/explore-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

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

@ -121,8 +121,18 @@
.portal-color.emphasis { .portal-color.emphasis {
color: #37C7E9; color: #37C7E9;
font-size: 50px; font-size: 40px;
font-weight: 300; font-weight: bold;
}
.numbers-background {
background: transparent url('numbers_background_pattern.svg') 0% 0% no-repeat padding-box;
background-size: cover;
}
.numbers-background .emphasis {
font-size: 40px;
font-weight: bold;
} }
.iframeContainer{ .iframeContainer{
@ -148,6 +158,9 @@
transition-duration:0.3s; transition-duration:0.3s;
} }
.homePageGrayBackground {
background: #FAFAFA 0% 0% no-repeat padding-box;
}
.graph-background { .graph-background {
background: var(--portal-main-color) 0 0 no-repeat padding-box; background: var(--portal-main-color) 0 0 no-repeat padding-box;
@ -203,7 +216,7 @@
} }
.explorePanelBackground .uk-grid-divider > :not(.uk-first-column)::before { .explorePanelBackground .uk-grid-divider > :not(.uk-first-column)::before {
border-left: 1px solid rgba(255, 255, 255, .2); border-left: 1px solid rgba(0, 0, 0, .2);
} }
.explorePanelBackground .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { .explorePanelBackground .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {