MaDgIK
/
connect
13
0
Fork 0
Code Issues Pull Requests Projects Releases 14 Wiki Activity

[Connect | Trunk]: Fix sections of all pages 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@59681 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2020-10-23 18:05:26 +00:00
parent 0af44324e7
commit 60e5e7978f
7 changed files with 329 additions and 341 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/app/communities/communities.component.html
View File

@ -1,11 +1,6 @@
<div class="image-front-topbar" <div class="image-front-topbar" style="background: transparent linear-gradient(0deg, #FAFAFA 23%, #E2EEFA 30%)">
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" <div class="uk-section uk-container uk-container-large">
tm-header-transparent="light" tm-header-transparent-placeholder=""> <div class="uk-padding-small">
<div class="uk-section uk-section-overlap"
style="background: transparent linear-gradient(0deg, #FAFAFA 23%, #E2EEFA 30%) !important;">
<div class="uk-section">
<div class="uk-position-relative uk-panel">
<div class="uk-container uk-container-large uk-margin-large-top">
<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>Build a <span class="uk-text-bold">Gateway</span> for your <span class="uk-text-bold">Community</span>
@ -25,12 +20,11 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
<div *ngIf="researchCommunities.length === 0" class="uk-container uk-container-large uk-margin-large-bottom"> <div *ngIf="researchCommunities.length === 0" class="uk-container uk-container-large uk-margin-large-bottom">
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages> <errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
</div> </div>
<div *ngIf="!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-margin-large-bottom"> <div *ngIf="!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-section">
<div class="uk-padding-small">
<h3 class="uk-text-bold">Community Gateways already in action</h3> <h3 class="uk-text-bold">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
@ -42,7 +36,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div> </div>
<div class="uk-text-right uk-margin-top"> <div class="uk-text-right uk-margin-top">
<a *ngIf="researchCommunities.length > 5" <a *ngIf="researchCommunities.length > 5"
@ -55,8 +49,8 @@
</a> </a>
</div> </div>
</div> </div>
<div class="uk-section uk-background-muted"> <div class="uk-section uk-container uk-container-large">
<div class="uk-container uk-container-large"> <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 uk-text-bold">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=""
@ -220,7 +214,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="uk-container uk-container-large uk-margin-top"> <div class="uk-section uk-container uk-container-large">
<div class="uk-padding-small">
<div class="uk-slider" <div class="uk-slider"
uk-slider="velocity: 0;autoplay: true;autoplay-interval: 4000;pause-on-hover: false;center: true"> uk-slider="velocity: 0;autoplay: true;autoplay-interval: 4000;pause-on-hover: false;center: true">
<div class="uk-slider-container"> <div class="uk-slider-container">
@ -328,12 +323,11 @@
</div> </div>
</div> </div>
</div> </div>
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" </div>
[texts]="pageContents['bottom']"></helper> <!--<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
<div [texts]="pageContents['bottom']"></helper>-->
class="uk-background-norepeat uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color uk-margin-large-top" <div class="uk-section" style="background-color: #D9D8E8;">
style="background-color: #D9D8E8;"> <div class="uk-container">
<div class="uk-container uk-section">
<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"><img <div class="uk-text-center uk-width-1-1@s uk-width-1-3@m uk-first-column"><img
src="assets/connect-assets/contact/1.png" style="width:237px"/></div> src="assets/connect-assets/contact/1.png" style="width:237px"/></div>

21
src/app/contact/contact.component.html
View File

@ -1,22 +1,21 @@
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other" <schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"
description="Contact us to learn more about OpenAIRE Connect Research Gateways"></schema2jsonld> description="Contact us to learn more about OpenAIRE Connect Research Gateways"></schema2jsonld>
<div class="image-front-topbar" <div class="uk-container uk-container-large uk-section uk-padding-remove-bottom">
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" <div class="uk-padding-small">
tm-header-transparent="light" tm-header-transparent-placeholder="">
<div class="uk-section uk-background-top-center uk-background-norepeat uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color">
<div class="uk-container uk-container-large uk-section uk-padding-remove-bottom uk-margin-medium-top">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs> <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div> </div>
<div style=" min-height: 350px;" class="uk-section uk-section-small uk-flex uk-flex-middle"> </div>
<div class="uk-align-center"> <div class="uk-section uk-padding-remove-top uk-container uk-container-large uk-flex uk-flex-middle">
<div *ngIf="showLoading" class="uk-margin-large"> <div class="uk-padding-small uk-margin-top">
<div *ngIf="showLoading">
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span <div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
class="loading-gif uk-align-center"></span></div> class="loading-gif uk-align-center"></span></div>
</div> </div>
<div *ngIf="!showLoading" class="uk-container uk-container-large"> <div *ngIf="!showLoading">
<div class="uk-grid-divider" uk-grid> <div class="uk-grid-divider" uk-grid>
<div class="uk-width-1-1 uk-width-1-2@m uk-flex-last@m"> <div class="uk-width-1-1 uk-width-1-2@m uk-flex-last@m">
<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> <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>
<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">Create and 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">Access, share and link</span> together all your research</li>
@ -30,8 +29,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
<modal-alert #AlertModal (alertOutput)="goToHome()"> <modal-alert #AlertModal (alertOutput)="goToHome()">
<div class="uk-text-center"> <div class="uk-text-center">
Our team will respond to your submission soon.<br> Our team will respond to your submission soon.<br>

1
src/app/contact/contact.component.ts
View File

@ -94,7 +94,6 @@ export class ContactComponent implements OnInit {
email: this.fb.control('', [Validators.required, Validators.email]), email: this.fb.control('', [Validators.required, Validators.email]),
affiliation: this.fb.control('', Validators.required), affiliation: this.fb.control('', Validators.required),
community: this.fb.control('', Validators.required), community: this.fb.control('', Validators.required),
subject: this.fb.control('', Validators.required),
message: this.fb.control('', Validators.required), message: this.fb.control('', Validators.required),
recaptcha: this.fb.control('', Validators.required), recaptcha: this.fb.control('', Validators.required),
}); });

30
src/app/learn-how/faqs/faqs.component.ts
View File

@ -10,16 +10,14 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
@Component({ @Component({
selector: 'learn-in-depth', selector: 'learn-in-depth',
template: ` template: `
<div class="image-front-topbar" <div class="uk-section uk-padding-remove-bottom uk-container uk-container-large">
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" <div class="uk-padding-small">
tm-header-transparent="light" tm-header-transparent-placeholder="">
<div class="uk-section uk-background-norepeat uk-section-overlap uk-padding-remove-bottom">
<div class="uk-container uk-container-large uk-section uk-padding-remove-bottom uk-margin-medium-top">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs> <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div> </div>
</div> </div>
<div class="uk-section-small "> <div class="uk-container uk-container-large uk-section uk-padding-remove-top">
<div class="uk-container uk-container-large uk-margin-medium-bottom"> <div class="uk-padding-small">
<div class="uk-margin-top uk-margin-medium-bottom">
<h2 class="uk-text-bold">Frequently Asked Questions</h2> <h2 class="uk-text-bold">Frequently Asked Questions</h2>
</div> </div>
<div class="uk-container"> <div class="uk-container">
@ -58,8 +56,10 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
<a href="https://www.openaire.eu/validator-registration-guide" target="_blank"> &ldquo;OpenAIRE-compliant&rdquo;</a>. <a href="https://www.openaire.eu/validator-registration-guide" target="_blank"> &ldquo;OpenAIRE-compliant&rdquo;</a>.
The gateway managers can configure the gateway so that all metadata records collected from the The gateway managers can configure the gateway so that all metadata records collected from the
repository are available in the gateway. If the repository manager wants to get the enrichments repository are available in the gateway. If the repository manager wants to get the enrichments
OpenAIRE applies to the records, he/she can <a href="https://www.openaire.eu/content-enrichment-guide" target="_blank"> OpenAIRE applies to the records, he/she can <a href="https://www.openaire.eu/content-enrichment-guide"
activate the Broker service</a> using <a href="https://provide.openaire.eu/landing" target="_blank">the Content target="_blank">
activate the Broker service</a> using <a href="https://provide.openaire.eu/landing" target="_blank">the
Content
Provider Dashboard</a>. Provider Dashboard</a>.
</li> </li>
<li> <li>
@ -156,7 +156,8 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
</div> </div>
</li> </li>
<li> <li>
<a class="uk-accordion-title color" href="#">In what other areas can my Research community collaborate with OpenAIRE?</a> <a class="uk-accordion-title color" href="#">In what other areas can my Research community collaborate with
OpenAIRE?</a>
<div aria-hidden="true" class="uk-accordion-content uk-grid" hidden="" uk-grid=""> <div aria-hidden="true" class="uk-accordion-content uk-grid" 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>
@ -173,15 +174,18 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
<div class="uk-width-1-1"> <div class="uk-width-1-1">
<div style="font-style: italic">Citizen Science</div> <div style="font-style: italic">Citizen Science</div>
Do you collaborate with schools? Learn more about the Do you collaborate with schools? Learn more about the
<a class="uk-link" href="https://www.openaire.eu/citizen-science-activities-in-openaire" target="_blank"> <a class="uk-link" href="https://www.openaire.eu/citizen-science-activities-in-openaire"
target="_blank">
OpenAIRE activities for Citizen Science OpenAIRE activities for Citizen Science
</a>. </a>.
</div> </div>
<div class="uk-width-1-1"> <div class="uk-width-1-1">
<div style="font-style: italic">Open Innovation Programme</div> <div style="font-style: italic">Open Innovation Programme</div>
Spread the word about the OpenAIRE Spread the word about the OpenAIRE
<a class="uk-link" href="https://www.openaire.eu/open-innovation-in-openaire" target="_blank">Open Innovation programme</a> <a class="uk-link" href="https://www.openaire.eu/open-innovation-in-openaire" target="_blank">Open
for SMEs, start-ups and research labs. The programme&rsquo;s goal is to discover, support and fund innovative Innovation programme</a>
for SMEs, start-ups and research labs. The programme&rsquo;s goal is to discover, support and fund
innovative
ideas and implementations of software in the Open Science domain. ideas and implementations of software in the Open Science domain.
</div> </div>
</div> </div>

73
src/app/learn-how/learn-how.component.ts
View File

@ -11,7 +11,6 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
selector: 'learn-how', selector: 'learn-how',
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> <h5 class="uk-text-bold uk-margin-small-bottom">1. Understanding your needs</h5>
<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
@ -41,24 +40,21 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
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.
</div> </div>
</ng-template> </ng-template>
<div class="image-front-topbar" <div class="image-front-topbar" style="background-color: #E2EEFA;">
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" <div class="uk-section uk-padding-remove-bottom uk-container uk-container-large">
tm-header-transparent="light" tm-header-transparent-placeholder=""> <div class="uk-padding-small">
<div class="uk-section uk-background-norepeat uk-section-overlap uk-padding-remove-bottom"
style="background-color: #E2EEFA !important;">
<div class="uk-container uk-container-large uk-section uk-padding-remove-bottom uk-margin-medium-top">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs> <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div> </div>
</div> </div>
<div class="uk-section uk-padding-remove-top uk-background-norepeat uk-background-bottom-center uk-section-overlap uk-position-relative uk-preserve-color" </div>
<div class="uk-section uk-padding-remove-top"
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"> <div class="uk-container uk-container-large uk-margin-top">
<div class="uk-margin-medium-top uk-grid"> <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-bold">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 <strong>Gateway to your
community&#39;s</strong> open and linked research outcomes. Customized to your needs. community&#39;s</strong> open and linked research outcomes. Customized to your needs.
</div> </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="">
<div class="uk-flex uk-child-width-1-1@m uk-child-width-1-2@s uk-grid uk-first-column uk-grid-stack" <div class="uk-flex uk-child-width-1-1@m uk-child-width-1-2@s uk-grid uk-first-column uk-grid-stack"
@ -96,15 +92,15 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
</div> </div>
</div> </div>
</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 details</a> class="uk-button portal-button uk-text-uppercase" routerLink="/about/learn-in-depth">Learn more
details</a>
</div> </div>
</div> </div>
</div> </div>
<div </div>
class="uk-background-norepeat uk-section uk-background-bottom-center uk-section-overlap uk-position-relative uk-preserve-color"> <div class="uk-section uk-container uk-container-large">
<div class="uk-container uk-container-large"> <div class="uk-padding-small">
<div class="uk-slider" <div class="uk-slider"
uk-slider="velocity: 0;autoplay: true;autoplay-interval: 4000;pause-on-hover: false;center: true"> uk-slider="velocity: 0;autoplay: true;autoplay-interval: 4000;pause-on-hover: false;center: true">
<div class="uk-slider-container"> <div class="uk-slider-container">
@ -112,7 +108,8 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
<li class="ng-star-inserted uk-active" tabindex="-1"> <li class="ng-star-inserted uk-active" tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column"> <div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/profile.gif"/> <img class="uk-border-rounded uk-box-shadow-large"
src="assets/connect-assets/about/gifs/profile.gif"/>
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
@ -127,7 +124,8 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
<li tabindex="-1"> <li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column"> <div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/content.gif"/> <img class="uk-border-rounded uk-box-shadow-large"
src="assets/connect-assets/about/gifs/content.gif"/>
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
@ -142,7 +140,8 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
<li tabindex="-1"> <li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column"> <div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/statistics.gif"/> <img class="uk-border-rounded uk-box-shadow-large"
src="assets/connect-assets/about/gifs/statistics.gif"/>
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
@ -157,7 +156,8 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
<li tabindex="-1"> <li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column"> <div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/links.gif"/> <img class="uk-border-rounded uk-box-shadow-large"
src="assets/connect-assets/about/gifs/links.gif"/>
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
@ -186,7 +186,8 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
<li tabindex="-1"> <li tabindex="-1">
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> <div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid="">
<div class="uk-first-column"> <div class="uk-first-column">
<img class="uk-border-rounded uk-box-shadow-large" src="assets/connect-assets/about/gifs/users.gif"/> <img class="uk-border-rounded uk-box-shadow-large"
src="assets/connect-assets/about/gifs/users.gif"/>
</div> </div>
<div class="uk-margin-top"> <div class="uk-margin-top">
<div> <div>
@ -211,34 +212,22 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
</div> </div>
</div> </div>
</div> </div>
<div class="uk-background-norepeat uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color" style="background-color: #D9D8E8;"> <div class="uk-section" style="background-color: #D9D8E8;">
<div class="uk-container uk-section"> <div class="uk-container">
<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-width-expand uk-first-column"> <div class="uk-width-expand uk-first-column">
<h3 class="uk-text-bold">Get in touch with our team to find out how.</h3> <h3>Get in touch with our team to find out how.</h3>
<div class="uk-margin-medium uk-text-large">We look forward to working together and helping you unlock the full potential of your research community through open science.</div> <div class="uk-margin-medium uk-text-large">We look forward to working together and helping you unlock the
full potential of your research community through open science.
</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" style="width:263px" /></div> <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>
</div> </div>
</div> </div>
</div> </div>
</div>
`
}) @Component({
selector: 'learn-how',
template: `
<div class="image-front-topbar"
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="">
<div class="uk-section uk-background-norepeat uk-section-overlap uk-padding-remove-bottom"
style="background-color: #E2EEFA !important;">
<div class="uk-container uk-container-large uk-section uk-padding-remove-bottom uk-margin-medium-top">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
</div>
<html-page [pageTitle]="pageTitle" [description]="pageDescription"></html-page>
</div> </div>
` `
}) })

33
src/app/learn-how/learnInDepth/learn-in-depth.component.ts
View File

@ -10,20 +10,19 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
@Component({ @Component({
selector: 'learn-in-depth', selector: 'learn-in-depth',
template: ` template: `
<div class="image-front-topbar" <div class="image-front-topbar" style="background-color: #E2EEFA;">
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" <div class="uk-section uk-padding-remove-bottom uk-container uk-container-large">
tm-header-transparent="light" tm-header-transparent-placeholder=""> <div class="uk-padding-small">
<div class="uk-section uk-background-norepeat uk-section-overlap uk-padding-remove-bottom"
style="background-color: #E2EEFA !important;">
<div class="uk-container uk-container-large uk-section uk-padding-remove-bottom uk-margin-medium-top">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs> <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div> </div>
</div> </div>
<div class="uk-background-norepeat uk-background-cover uk-position-relative uk-preserve-color" </div>
style="background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%) !important;"> <div class="uk-section uk-padding-remove-top"
<div class="uk-container uk-container-large"> style="background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%);">
<div class="uk-grid" uk-grid=""> <div class="uk-container uk-container-large uk-margin-top">
<div class="uk-width-3-4@m uk-width-1-1@s uk-first-column uk-margin-medium-top"> <div class="uk-padding-small">
<div class="uk-grid" uk-grid>
<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">Let&rsquo;s set up a Gateway for your Community <strong>Together</strong>
</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">
@ -42,7 +41,9 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="uk-container uk-container-large uk-section"> <div class="uk-container uk-container-large uk-section">
<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.png" style="width:100px"/>
@ -150,16 +151,16 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
</div> </div>
</div> </div>
</div> </div>
<div </div>
class="uk-background-norepeat uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color" <div class="uk-section" style="background-color: #D9D8E8;">
style="background-color: #D9D8E8;"> <div class="uk-container">
<div class="uk-container uk-section"> <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 class="uk-text-bold">Let us help you develop a collaborative Open Science Gateway for your <h3>Let us help you develop a collaborative Open Science Gateway for your
community.<br/> community.<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 uk-text-large">Get in touch with our team to find out how.</div>

34
src/app/my-communities/my-communities.component.html
View File

@ -1,23 +1,22 @@
<schema2jsonld [URL]="properties.domain + properties.baseLink" <schema2jsonld [URL]="properties.domain + properties.baseLink"
[logoURL]="properties.domain + properties.baseLink+'/assets/common-assets/logo-small-connect.png'" type="home" [logoURL]="properties.domain + properties.baseLink+'/assets/common-assets/logo-small-connect.png'"
type="home"
name="OpenAIRE Connect"> name="OpenAIRE Connect">
</schema2jsonld> </schema2jsonld>
<div class="banner-background image-front-topbar uk-section uk-background-norepeat uk-background-bottom-center uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color" <div class="banner-background image-front-topbar">
uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" <div class="uk-section uk-container uk-container-large">
tm-header-transparent="light" tm-header-transparent-placeholder=""> <div class="uk-padding-small">
<div class="uk-section uk-padding-remove-bottom">
<div class="uk-container uk-container-large uk-margin-small-top">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs> <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div> <div class="uk-margin-large-top">
<div class="uk-position-relative uk-panel"> <div *ngIf="loading" class="uk-height-large">
<div *ngIf="loading" class="uk-container uk-container-large uk-height-large">
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span <div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
class="loading-gif uk-align-center"></span></div> class="loading-gif uk-align-center"></span></div>
</div> </div>
<div *ngIf="!loading" class="uk-container uk-container-large"> <div *ngIf="!loading">
<h3 class="uk-text-center uk-text-bold">My Communities</h3> <h3 class="uk-text-center uk-text-bold">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 uk-height-match="target: .communityCard; row: false"> 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">
<div> <div>
<div *ngIf="managerOfCommunities.length > 0" class="uk-grid"> <div *ngIf="managerOfCommunities.length > 0" class="uk-grid">
<h5 class="uk-width-1-1 uk-text-bold">You are managing</h5> <h5 class="uk-width-1-1 uk-text-bold">You are managing</h5>
@ -28,12 +27,14 @@
<div *ngFor="let community of managerOfCommunities.slice(0,3); let i = index"> <div *ngFor="let community of managerOfCommunities.slice(0,3); let i = index">
<div class="uk-padding-small uk-card uk-card-default uk-card-small portalSearchCard" <div class="uk-padding-small uk-card uk-card-default uk-card-small portalSearchCard"
title="{{community.description}}"> title="{{community.description}}">
<browse-community [community]=community [smallTitle]="true" [showDescription]=false></browse-community> <browse-community [community]=community [smallTitle]="true"
[showDescription]=false></browse-community>
</div> </div>
</div> </div>
</div> </div>
<div *ngIf="managerOfCommunities.length > 3" class="uk-text-right uk-width-1-1 uk-margin-top"> <div *ngIf="managerOfCommunities.length > 3" class="uk-text-right uk-width-1-1 uk-margin-top">
<a [queryParams]="{role: quote('manager')}" class="uk-display-inline-block portal-link uk-text-uppercase uk-text-bold uk-text-small" <a [queryParams]="{role: quote('manager')}"
class="uk-display-inline-block portal-link uk-text-uppercase uk-text-bold uk-text-small"
routerLinkActive="router-link-active" routerLink="/search/find/communities"> routerLinkActive="router-link-active" routerLink="/search/find/communities">
<span class="uk-flex uk-flex-middle"> <span class="uk-flex uk-flex-middle">
<span>View all ({{managerOfCommunities.length | number}})</span> <span>View all ({{managerOfCommunities.length | number}})</span>
@ -58,12 +59,14 @@
<div *ngFor="let community of subscriberOfCommunities.slice(0,3); let i = index"> <div *ngFor="let community of subscriberOfCommunities.slice(0,3); let i = index">
<div class="uk-padding-small uk-card uk-card-small uk-card-default portalSearchCard" <div class="uk-padding-small uk-card uk-card-small uk-card-default portalSearchCard"
[attr.uk-tooltip]="((community.description) ? ('title: '+ community.description + '; pos: bottom-right') : 'cls: uk-invisible')"> [attr.uk-tooltip]="((community.description) ? ('title: '+ community.description + '; pos: bottom-right') : 'cls: uk-invisible')">
<browse-community [community]=community [smallTitle]="true" [showDescription]=false></browse-community> <browse-community [community]=community [smallTitle]="true"
[showDescription]=false></browse-community>
</div> </div>
</div> </div>
</div> </div>
<div *ngIf="subscriberOfCommunities.length > 3" class="uk-text-right uk-width-1-1 uk-margin-top"> <div *ngIf="subscriberOfCommunities.length > 3" class="uk-text-right uk-width-1-1 uk-margin-top">
<a [queryParams]="{status: quote('subscribed')}" class="uk-display-inline-block portal-link uk-text-uppercase uk-text-bold uk-text-small" <a [queryParams]="{status: quote('subscribed')}"
class="uk-display-inline-block portal-link uk-text-uppercase uk-text-bold uk-text-small"
routerLinkActive="router-link-active" routerLink="/search/find/communities"> routerLinkActive="router-link-active" routerLink="/search/find/communities">
<span class="uk-flex uk-flex-middle"> <span class="uk-flex uk-flex-middle">
<span>View all ({{subscriberOfCommunities.length | number}})</span> <span>View all ({{subscriberOfCommunities.length | number}})</span>
@ -119,3 +122,4 @@
</div> </div>
</div> </div>
</div> </div>
</div>