[Trunk | Connect]

1. /connect-assets/:
	a. In /about/ added updated icons (1.svg, 2.svg, 3.svg, 4.svg, cycle.svg) and removed .png.
	b. In /banner/ added updated icons (login.svg, togetger.svg) and remove .png.
	c. In /home/ added updated icons (1.svg, 2.svg, 3.svg, dashboard.svg) and removed .png.
	d. sketch_line_arrow.svg & sketch_line_arrow_large.svg: Replaced stroke color #94b2e2 with #bcc3ce.
2. connect-custom.css: 
	a. Added class "connect-background" with portal-main-color background.
	b. Added rule ".connectApp .text-small" (class text-small) for font-size: 14px;
	c. Added rule ".connectApp .uk-pagination > * > * " for color: #1a1a1a;
	d. Added class "contactUsBackground" for linear background with gradient in contact us sections.
3. curators.component.html: [Bug fix]: Show "Biography" title only when bio is available.
4. browse-community.component.html & communities.component.html & contact.component.html 
	& faqs.component.ts & learn-how.component.ts & learn-in-depth.component.ts & my-communities.component.html: 
		Updated fonts, colors and some margins according to new mocks.
5. In dashboard: subjects.component.ts & organizationsPage.component.ts & curators.component.html: Page title set to <h4>.


git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@60009 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
konstantina.galouni 2020-12-02 08:44:47 +00:00
parent 0ba78c0c11
commit 0c6b471270
35 changed files with 185 additions and 164 deletions

View File

@ -44,7 +44,7 @@
</a> </a>
</div> </div>
<div class="uk-card-body uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top uk-margin-small-top uk-margin-bottom"> <div class="uk-card-body uk-padding-small uk-padding-remove-horizontal uk-padding-remove-top uk-margin-small-top uk-margin-bottom">
<div class="uk-text-center uk-text-bold" [ngClass]="(showDescription)?'uk-margin-bottom':''"> <div class="uk-text-bold uk-text-left text-small" [ngClass]="(showDescription)?'uk-margin-small-bottom':''">
<a *ngIf="directLink" [href]="getCommunityPageUrl()" class="color" target="_blank" [class.uk-text-small]="smallTitle"> <a *ngIf="directLink" [href]="getCommunityPageUrl()" class="color" target="_blank" [class.uk-text-small]="smallTitle">
<span *ngIf="community.title"> <span *ngIf="community.title">
{{community.title.slice(0, thresholdTitle)}} {{community.title.slice(0, thresholdTitle)}}
@ -74,11 +74,11 @@
</div> </div>
<div> <div>
<div class="uk-position-small uk-position-bottom-right"> <div class="uk-position-small uk-position-bottom-right">
<a *ngIf="directLink" [href]="getCommunityPageUrl()" target="_blank" class="portal-link uk-text-uppercase uk-text-bold"> <a *ngIf="directLink" [href]="getCommunityPageUrl()" target="_blank" class="portal-link uk-text-uppercase uk-text-bold uk-text-underlined text-small">
Visit <!--{{(properties.environment == 'production'&& getProductionPrefix(community.communityId).length > 0 Visit <!--{{(properties.environment == 'production'&& getProductionPrefix(community.communityId).length > 0
?' BETA':'')}}--> ?' BETA':'')}}-->
</a> </a>
<a *ngIf="!directLink" (click)="confirmModalOpen()" class="portal-link uk-text-uppercase uk-text-bold"> <a *ngIf="!directLink" (click)="confirmModalOpen()" class="portal-link uk-text-uppercase uk-text-bold uk-text-underlined text-small">
Visit <!--{{(properties.environment == 'production' && getProductionPrefix(community.communityId).length > 0 Visit <!--{{(properties.environment == 'production' && getProductionPrefix(community.communityId).length > 0
?' BETA':'')}}--> ?' BETA':'')}}-->
</a> </a>

View File

@ -3,7 +3,7 @@
<div class="uk-padding-small"> <div class="uk-padding-small">
<div class="uk-grid uk-flex uk-flex-bottom"> <div class="uk-grid uk-flex uk-flex-bottom">
<div class="uk-width-1-2@m uk-width-1-1@s uk-margin-bottom"> <div class="uk-width-1-2@m uk-width-1-1@s uk-margin-bottom">
<h1>Build a <span class="uk-text-bold">Gateway</span> for your <span class="uk-text-bold">Community</span> <h1><span class="uk-text-light">Build a </span><span class="portal-color">Gateway</span><span class="uk-text-light"> for your </span><span class="portal-color">Community.</span>
</h1> </h1>
<ul class="uk-text-large uk-list uk-margin-top"> <ul class="uk-text-large uk-list uk-margin-top">
<li>Turn Open Science into Practice.</li> <li>Turn Open Science into Practice.</li>
@ -14,7 +14,7 @@
routerLink="/about/learn-how">LEARN routerLink="/about/learn-how">LEARN
HOW</a></div> HOW</a></div>
</div> </div>
<div class="uk-width-expand"><img src="assets/connect-assets/home/dashboard.png" style="height:370px"/> <div class="uk-width-expand"><img src="assets/connect-assets/home/dashboard.svg" style="height:370px"/>
</div> </div>
</div> </div>
</div> </div>
@ -25,10 +25,10 @@
</div> </div>
<div *ngIf="!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-section"> <div *ngIf="!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-section">
<div class="uk-padding-small"> <div class="uk-padding-small">
<h3 class="uk-text-bold">Community Gateways already in action</h3> <h3 class="uk-text-center">Community Gateways already in action</h3>
<div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')"> <div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
<div <div
class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center" class="uk-grid-match uk-grid-small uk-child-width-1-5@m uk-child-width-1-2 uk-text-center"
uk-grid uk-height-match=".community"> uk-grid uk-height-match=".community">
<div *ngFor="let community of researchCommunities.slice(0, 5); let i = index"> <div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">
<div class="uk-padding-small portalSearchCard"> <div class="uk-padding-small portalSearchCard">
@ -51,29 +51,28 @@
</div> </div>
<div class="uk-section uk-container uk-container-large"> <div class="uk-section uk-container uk-container-large">
<div class="uk-padding-small"> <div class="uk-padding-small">
<h3 class="uk-text-center uk-text-bold">Our mission for an Open and FAIR science</h3> <h3 class="uk-text-center">Our mission for an Open and FAIR science</h3>
<div class="uk-margin-medium-top"> <div class="uk-margin-medium-top">
<div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-large uk-grid-match uk-grid" uk-grid="" <div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-large uk-grid-match uk-grid" uk-grid=""
uk-height-match=".target"> uk-height-match=".target">
<div class="uk-first-column"> <div class="uk-first-column">
<div class="uk-card uk-card-default uk-card-body"> <div class="uk-card uk-card-default uk-card-body">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top"> <div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top">
<div class="target" style="min-height: 110px;"><img src="assets/connect-assets/home/1.png" <div class="target" style="min-height: 110px;"><img src="assets/connect-assets/home/1.svg"
style="height:80px; width:94px"/></div> style="height:80px; width:94px"/></div>
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div class="target uk-text-center"> <div class="target uk-text-center">
<h6 class="uk-text-bold">A Virtual Research Environment</h6> <div class="uk-text-bold uk-margin-small-bottom">A Virtual Research Environment</div>
<div>An overlay platform making it easy to share, link, disseminate and monitor all your publications, <div>An overlay platform making it easy to share, link, disseminate and monitor all your publications,
data, software, methods. In one place. data, software, methods. In one place.
</div> </div>
</div> </div>
<hr/> <hr/>
<div> <div>
<ul class="uk-list"> <ul class="uk-list text-small">
<li> <li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon" <div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20" <svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline> <polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
@ -82,8 +81,7 @@
Access to OpenAIRE research graph Access to OpenAIRE research graph
</li> </li>
<li> <li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon" <div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20" <svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline> <polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
@ -92,8 +90,7 @@
Moderated, front-end linking Moderated, front-end linking
</li> </li>
<li> <li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon" <div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20" <svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline> <polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
@ -109,21 +106,20 @@
<div> <div>
<div class="uk-card uk-card-default uk-card-body"> <div class="uk-card uk-card-default uk-card-body">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top"> <div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top">
<div class="target"><img src="assets/connect-assets/home/2.png" style="height:110px; width:101px"/></div> <div class="target"><img src="assets/connect-assets/home/2.svg" style="height:110px; width:101px"/></div>
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div class="target uk-text-center" style=""> <div class="target uk-text-center" style="">
<h6 class="uk-text-bold">Open Science in action</h6> <div class="uk-text-bold uk-margin-small-bottom">Open Science in action</div>
<div>A time-saving bundle of services for researchers to effortlessly practice open science. An integral <div>A time-saving bundle of services for researchers to effortlessly practice open science. An integral
part of the&nbsp;European Open Science Cloud. part of the&nbsp;European Open Science Cloud.
</div> </div>
</div> </div>
<hr> <hr>
<div> <div>
<ul class="uk-list"> <ul class="uk-list text-small">
<li> <li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon" <div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
uk-icon="icon: check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20" <svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline> <polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
@ -132,8 +128,7 @@
Use of OpenAIRE Guidelines Use of OpenAIRE Guidelines
</li> </li>
<li> <li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon" <div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20" <svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline> <polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
@ -142,8 +137,7 @@
Publish and get DOIs with Zenodo Publish and get DOIs with Zenodo
</li> </li>
<li> <li>
<div class="uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon" <div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20" <svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline> <polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
@ -159,23 +153,21 @@
<div> <div>
<div class="uk-card uk-card-default uk-card-body"> <div class="uk-card uk-card-default uk-card-body">
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top"> <div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center uk-margin-small-top">
<div class="target" style="min-height: 110px;"><img src="assets/connect-assets/home/3.png" <div class="target" style="min-height: 110px;"><img src="assets/connect-assets/home/3.svg"
style="height:100px; width:107px"/></div> style="height:100px; width:107px"/></div>
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div class="target uk-text-center" style=""> <div class="target uk-text-center" style="">
<h6 class="uk-text-bold">Customized to your needs</h6> <div class="uk-text-bold uk-margin-small-bottom">Customized to your needs</div>
<div>A Gateway with your own brand, rules for aggregation, text &amp; data mining, and presentation. Run <div>A Gateway with your own brand, rules for aggregation, text &amp; data mining, and presentation. Run
by you via a simple, yet powerful backend administration tool. by you via a simple, yet powerful backend administration tool.
</div> </div>
</div> </div>
<hr> <hr>
<div> <div>
<ul class="uk-list"> <ul class="uk-list text-small">
<li> <li>
<div <div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20" <svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline> <polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
@ -184,9 +176,7 @@
Access control Access control
</li> </li>
<li> <li>
<div <div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20" <svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline> <polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
@ -195,9 +185,7 @@
Analytics: rich set of indicators Analytics: rich set of indicators
</li> </li>
<li> <li>
<div <div class="circle connect-background uk-margin-small-right uk-icon" uk-icon="check">
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right uk-icon"
uk-icon="check"><br/>
<svg data-svg="check" height="20" viewbox="0 0 20 20" width="20" <svg data-svg="check" height="20" viewbox="0 0 20 20" width="20"
xmlns="http://www.w3.org/2000/svg"> xmlns="http://www.w3.org/2000/svg">
<polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline> <polyline fill="none" points="4,10 8,15 17,4" stroke="#000" stroke-width="1.1"></polyline>
@ -227,8 +215,8 @@
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
<h4 class="uk-text-bold">Find a repository to deposit your research outcome</h4> <h4 class="">Find a repository to deposit your research outcome</h4>
<div class="uk-margin-medium uk-text-large">This is OpenAIRE&rsquo;s key service for research <div class="uk-margin-medium">This is OpenAIRE&rsquo;s key service for research
communities, both established and emerging ones. Our service helps you reach out and engage all your communities, both established and emerging ones. Our service helps you reach out and engage all your
researchers to practice open science out-of-the-box. researchers to practice open science out-of-the-box.
</div> </div>
@ -245,9 +233,9 @@
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
<h4 class="uk-text-bold">Link your research output with your community, funding, and other research <h4 class="">Link your research output with your community, funding, and other research
products</h4> products</h4>
<div class="uk-margin-medium uk-text-large">This is OpenAIRE&rsquo;s key service for research <div class="uk-margin-medium">This is OpenAIRE&rsquo;s key service for research
communities, both established and emerging ones. Our service helps you reach out and engage all your communities, both established and emerging ones. Our service helps you reach out and engage all your
researchers to practice open science out-of-the-box. researchers to practice open science out-of-the-box.
</div> </div>
@ -264,8 +252,8 @@
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
<h4 class="uk-text-bold">View community&#39;s overview at a glance</h4> <h4 class="">View community&#39;s overview at a glance</h4>
<div class="uk-margin-medium uk-text-large">This is OpenAIRE&rsquo;s key service for research <div class="uk-margin-medium">This is OpenAIRE&rsquo;s key service for research
communities, both established and emerging ones. Our service helps you reach out and engage all your communities, both established and emerging ones. Our service helps you reach out and engage all your
researchers to practice open science out-of-the-box. researchers to practice open science out-of-the-box.
</div> </div>
@ -282,8 +270,8 @@
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
<h4 class="uk-text-bold">Search &amp; browse your community&#39;s research products.</h4> <h4 class="">Search &amp; browse your community&#39;s research products.</h4>
<div class="uk-margin-medium uk-text-large">This is OpenAIRE&rsquo;s key service for research <div class="uk-margin-medium">This is OpenAIRE&rsquo;s key service for research
communities, both established and emerging ones. Our service helps you reach out and engage all your communities, both established and emerging ones. Our service helps you reach out and engage all your
researchers to practice open science out-of-the-box. researchers to practice open science out-of-the-box.
</div> </div>
@ -301,8 +289,8 @@
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
<h4 class="uk-text-bold">View statistics for your community&#39;s research products.</h4> <h4 class="">View statistics for your community&#39;s research products.</h4>
<div class="uk-margin-medium uk-text-large">This is OpenAIRE&rsquo;s key service for research <div class="uk-margin-medium">This is OpenAIRE&rsquo;s key service for research
communities, both established and emerging ones. Our service helps you reach out and engage all your communities, both established and emerging ones. Our service helps you reach out and engage all your
researchers to practice open science out-of-the-box. researchers to practice open science out-of-the-box.
</div> </div>
@ -314,11 +302,11 @@
</li> </li>
</ul> </ul>
<ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"> <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin">
<li class="uk-active" uk-slider-item="0"></li> <!-- <li class="uk-active" uk-slider-item="0"></li>-->
<li uk-slider-item="1"></li> <!-- <li uk-slider-item="1"></li>-->
<li uk-slider-item="2"></li> <!-- <li uk-slider-item="2"></li>-->
<li uk-slider-item="3"></li> <!-- <li uk-slider-item="3"></li>-->
<li uk-slider-item="4"></li> <!-- <li uk-slider-item="4"></li>-->
</ul> </ul>
</div> </div>
</div> </div>
@ -326,19 +314,24 @@
</div> </div>
<!--<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" <!--<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
[texts]="pageContents['bottom']"></helper>--> [texts]="pageContents['bottom']"></helper>-->
<div class="uk-section" style="background-color: #D9D8E8;"> <!--<div class="uk-section" style="background-color: #D9D8E8;">-->
<div class="uk-container"> <div class="uk-section contactUsBackground">
<div class="uk-flex uk-flex-middle uk-padding uk-grid" uk-grid=""> <div class="uk-container uk-text-center">
<div class="uk-text-center uk-width-1-1@s uk-width-1-3@m uk-first-column"><img <!-- <div class="uk-flex uk-flex-middle uk-padding uk-grid" uk-grid="">-->
src="assets/connect-assets/contact/1.png" style="width:237px"/></div> <!-- <div class="uk-text-center uk-width-1-1@s uk-width-1-3@m uk-first-column"><img-->
<div class="uk-width-expand"> <!-- src="assets/connect-assets/contact/1.png" style="width:237px"/></div>-->
<h3>Let us Help you Develop a<br/> <!-- <div class="uk-width-expand">-->
Collaborative Open Science Gateway.<br/> <h3>Let us Help you Develop a
<!-- <br/>-->
Collaborative Science
<br/>
Gateway.
<!-- <br/>-->
It is fast. It is reliable.</h3> It is fast. It is reliable.</h3>
<div class="uk-margin-medium uk-text-large">Get in touch with our team to find out how.</div> <div class="uk-margin-medium">Get in touch with our team to find out how.</div>
<div class="uk-inline"><a class="uk-button portal-button" routerLink="/contact-us">CONTACT US</a></div> <div class="uk-inline"><a class="uk-button portal-button" routerLink="/contact-us">CONTACT US</a></div>
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> </div>
</div> </div>
<div class="uk-section-muted"> <div class="uk-section-muted">

View File

@ -17,9 +17,9 @@
<h6 class="uk-margin-auto-top uk-margin-remove-bottom uk-text-bold">OpenAIRE gives you the virtual environment <h6 class="uk-margin-auto-top uk-margin-remove-bottom uk-text-bold">OpenAIRE gives you the virtual environment
and services designed for your community to:</h6> and services designed for your community to:</h6>
<ul class="uk-list uk-list-divider uk-padding uk-padding-remove-left uk-margin-auto-top"> <ul class="uk-list uk-list-divider uk-padding uk-padding-remove-left uk-margin-auto-top">
<li><span class="uk-text-bold">Create and Manage</span> your Community Gateway</li> <li><span class="uk-text-bold portal-color">Create</span> and <span class="uk-text-bold portal-color">Manage</span> your Community Gateway</li>
<li><span class="uk-text-bold">Access, share and link</span> together all your research</li> <li><span class="uk-text-bold portal-color">Access, share</span> and <span class="uk-text-bold portal-color">link</span> together all your research</li>
<li><span class="uk-text-bold">Monitor and report</span> your community&#39;s progress</li> <li><span class="uk-text-bold portal-color">Monitor</span> and <span class="uk-text-bold portal-color">report</span> your community&#39;s progress</li>
</ul> </ul>
</div> </div>
<contact-us formTitle="Contact us to learn more" class="uk-width-1-2@m" <contact-us formTitle="Contact us to learn more" class="uk-width-1-2@m"

View File

@ -11,9 +11,9 @@
class="loading-gif uk-align-center"></span></div> class="loading-gif uk-align-center"></span></div>
</div> </div>
<div *ngIf="!showLoading"> <div *ngIf="!showLoading">
<div class="uk-margin-medium-top uk-h2"> <h4 class="uk-margin-medium-top">
<span class="">Curators</span> <span class="">Curators</span>
</div> </h4>
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0" <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
[texts]="pageContents['top']"></helper> [texts]="pageContents['top']"></helper>
<div *ngIf="curators"> <div *ngIf="curators">
@ -31,7 +31,7 @@
{{curator.name}} {{curator.name}}
</div> </div>
</div> </div>
<div class="uk-margin-medium-top uk-height-max-large uk-overflow-auto"> <div *ngIf="curator.bio" class="uk-margin-medium-top uk-height-max-large uk-overflow-auto">
<div class="uk-text-muted"> <div class="uk-text-muted">
Biography Biography
</div> </div>

View File

@ -8,7 +8,7 @@ import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.co
<breadcrumbs [addClass]="'uk-margin-large-left uk-margin-remove-bottom uk-margin-small-top'" [breadcrumbs]="breadcrumbs"></breadcrumbs> <breadcrumbs [addClass]="'uk-margin-large-left uk-margin-remove-bottom uk-margin-small-top'" [breadcrumbs]="breadcrumbs"></breadcrumbs>
<div class="uk-container uk-container-large uk-margin-bottom"> <div class="uk-container uk-container-large uk-margin-bottom">
<div class="uk-h2 uk-margin-medium-top uk-margin-bottom">Supporting Organizations</div> <h4 class="uk-margin-medium-top uk-margin-bottom">Supporting Organizations</h4>
<html-page description="Organizations" pageTitle="Supporting Organizations"></html-page> <html-page description="Organizations" pageTitle="Supporting Organizations"></html-page>
<affiliations [longView]="true" [getAffiliationsFromAPI]="true"></affiliations> <affiliations [longView]="true" [getAffiliationsFromAPI]="true"></affiliations>
</div> </div>

View File

@ -20,13 +20,13 @@ import {properties} from "../../../environments/environment";
<div class="uk-container uk-container-large uk-section uk-padding-remove-top"> <div class="uk-container uk-container-large uk-section uk-padding-remove-top">
<div class="uk-padding-small"> <div class="uk-padding-small">
<div class="uk-margin-top uk-margin-medium-bottom"> <div class="uk-margin-top uk-margin-medium-bottom">
<h2 class="uk-text-bold">Frequently Asked Questions</h2> <h3 class="">Frequently Asked Questions</h3>
</div> </div>
<div class="uk-container"> <div class="uk-container">
<ul class="uk-accordion" uk-accordion=""> <ul class="uk-accordion" uk-accordion="">
<li> <li>
<a class="uk-accordion-title color" href="#">What is a &quot;Research community&quot;?</a> <a class="uk-accordion-title color" href="#">What is a &quot;Research community&quot;?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden=""> <div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<p>A research community is a community of practice that gathers together researchers and practitioners <p>A research community is a community of practice that gathers together researchers and practitioners
with common research interests (e.g. a research discipline or a specific research topic) and, with common research interests (e.g. a research discipline or a specific research topic) and,
possibly, a decisional board. In some cases, a community builds and grows in the context of a research possibly, a decisional board. In some cases, a community builds and grows in the context of a research
@ -38,7 +38,7 @@ import {properties} from "../../../environments/environment";
<li> <li>
<a class="uk-accordion-title color" href="#">What is the difference between a Community Gateway and the <a class="uk-accordion-title color" href="#">What is the difference between a Community Gateway and the
Research Community Dashboard (RCD)?</a> Research Community Dashboard (RCD)?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden=""> <div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<p>The RCD offers on demand Community Gateways that communities can customize to fit their sharing, <p>The RCD offers on demand Community Gateways that communities can customize to fit their sharing,
publishing and discovery needs. Through the RCD, gateway managers can configure the respective publishing and discovery needs. Through the RCD, gateway managers can configure the respective
Community Gateway by providing (i) the criteria identifying the subset of the OpenAIRE Research Graph Community Gateway by providing (i) the criteria identifying the subset of the OpenAIRE Research Graph
@ -48,7 +48,7 @@ import {properties} from "../../../environments/environment";
<li> <li>
<a class="uk-accordion-title color" href="#">How can Research Community thematic services integrate with <a class="uk-accordion-title color" href="#">How can Research Community thematic services integrate with
the Research Community Dashboard (RCD)?</a> the Research Community Dashboard (RCD)?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden=""> <div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<p>Once a Community Gateway has been created, several thematic service integration patterns are <p>Once a Community Gateway has been created, several thematic service integration patterns are
possible:</p> possible:</p>
<ol> <ol>
@ -81,7 +81,7 @@ import {properties} from "../../../environments/environment";
</li> </li>
<li><a class="uk-accordion-title color" href="#">What does my Research Community gain in terms of Open <li><a class="uk-accordion-title color" href="#">What does my Research Community gain in terms of Open
Science?</a> Science?</a>
<div aria-hidden="true" class="uk-accordion-content uk-grid" hidden="" uk-grid=""> <div aria-hidden="true" class="uk-accordion-content text-small uk-grid uk-margin-medium-bottom" hidden="" uk-grid="">
<div class="uk-width-1-1 uk-first-column"><span <div class="uk-width-1-1 uk-first-column"><span
class="uk-text-bold">Discovery and reproducibility:</span> Your community will have a single entry class="uk-text-bold">Discovery and reproducibility:</span> Your community will have a single entry
point where all research products, of any type (literature, datasets, software, workflows, protocols), point where all research products, of any type (literature, datasets, software, workflows, protocols),
@ -109,7 +109,7 @@ import {properties} from "../../../environments/environment";
</li> </li>
<li> <li>
<a class="uk-accordion-title color" href="#">How is the service part of the European Open Science Cloud?</a> <a class="uk-accordion-title color" href="#">How is the service part of the European Open Science Cloud?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden=""> <div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<p>OpenAIRE has onboarded in the EOSC Market Place both the RCD, as a service that offers on-demand <p>OpenAIRE has onboarded in the EOSC Market Place both the RCD, as a service that offers on-demand
Community Gateways, and the Gateways as services openly accessible by researchers to explore specific Community Gateways, and the Gateways as services openly accessible by researchers to explore specific
domains of interest. domains of interest.
@ -118,13 +118,13 @@ import {properties} from "../../../environments/environment";
</li> </li>
<li> <li>
<a class="uk-accordion-title color" href="#">Who owns the gateway?</a> <a class="uk-accordion-title color" href="#">Who owns the gateway?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden=""> <div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<p>The community owns the portal, OpenAIRE operates it.</p> <p>The community owns the portal, OpenAIRE operates it.</p>
</div> </div>
</li> </li>
<li> <li>
<a class="uk-accordion-title color" href="#">How is the gateway operated?</a> <a class="uk-accordion-title color" href="#">How is the gateway operated?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden=""> <div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<p>The gateway is hosted on a virtual machine operated by OpenAIRE and hosted at the <a <p>The gateway is hosted on a virtual machine operated by OpenAIRE and hosted at the <a
href="https://icm.edu.pl/en/centre-of-technology/" target="_blank">ICM data centre</a>. The Gateway href="https://icm.edu.pl/en/centre-of-technology/" target="_blank">ICM data centre</a>. The Gateway
is built with Angular and uses RESTful APIs, built with Java and the Spring Framework, to access the is built with Angular and uses RESTful APIs, built with Java and the Spring Framework, to access the
@ -137,7 +137,7 @@ import {properties} from "../../../environments/environment";
</li> </li>
<li> <li>
<a class="uk-accordion-title color" href="#">What is the SLA of the service?</a> <a class="uk-accordion-title color" href="#">What is the SLA of the service?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden=""> <div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<p>The RCD and the gateways are subject to the generic <a class="uk-link" <p>The RCD and the gateways are subject to the generic <a class="uk-link"
href="https://www.openaire.eu/service-level-agreement" href="https://www.openaire.eu/service-level-agreement"
target="_blank">OpenAIRE services SLA</a>. target="_blank">OpenAIRE services SLA</a>.
@ -146,7 +146,7 @@ import {properties} from "../../../environments/environment";
</li> </li>
<li> <li>
<a class="uk-accordion-title color" href="#">What are the costs?</a> <a class="uk-accordion-title color" href="#">What are the costs?</a>
<div aria-hidden="true" class="uk-accordion-content" hidden=""> <div aria-hidden="true" class="uk-accordion-content text-small uk-margin-medium-bottom" hidden="">
<div>Researchers of the community shall not pay to access the Community Gateway.</div> <div>Researchers of the community shall not pay to access the Community Gateway.</div>
<div>For the deployment and maintenance of a gateway, OpenAIRE may need support to cover part of the <div>For the deployment and maintenance of a gateway, OpenAIRE may need support to cover part of the
costs (hardware, hardware management, application administration, software maintenance, and text costs (hardware, hardware management, application administration, software maintenance, and text
@ -160,7 +160,7 @@ import {properties} from "../../../environments/environment";
<li> <li>
<a class="uk-accordion-title color" href="#">In what other areas can my Research community collaborate with <a class="uk-accordion-title color" href="#">In what other areas can my Research community collaborate with
OpenAIRE?</a> OpenAIRE?</a>
<div aria-hidden="true" class="uk-accordion-content uk-grid" hidden="" uk-grid=""> <div aria-hidden="true" class="uk-accordion-content text-small uk-grid uk-margin-medium-bottom" hidden="" uk-grid="">
<div class="uk-width-1-1"> <div class="uk-width-1-1">
<div style="font-style: italic">Open Science training</div> <div style="font-style: italic">Open Science training</div>
Help us training on Open Science students and researchers of your community by organising a workshop. Help us training on Open Science students and researchers of your community by organising a workshop.

View File

@ -14,13 +14,13 @@ import {properties} from "../../environments/environment";
template: ` template: `
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld> <schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
<ng-template #one> <ng-template #one>
<h5 class="uk-text-bold uk-margin-small-bottom">1. Understanding your needs</h5> <h6 class="uk-text-bold uk-margin-small-bottom">1. Understanding your needs</h6>
<div>First, we learn about your requirements and challenges. We help you understand Open Science practices within <div>First, we learn about your requirements and challenges. We help you understand Open Science practices within
EOSC and together we&rsquo;ll talk about how OpenAIRE RCD fits as a solution. EOSC and together we&rsquo;ll talk about how OpenAIRE RCD fits as a solution.
</div> </div>
</ng-template> </ng-template>
<ng-template #two> <ng-template #two>
<h5 class=" uk-text-bold uk-margin-small-bottom">2. Develop a pilot</h5> <h6 class=" uk-text-bold uk-margin-small-bottom">2. Develop a pilot</h6>
<div> <div>
How do you work today, and how would you like to work tomorrow? We translate your needs into rules How do you work today, and how would you like to work tomorrow? We translate your needs into rules
and processes and we configure operational OpenAIRE services. By the end of this phase, we&rsquo;ll and processes and we configure operational OpenAIRE services. By the end of this phase, we&rsquo;ll
@ -28,7 +28,7 @@ import {properties} from "../../environments/environment";
</div> </div>
</ng-template> </ng-template>
<ng-template #three> <ng-template #three>
<h5 class="uk-text-bold uk-margin-small-bottom">3. Test and Validate</h5> <h6 class="uk-text-bold uk-margin-small-bottom">3. Test and Validate</h6>
<div> <div>
You validate and test your new Community Gateway (portal) with your experts and community to ensure You validate and test your new Community Gateway (portal) with your experts and community to ensure
all workflows are in place and quality of data meets your standards. If needed, we work together in all workflows are in place and quality of data meets your standards. If needed, we work together in
@ -36,7 +36,7 @@ import {properties} from "../../environments/environment";
</div> </div>
</ng-template> </ng-template>
<ng-template #four> <ng-template #four>
<h5 class=" uk-text-bold uk-margin-small-bottom">4. Roll out the service</h5> <h6 class=" uk-text-bold uk-margin-small-bottom">4. Roll out the service</h6>
<div> <div>
We jointly roll out your new Community Gateway. You take over the business operations and start We jointly roll out your new Community Gateway. You take over the business operations and start
engaging your researchers, we take care of the smooth operation of the e-service. engaging your researchers, we take care of the smooth operation of the e-service.
@ -53,9 +53,9 @@ import {properties} from "../../environments/environment";
style="background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%) !important;"> style="background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%) !important;">
<div class="uk-container uk-container-large uk-margin-top"> <div class="uk-container uk-container-large uk-margin-top">
<div class="uk-padding-small"> <div class="uk-padding-small">
<h1 class="uk-width-1-1 uk-text-bold">Learn the process</h1> <h1 class="uk-width-1-1 uk-text-light">Learn the process.</h1>
<div class="uk-width-1-2@l uk-width-1-1@s uk-text-large uk-margin-top">Build a <strong>Gateway to your <div class="uk-width-1-2@l uk-width-1-1@s uk-text-large uk-margin-top">Build a <span class="uk-text-bold portal-color">Gateway to your
community&#39;s</strong> open and linked research outcomes. Customized to your needs. community&#39;s</span> open and linked research outcomes. Customized to your needs.
</div> </div>
<div class="uk-margin-large-top uk-flex uk-child-width-1-3@m uk-child-width-1-1@s uk-flex-center uk-grid" <div class="uk-margin-large-top uk-flex uk-child-width-1-3@m uk-child-width-1-1@s uk-flex-center uk-grid"
uk-grid=""> uk-grid="">
@ -74,7 +74,7 @@ import {properties} from "../../environments/environment";
</div> </div>
</div> </div>
<div class="uk-text-center"><img src="assets/connect-assets/about/cycle.png"/></div> <div class="uk-text-center"><img src="assets/connect-assets/about/cycle.svg"/></div>
<div class="uk-flex uk-child-width-1-1@m uk-child-width-1-2@s uk-grid uk-grid-stack" uk-grid=""> <div class="uk-flex uk-child-width-1-1@m uk-child-width-1-2@s uk-grid uk-grid-stack" uk-grid="">
<div class="uk-visible@m uk-first-column"> <div class="uk-visible@m uk-first-column">
@ -96,7 +96,7 @@ import {properties} from "../../environments/environment";
</div> </div>
<div class="uk-width-1-1 uk-text-center uk-text-large uk-margin-large-top"><a <div class="uk-width-1-1 uk-text-center uk-text-large uk-margin-large-top"><a
class="uk-button portal-button uk-text-uppercase" routerLink="/about/learn-in-depth">Learn more class="uk-button portal-button uk-text-uppercase" routerLink="/about/learn-in-depth">Learn more
details</a> details ></a>
</div> </div>
</div> </div>
</div> </div>
@ -115,8 +115,8 @@ import {properties} from "../../environments/environment";
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
<h4 class="uk-text-bold">Profile</h4> <h4 class="">Profile</h4>
<div class="uk-margin-medium uk-text-large">Edit community information, change logo url, add <div class="uk-margin-medium ">Edit community information, change logo url, add
community managers or organizations related to community. community managers or organizations related to community.
</div> </div>
</div> </div>
@ -131,8 +131,8 @@ import {properties} from "../../environments/environment";
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
<h4 class="uk-text-bold">Content</h4> <h4 class="">Content</h4>
<div class="uk-margin-medium uk-text-large">Manage projects, content providers, subjects and <div class="uk-margin-medium ">Manage projects, content providers, subjects and
zenodo communities that are related to the research community. zenodo communities that are related to the research community.
</div> </div>
</div> </div>
@ -147,8 +147,8 @@ import {properties} from "../../environments/environment";
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
<h4 class="uk-text-bold">Statistics &amp; Charts</h4> <h4 class="">Statistics &amp; Charts</h4>
<div class="uk-margin-medium uk-text-large">Manage statistical numbers &amp; charts that will be <div class="uk-margin-medium ">Manage statistical numbers &amp; charts that will be
displayed in the community overview and graph analysis views. displayed in the community overview and graph analysis views.
</div> </div>
</div> </div>
@ -163,8 +163,8 @@ import {properties} from "../../environments/environment";
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
<h4 class="uk-text-bold">Links</h4> <h4 class="">Links</h4>
<div class="uk-margin-medium uk-text-large">Manage user claims related to the research <div class="uk-margin-medium ">Manage user claims related to the research
community. community.
</div> </div>
</div> </div>
@ -178,8 +178,8 @@ import {properties} from "../../environments/environment";
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
<h4 class="uk-text-bold">Help texts</h4> <h4 class="">Help texts</h4>
<div class="uk-margin-medium uk-text-large">Add or edit help text in research community pages. <div class="uk-margin-medium ">Add or edit help text in research community pages.
</div> </div>
</div> </div>
</div> </div>
@ -193,8 +193,8 @@ import {properties} from "../../environments/environment";
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
<h4 class="uk-text-bold">Users</h4> <h4 class="">Users</h4>
<div class="uk-margin-medium uk-text-large">Invite more users to subscribe, manage community <div class="uk-margin-medium ">Invite more users to subscribe, manage community
subscribers, your personal info and notification settings. subscribers, your personal info and notification settings.
</div> </div>
</div> </div>
@ -214,21 +214,24 @@ import {properties} from "../../environments/environment";
</div> </div>
</div> </div>
</div> </div>
<div class="uk-section" style="background-color: #D9D8E8;"> <!-- <div class="uk-section" style="background-color: #D9D8E8;">-->
<div class="uk-container"> <div class="uk-section contactUsBackground">
<div class="uk-padding-small"> <div class="uk-container uk-text-center">
<div class="uk-flex uk-flex-middle uk-padding uk-grid" uk-grid=""> <!-- <div class="uk-padding-small">-->
<div class="uk-width-expand uk-first-column"> <!-- <div class="uk-flex uk-flex-middle uk-padding uk-grid" uk-grid="">-->
<h3>Get in touch with our team to find out how.</h3> <!-- <div class="uk-width-expand uk-first-column">-->
<div class="uk-margin-medium uk-text-large">We look forward to working together and helping you unlock the <h3>Get in touch with our team</h3>
full potential of your research community through open science. <div class="uk-margin-medium">We look forward to working together and helping you unlock the
full
<br/>
potential of your research community through open science.
</div> </div>
<div class="uk-inline"><a class="uk-button portal-button" routerLink="/contact-us">Contact us</a></div> <div class="uk-inline"><a class="uk-button portal-button" routerLink="/contact-us">Contact us</a></div>
</div> <!-- </div>-->
<div class="uk-text-center uk-width-1-1@s uk-width-1-3@m"><img src="assets/connect-assets/contact/3.png" <!-- <div class="uk-text-center uk-width-1-1@s uk-width-1-3@m"><img src="assets/connect-assets/contact/3.png"-->
style="width:263px"/></div> <!-- style="width:263px"/></div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> </div>
</div> </div>
` `

View File

@ -25,19 +25,19 @@ import {properties} from "../../../environments/environment";
<div class="uk-padding-small"> <div class="uk-padding-small">
<div class="uk-grid" uk-grid> <div class="uk-grid" uk-grid>
<div class="uk-width-3-4@m uk-width-1-1@s uk-first-column"> <div class="uk-width-3-4@m uk-width-1-1@s uk-first-column">
<h1 class="uk-width-3-4 uk-margin-medium-bottom">Let&rsquo;s set up a Gateway for your Community <strong>Together</strong> <h1 class="uk-width-3-4 uk-margin-medium-bottom"><span class="uk-text-light">Let&rsquo;s set up a Gateway for your Community </span><span class="portal-color">Together.</span>
</h1> </h1>
<div class="uk-width-4-5@m uk-width-1-1@s uk-text-large"> <div class="uk-width-4-5@m uk-width-1-1@s uk-text-large">
<div class="uk-margin-bottom">You don&rsquo;t have to go alone.</div> <div class="uk-margin-bottom">You don&rsquo;t have to go alone.</div>
<div>We work with you in <strong>4 collaborative steps</strong> to identify your needs, putting in <div>We work with you in <span class="portal-color uk-text-bold">4 collaborative steps</span> to identify your needs, putting in
practice our expertise on open science so you get the most out of OpenAIRE&rsquo;s operational practice our expertise on open science so you get the most out of OpenAIRE&rsquo;s operational
services. services.
</div> </div>
</div> </div>
</div> </div>
<div class="uk-margin-large-top uk-width-expand"> <div class="uk-margin-large-top uk-width-expand">
<img src="assets/connect-assets/banner/together.png" <img src="assets/connect-assets/banner/together.svg"
style="height:285px; width:308px"/> style="height:285px; width:308px"/>
</div> </div>
</div> </div>
@ -48,13 +48,13 @@ import {properties} from "../../../environments/environment";
<div class="uk-padding-small"> <div class="uk-padding-small">
<div class="uk-grid" uk-grid=""> <div class="uk-grid" uk-grid="">
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column uk-first-column"> <div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column uk-first-column">
<img class="uk-align-center" src="assets/connect-assets/about/1.png" style="width:100px"/> <img class="uk-align-center" src="assets/connect-assets/about/1.svg" style="width:100px"/>
<img class="uk-align-center" src="assets/connect-assets/sketch_line_arrow.svg"/> <img class="uk-align-center" src="assets/connect-assets/sketch_line_arrow.svg"/>
</div> </div>
<div class="uk-width-expand"> <div class="uk-width-expand">
<h3 class="uk-margin-medium uk-text-bold">1. Analyse your needs</h3> <h4 class="">1. Analyse your needs</h4>
<div style="font-style: italic;">Identify the scope and goals. Understand open science practices within EOSC <div class="uk-margin-medium-bottom" style="font-style: italic;">"Identify the scope and goals. Understand open science practices within EOSC
and the OpenAIRE services and the OpenAIRE services."
</div> </div>
<p>In this stage, you get to talk to the OpenAIRE team. Share your expectations with us and let us give you <p>In this stage, you get to talk to the OpenAIRE team. Share your expectations with us and let us give you
all the details about the operational OpenAIRE services, which will be integrated into the Gateway for all the details about the operational OpenAIRE services, which will be integrated into the Gateway for
@ -83,13 +83,13 @@ import {properties} from "../../../environments/environment";
</div> </div>
<div class="uk-grid" uk-grid="" uk-height-match=""> <div class="uk-grid" uk-grid="" uk-height-match="">
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column uk-first-column"> <div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column uk-first-column">
<img class="uk-align-center" src="assets/connect-assets/about/2.png" style="width:100px"/> <img class="uk-align-center" src="assets/connect-assets/about/2.svg" style="width:100px"/>
<img class="uk-align-center" src="assets/connect-assets/sketch_line_arrow.svg"/> <img class="uk-align-center" src="assets/connect-assets/sketch_line_arrow.svg"/>
</div> </div>
<div class="uk-width-expand"> <div class="uk-width-expand">
<h3 class="uk-margin-medium uk-text-bold">2. Develop a pilot</h3> <h4 class="">2. Develop a pilot</h4>
<div style="font-style: italic;">We translate your needs into rules and processes and we configure <div class="uk-margin-medium-bottom" style="font-style: italic;">"We translate your needs into rules and processes and we configure
operational OpenAIRE services. operational OpenAIRE services."
</div> </div>
<p>Based on the information gathered in phase 1 &ldquo;Analyse your needs&rdquo;, the OpenAIRE team will set <p>Based on the information gathered in phase 1 &ldquo;Analyse your needs&rdquo;, the OpenAIRE team will set
up a pilot Gateway. We will configure the OpenAIRE mining algorithms to identify research products of the up a pilot Gateway. We will configure the OpenAIRE mining algorithms to identify research products of the
@ -103,13 +103,13 @@ import {properties} from "../../../environments/environment";
</div> </div>
<div class="uk-grid" uk-grid="" uk-height-match=""> <div class="uk-grid" uk-grid="" uk-height-match="">
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column uk-first-column"> <div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column uk-first-column">
<img class="uk-align-center" src="assets/connect-assets/about/3.png" style="width:100px"/> <img class="uk-align-center" src="assets/connect-assets/about/3.svg" style="width:100px"/>
<img class="uk-align-center" src="assets/connect-assets/sketch_line_arrow_large.svg"/> <img class="uk-align-center" src="assets/connect-assets/sketch_line_arrow_large.svg"/>
</div> </div>
<div class="uk-width-expand"> <div class="uk-width-expand">
<h3 class="uk-margin-medium uk-text-bold">3. Test and Validate</h3> <h4 class="">3. Test and Validate</h4>
<div style="font-style: italic;">You validate and test your new Community Gateway (portal). If needed, we <div class="uk-margin-medium-bottom" style="font-style: italic;">"You validate and test your new Community Gateway (portal). If needed, we
further refine and adapt to your needs further refine and adapt to your needs."
</div> </div>
<p>Upon the completion of phase 2, take the time you need to test all its features, from search and browse <p>Upon the completion of phase 2, take the time you need to test all its features, from search and browse
for research products, to addition/removal of statistics from the portal. You can report any issue you for research products, to addition/removal of statistics from the portal. You can report any issue you
@ -131,12 +131,12 @@ import {properties} from "../../../environments/environment";
</div> </div>
<div class="uk-grid" uk-grid="" uk-height-match=""> <div class="uk-grid" uk-grid="" uk-height-match="">
<div class="uk-width-1-6 uk-position-relative uk-first-column"> <div class="uk-width-1-6 uk-position-relative uk-first-column">
<img class="uk-align-center" src="assets/connect-assets/about/4.png" style="width:100px"/> <img class="uk-align-center" src="assets/connect-assets/about/4.svg" style="width:100px"/>
</div> </div>
<div class="uk-width-expand"> <div class="uk-width-expand">
<h3 class="uk-margin-medium uk-text-bold">4. Roll out the service</h3> <h4 class="">4. Roll out the service</h4>
<div style="font-style: italic;">We jointly roll out your new portal. You take over the business operations <div class="uk-margin-medium-bottom" style="font-style: italic;">"We jointly roll out your new portal. You take over the business operations
and start engaging your researchers and start engaging your researchers."
</div> </div>
<p>Here we are: the coverage of research products is good, interesting statistics and charts have been <p>Here we are: the coverage of research products is good, interesting statistics and charts have been
selected, and the portal pages available for end-users are ready. We can roll out the Community Gateway selected, and the portal pages available for end-users are ready. We can roll out the Community Gateway
@ -154,22 +154,24 @@ import {properties} from "../../../environments/environment";
</div> </div>
</div> </div>
</div> </div>
<div class="uk-section" style="background-color: #D9D8E8;"> <div class="uk-section contactUsBackground" style="background-color: #D9D8E8;">
<div class="uk-container"> <div class="uk-container uk-text-center">
<div class="uk-padding-small"> <!-- <div class="uk-padding-small">-->
<div class="uk-flex uk-flex-middle uk-padding uk-grid" uk-grid=""> <!-- <div class="uk-flex uk-flex-middle uk-padding uk-grid" uk-grid="">-->
<div class="uk-text-center uk-width-1-1@s uk-width-1-3@m uk-first-column"> <!-- <div class="uk-text-center uk-width-1-1@s uk-width-1-3@m uk-first-column">-->
<img src="assets/connect-assets/contact/2.png" style="width:329px"/> <!-- <img src="assets/connect-assets/contact/2.png" style="width:329px"/>-->
</div> <!-- </div>-->
<div class="uk-width-expand"> <!-- <div class="uk-width-expand">-->
<h3>Let us help you develop a collaborative Open Science Gateway for your <h3>Let us Help you develop a Collaborative Science
community.<br/> <br/>
Gateway.
<!-- <br/>-->
It is fast. It is reliable.</h3> It is fast. It is reliable.</h3>
<div class="uk-margin-medium uk-text-large">Get in touch with our team to find out how.</div> <div class="uk-margin-medium">Get in touch with our team to find out how.</div>
<div class="uk-inline"><a class="uk-button portal-button" routerLink="/contact-us">CONTACT US</a></div> <div class="uk-inline"><a class="uk-button portal-button" routerLink="/contact-us">CONTACT US</a></div>
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> </div>
</div> </div>
` `

View File

@ -3,7 +3,7 @@
type="home" type="home"
name="OpenAIRE Connect"> name="OpenAIRE Connect">
</schema2jsonld> </schema2jsonld>
<div class="banner-background image-front-topbar"> <div class=" image-front-topbar" style="background: transparent linear-gradient(0deg, #FAFAFA 23%, #E2EEFA 30%)">
<div class="uk-section uk-container uk-container-large"> <div class="uk-section uk-container uk-container-large">
<div class="uk-padding-small"> <div class="uk-padding-small">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs> <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
@ -13,13 +13,13 @@
class="loading-gif uk-align-center"></span></div> class="loading-gif uk-align-center"></span></div>
</div> </div>
<div *ngIf="!loading"> <div *ngIf="!loading">
<h3 class="uk-text-center uk-text-bold">My Communities</h3> <h3 class="uk-text-center uk-margin-large-bottom">My Communities</h3>
<div *ngIf="managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0" <div *ngIf="managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0"
class="uk-child-width-1-1@s uk-child-width-1-2@m uk-flex uk-flex-middle" uk-grid class="uk-child-width-1-1@s uk-child-width-1-2@m uk-flex uk-flex-middle" uk-grid
uk-height-match="target: .communityCard; row: false"> uk-height-match="target: .communityCard; row: false">
<div> <div>
<div *ngIf="managerOfCommunities.length > 0" class="uk-grid"> <div *ngIf="managerOfCommunities.length > 0" class="uk-grid uk-margin-medium-bottom">
<h5 class="uk-width-1-1 uk-text-bold">You are managing</h5> <h5 class="uk-width-1-1">You are managing</h5>
<div class="uk-width-1-1 uk-margin-small-top"> <div class="uk-width-1-1 uk-margin-small-top">
<div <div
class="uk-grid-match uk-grid-small uk-child-width-1-3@s uk-child-width-1-2 uk-text-center" class="uk-grid-match uk-grid-small uk-child-width-1-3@s uk-child-width-1-2 uk-text-center"
@ -50,8 +50,8 @@
{{subscriberErrorMessage}} {{subscriberErrorMessage}}
</div> </div>
</div> </div>
<div *ngIf="subscriberOfCommunities.length > 0" class="uk-grid"> <div *ngIf="subscriberOfCommunities.length > 0" class="uk-grid uk-margin-medium-bottom">
<h5 class="uk-width-1-1 uk-text-bold">You are subscribed to</h5> <h5 class="uk-width-1-1">You are subscribed to</h5>
<div class="uk-width-1-1 uk-margin-small-top"> <div class="uk-width-1-1 uk-margin-small-top">
<div <div
class="uk-grid-match uk-grid-small uk-child-width-1-3@s uk-child-width-1-2 uk-text-center" class="uk-grid-match uk-grid-small uk-child-width-1-3@s uk-child-width-1-2 uk-text-center"
@ -80,7 +80,7 @@
</div> </div>
<div class="uk-text-center"> <div class="uk-text-center">
<img width="200" height="185" src="../../assets/connect-assets/banner/login.png"> <img width="200" height="185" src="../../assets/connect-assets/banner/login.svg">
</div> </div>
</div> </div>
<div *ngIf="managerOfCommunities.length === 0 && subscriberOfCommunities.length === 0" <div *ngIf="managerOfCommunities.length === 0 && subscriberOfCommunities.length === 0"
@ -97,7 +97,7 @@
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages> <errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
</div> </div>
<div *ngIf="!loading && researchCommunities.length > 0"> <div *ngIf="!loading && researchCommunities.length > 0">
<h5 class="uk-text-bold">Community Gateways in Action</h5> <h5 class="">Community Gateways in Action</h5>
<div [class]="(researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')"> <div [class]="(researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
<div <div
class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center" class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center"

View File

@ -31,9 +31,9 @@ import {Subscriber, Subscription} from "rxjs";
class="loading-gif uk-align-center"></span></div> class="loading-gif uk-align-center"></span></div>
</div> </div>
<div *ngIf="!showLoading"> <div *ngIf="!showLoading">
<div class="uk-h2 uk-margin-bottom uk-margin-medium-top"> <h4 class="uk-margin-bottom uk-margin-medium-top">
<span>Subjects</span> <span>Subjects</span>
</div> </h4>
<div style=" min-height: 250px;" class="white-box-with-border uk-padding uk-list"> <div style=" min-height: 250px;" class="white-box-with-border uk-padding uk-list">
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0" <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.1 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 180 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.9 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 154 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 138 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 737 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 754 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 127 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 607 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 200 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 184 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 170 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 MiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 1.5 MiB

View File

@ -1,8 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="33.534" height="182.701" viewBox="0 0 33.534 182.701"> <svg xmlns="http://www.w3.org/2000/svg" width="33.534" height="182.701" viewBox="0 0 33.534 182.701">
<g id="Group_755" data-name="Group 755" transform="translate(-4.701 -13.326)"> <g id="Group_755" data-name="Group 755" transform="translate(-4.701 -13.326)">
<g id="Group_342" data-name="Group 342" transform="translate(686.122 -100.639) rotate(90)"> <g id="Group_342" data-name="Group 342" transform="translate(686.122 -100.639) rotate(90)">
<path id="Path_235" data-name="Path 235" d="M1783.518,676.418s45.7-15.767,85.456-2.516c20.573,6.859,63.031,6.3,95.334,0" transform="translate(-1669.227 -11.527)" fill="none" stroke="#94b2e2" stroke-width="2"/> <path id="Path_235" data-name="Path 235" d="M1783.518,676.418s45.7-15.767,85.456-2.516c20.573,6.859,63.031,6.3,95.334,0" transform="translate(-1669.227 -11.527)" fill="none" stroke="#bcc3ce" stroke-width="2"/>
</g> </g>
<path id="Path_309" data-name="Path 309" d="M6823.193,2688.6c14.274,8.08,17.506,17.843,17.506,17.843s12.12-8.416,14.544-26.394" transform="translate(-6818 -2512)" fill="none" stroke="#94b2e2" stroke-width="2"/> <path id="Path_309" data-name="Path 309" d="M6823.193,2688.6c14.274,8.08,17.506,17.843,17.506,17.843s12.12-8.416,14.544-26.394" transform="translate(-6818 -2512)" fill="none" stroke="#bcc3ce" stroke-width="2"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 741 B

After

Width:  |  Height:  |  Size: 741 B

View File

@ -1,8 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" width="33.534" height="519.494" viewBox="0 0 33.534 519.494"> <svg xmlns="http://www.w3.org/2000/svg" width="33.534" height="519.494" viewBox="0 0 33.534 519.494">
<g id="Group_755" data-name="Group 755" transform="translate(-4.701 -13.532)"> <g id="Group_755" data-name="Group 755" transform="translate(-4.701 -13.532)">
<g id="Group_342" data-name="Group 342" transform="translate(686.122 -100.639) rotate(90)"> <g id="Group_342" data-name="Group 342" transform="translate(686.122 -100.639) rotate(90)">
<path id="Path_235" data-name="Path 235" d="M1783.519,676.418s130.88-15.767,244.75-2.516c58.923,6.859,180.524,6.3,273.04,0" transform="translate(-1669.228 -11.527)" fill="none" stroke="#94b2e2" stroke-width="2"/> <path id="Path_235" data-name="Path 235" d="M1783.519,676.418s130.88-15.767,244.75-2.516c58.923,6.859,180.524,6.3,273.04,0" transform="translate(-1669.228 -11.527)" fill="none" stroke="#bcc3ce" stroke-width="2"/>
</g> </g>
<path id="Path_309" data-name="Path 309" d="M6823.193,2688.6c14.274,8.08,17.506,17.843,17.506,17.843s12.12-8.416,14.544-26.394" transform="translate(-6818 -2175)" fill="none" stroke="#94b2e2" stroke-width="2"/> <path id="Path_309" data-name="Path 309" d="M6823.193,2688.6c14.274,8.08,17.506,17.843,17.506,17.843s12.12-8.416,14.544-26.394" transform="translate(-6818 -2175)" fill="none" stroke="#bcc3ce" stroke-width="2"/>
</g> </g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 744 B

After

Width:  |  Height:  |  Size: 744 B

View File

@ -27,7 +27,7 @@
} }
.tm-toolbar .uk-subnav-line .custom-connect-li { .tm-toolbar .uk-subnav-line .custom-connect-li, .connect-background {
background: var(--portal-main-color) !important; background: var(--portal-main-color) !important;
} }
@ -235,6 +235,10 @@ a:hover .user-circle-background {
font-size: 16px; font-size: 16px;
} }
.connectApp .text-small {
font-size: 14px;
}
.connectApp, .connectApp h1, .connectApp h2, .connectApp h3, .connectApp, .connectApp h1, .connectApp h2, .connectApp h3,
.connectApp h4, .connectApp h5, .connectApp h6, .connectApp .uk-card, .connectApp .color { .connectApp h4, .connectApp h5, .connectApp h6, .connectApp .uk-card, .connectApp .color {
color: #1A1A1A; color: #1A1A1A;
@ -245,6 +249,14 @@ a:hover .user-circle-background {
font-weight: 700; font-weight: 700;
} }
.connectApp .uk-pagination > * > * {
color: #1a1a1a !important;
}
.connectApp .uk-grid-divider>:not(.uk-first-column)::before { .connectApp .uk-grid-divider>:not(.uk-first-column)::before {
border-left: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE;
} }
.contactUsBackground {
background: transparent linear-gradient(0deg, #FFFFFF 0%, #DCEDF5 0%, #FAFAFA 100%);
}