[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
parent
0af44324e7
commit
60e5e7978f
|
|
@ -1,11 +1,6 @@
|
|||
<div class="image-front-topbar"
|
||||
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}"
|
||||
tm-header-transparent="light" tm-header-transparent-placeholder="">
|
||||
<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="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-padding-small">
|
||||
<div class="uk-grid uk-flex uk-flex-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>
|
||||
|
|
@ -24,13 +19,12 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="researchCommunities.length === 0" class="uk-container uk-container-large uk-margin-large-bottom">
|
||||
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
|
||||
</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>
|
||||
<div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
|
||||
<div
|
||||
|
|
@ -42,7 +36,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-text-right uk-margin-top">
|
||||
<a *ngIf="researchCommunities.length > 5"
|
||||
|
|
@ -55,8 +49,8 @@
|
|||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-section uk-background-muted">
|
||||
<div class="uk-container uk-container-large">
|
||||
<div class="uk-section 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>
|
||||
<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=""
|
||||
|
|
@ -220,7 +214,8 @@
|
|||
</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"
|
||||
uk-slider="velocity: 0;autoplay: true;autoplay-interval: 4000;pause-on-hover: false;center: true">
|
||||
<div class="uk-slider-container">
|
||||
|
|
@ -327,13 +322,12 @@
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
|
||||
[texts]="pageContents['bottom']"></helper>
|
||||
<div
|
||||
class="uk-background-norepeat uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color uk-margin-large-top"
|
||||
style="background-color: #D9D8E8;">
|
||||
<div class="uk-container uk-section">
|
||||
<!--<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
|
||||
[texts]="pageContents['bottom']"></helper>-->
|
||||
<div class="uk-section" style="background-color: #D9D8E8;">
|
||||
<div class="uk-container">
|
||||
<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
|
||||
src="assets/connect-assets/contact/1.png" style="width:237px"/></div>
|
||||
|
|
|
|||
|
|
@ -1,22 +1,21 @@
|
|||
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"
|
||||
description="Contact us to learn more about OpenAIRE Connect Research Gateways"></schema2jsonld>
|
||||
<div class="image-front-topbar"
|
||||
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}"
|
||||
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">
|
||||
<div class="uk-container uk-container-large uk-section uk-padding-remove-bottom">
|
||||
<div class="uk-padding-small">
|
||||
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
|
||||
</div>
|
||||
<div style=" min-height: 350px;" class="uk-section uk-section-small uk-flex uk-flex-middle">
|
||||
<div class="uk-align-center">
|
||||
<div *ngIf="showLoading" class="uk-margin-large">
|
||||
</div>
|
||||
<div class="uk-section uk-padding-remove-top uk-container uk-container-large uk-flex uk-flex-middle">
|
||||
<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
|
||||
class="loading-gif uk-align-center"></span></div>
|
||||
</div>
|
||||
<div *ngIf="!showLoading" class="uk-container uk-container-large">
|
||||
<div *ngIf="!showLoading">
|
||||
<div class="uk-grid-divider" uk-grid>
|
||||
<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">
|
||||
<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>
|
||||
|
|
@ -29,8 +28,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<modal-alert #AlertModal (alertOutput)="goToHome()">
|
||||
<div class="uk-text-center">
|
||||
|
|
|
|||
|
|
@ -94,7 +94,6 @@ export class ContactComponent implements OnInit {
|
|||
email: this.fb.control('', [Validators.required, Validators.email]),
|
||||
affiliation: this.fb.control('', Validators.required),
|
||||
community: this.fb.control('', Validators.required),
|
||||
subject: this.fb.control('', Validators.required),
|
||||
message: this.fb.control('', Validators.required),
|
||||
recaptcha: this.fb.control('', Validators.required),
|
||||
});
|
||||
|
|
|
|||
|
|
@ -10,16 +10,14 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
|
|||
@Component({
|
||||
selector: 'learn-in-depth',
|
||||
template: `
|
||||
<div class="image-front-topbar"
|
||||
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}"
|
||||
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">
|
||||
<div class="uk-section uk-padding-remove-bottom uk-container uk-container-large">
|
||||
<div class="uk-padding-small">
|
||||
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-section-small ">
|
||||
<div class="uk-container uk-container-large uk-margin-medium-bottom">
|
||||
<div class="uk-container uk-container-large uk-section uk-padding-remove-top">
|
||||
<div class="uk-padding-small">
|
||||
<div class="uk-margin-top uk-margin-medium-bottom">
|
||||
<h2 class="uk-text-bold">Frequently Asked Questions</h2>
|
||||
</div>
|
||||
<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"> “OpenAIRE-compliant”</a>.
|
||||
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
|
||||
OpenAIRE applies to the records, he/she can <a href="https://www.openaire.eu/content-enrichment-guide" target="_blank">
|
||||
activate the Broker service</a> using <a href="https://provide.openaire.eu/landing" target="_blank">the Content
|
||||
OpenAIRE applies to the records, he/she can <a href="https://www.openaire.eu/content-enrichment-guide"
|
||||
target="_blank">
|
||||
activate the Broker service</a> using <a href="https://provide.openaire.eu/landing" target="_blank">the
|
||||
Content
|
||||
Provider Dashboard</a>.
|
||||
</li>
|
||||
<li>
|
||||
|
|
@ -156,7 +156,8 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
|
|||
</div>
|
||||
</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 class="uk-width-1-1">
|
||||
<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 style="font-style: italic">Citizen Science</div>
|
||||
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
|
||||
</a>.
|
||||
</div>
|
||||
<div class="uk-width-1-1">
|
||||
<div style="font-style: italic">Open Innovation Programme</div>
|
||||
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>
|
||||
for SMEs, start-ups and research labs. The programme’s goal is to discover, support and fund innovative
|
||||
<a class="uk-link" href="https://www.openaire.eu/open-innovation-in-openaire" target="_blank">Open
|
||||
Innovation programme</a>
|
||||
for SMEs, start-ups and research labs. The programme’s goal is to discover, support and fund
|
||||
innovative
|
||||
ideas and implementations of software in the Open Science domain.
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,6 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
|
|||
selector: 'learn-how',
|
||||
template: `
|
||||
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
|
||||
|
||||
<ng-template #one>
|
||||
<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
|
||||
|
|
@ -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.
|
||||
</div>
|
||||
</ng-template>
|
||||
<div class="image-front-topbar"
|
||||
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":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">
|
||||
<div class="image-front-topbar" style="background-color: #E2EEFA;">
|
||||
<div class="uk-section uk-padding-remove-bottom uk-container uk-container-large">
|
||||
<div class="uk-padding-small">
|
||||
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
|
||||
</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;">
|
||||
<div class="uk-container uk-container-large">
|
||||
<div class="uk-margin-medium-top uk-grid">
|
||||
<div class="uk-container uk-container-large uk-margin-top">
|
||||
<div class="uk-padding-small">
|
||||
<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
|
||||
community's</strong> 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"
|
||||
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"
|
||||
|
|
@ -96,15 +92,15 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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
|
||||
class="uk-background-norepeat uk-section uk-background-bottom-center uk-section-overlap uk-position-relative uk-preserve-color">
|
||||
<div class="uk-container uk-container-large">
|
||||
</div>
|
||||
<div class="uk-section uk-container uk-container-large">
|
||||
<div class="uk-padding-small">
|
||||
<div class="uk-slider"
|
||||
uk-slider="velocity: 0;autoplay: true;autoplay-interval: 4000;pause-on-hover: false;center: true">
|
||||
<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">
|
||||
<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">
|
||||
<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 class="uk-margin-top">
|
||||
<div>
|
||||
|
|
@ -127,7 +124,8 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
|
|||
<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-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 class="uk-margin-top">
|
||||
<div>
|
||||
|
|
@ -142,7 +140,8 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
|
|||
<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-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 class="uk-margin-top">
|
||||
<div>
|
||||
|
|
@ -157,7 +156,8 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
|
|||
<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-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 class="uk-margin-top">
|
||||
<div>
|
||||
|
|
@ -186,7 +186,8 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
|
|||
<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-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 class="uk-margin-top">
|
||||
<div>
|
||||
|
|
@ -211,38 +212,26 @@ import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.compo
|
|||
</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-container uk-section">
|
||||
<div class="uk-section" style="background-color: #D9D8E8;">
|
||||
<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-width-expand uk-first-column">
|
||||
<h3 class="uk-text-bold">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>
|
||||
<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-inline"><a class="uk-button portal-button" routerLink="/contact-us">Contact us</a></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>
|
||||
`
|
||||
}) @Component({
|
||||
selector: 'learn-how',
|
||||
template: `
|
||||
<div class="image-front-topbar"
|
||||
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":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>
|
||||
`
|
||||
})
|
||||
export class LearnHowComponent implements OnInit{
|
||||
export class LearnHowComponent implements OnInit {
|
||||
public piwiksub: any;
|
||||
public pageContents = null;
|
||||
public divContents = null;
|
||||
|
|
|
|||
|
|
@ -10,20 +10,19 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
|
|||
@Component({
|
||||
selector: 'learn-in-depth',
|
||||
template: `
|
||||
<div class="image-front-topbar"
|
||||
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":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">
|
||||
<div class="image-front-topbar" style="background-color: #E2EEFA;">
|
||||
<div class="uk-section uk-padding-remove-bottom uk-container uk-container-large">
|
||||
<div class="uk-padding-small">
|
||||
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-background-norepeat uk-background-cover uk-position-relative uk-preserve-color"
|
||||
style="background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%) !important;">
|
||||
<div class="uk-container uk-container-large">
|
||||
<div class="uk-grid" uk-grid="">
|
||||
<div class="uk-width-3-4@m uk-width-1-1@s uk-first-column uk-margin-medium-top">
|
||||
</div>
|
||||
<div class="uk-section uk-padding-remove-top"
|
||||
style="background: transparent linear-gradient(0deg, #FAFAFA 0%, #E2EEFA 100%);">
|
||||
<div class="uk-container uk-container-large uk-margin-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’s set up a Gateway for your Community <strong>Together</strong>
|
||||
</h1>
|
||||
<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 class="uk-container uk-container-large uk-section">
|
||||
<div class="uk-padding-small">
|
||||
<div class="uk-grid" uk-grid="">
|
||||
<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"/>
|
||||
|
|
@ -150,16 +151,16 @@ import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="uk-background-norepeat uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color"
|
||||
style="background-color: #D9D8E8;">
|
||||
<div class="uk-container uk-section">
|
||||
</div>
|
||||
<div class="uk-section" style="background-color: #D9D8E8;">
|
||||
<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-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"/>
|
||||
</div>
|
||||
<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/>
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -1,39 +1,40 @@
|
|||
<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">
|
||||
</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"
|
||||
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}"
|
||||
tm-header-transparent="light" tm-header-transparent-placeholder="">
|
||||
<div class="uk-section uk-padding-remove-bottom">
|
||||
<div class="uk-container uk-container-large uk-margin-small-top">
|
||||
<div class="banner-background image-front-topbar">
|
||||
<div class="uk-section uk-container uk-container-large">
|
||||
<div class="uk-padding-small">
|
||||
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
|
||||
</div>
|
||||
<div class="uk-position-relative uk-panel">
|
||||
<div *ngIf="loading" class="uk-container uk-container-large uk-height-large">
|
||||
<div class="uk-margin-large-top">
|
||||
<div *ngIf="loading" class="uk-height-large">
|
||||
<div class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert"><span
|
||||
class="loading-gif uk-align-center"></span></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>
|
||||
<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 *ngIf="managerOfCommunities.length > 0" class="uk-grid">
|
||||
<h5 class="uk-width-1-1 uk-text-bold">You are managing</h5>
|
||||
<div class="uk-width-1-1 uk-margin-small-top">
|
||||
<div
|
||||
class="uk-grid-match uk-grid-small uk-child-width-1-3@s uk-child-width-1-2 uk-text-center"
|
||||
uk-grid >
|
||||
uk-grid>
|
||||
<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"
|
||||
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 *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">
|
||||
<span class="uk-flex uk-flex-middle">
|
||||
<span>View all ({{managerOfCommunities.length | number}})</span>
|
||||
|
|
@ -58,12 +59,14 @@
|
|||
<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"
|
||||
[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 *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">
|
||||
<span class="uk-flex uk-flex-middle">
|
||||
<span>View all ({{subscriberOfCommunities.length | number}})</span>
|
||||
|
|
@ -118,4 +121,5 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue