diff --git a/src/app/communities/communities.component.css b/src/app/communities/communities.component.css new file mode 100644 index 0000000..3600bb2 --- /dev/null +++ b/src/app/communities/communities.component.css @@ -0,0 +1,13 @@ +.hero-background { + background-image: url('~src/assets/connect-assets/home/dot-pattern.svg'); + background-size: 20%; +} + +@media only screen and (min-width: 960px) { + .connect-dark-logo-background { + background-image: url("~src/assets/connect-assets/home/connect-dark-logo.svg"); + background-repeat: no-repeat; + background-position: left 95%; + background-size: 65%; + } +} \ No newline at end of file diff --git a/src/app/communities/communities.component.html b/src/app/communities/communities.component.html index 9522aff..e9b09c7 100644 --- a/src/app/communities/communities.component.html +++ b/src/app/communities/communities.component.html @@ -1,401 +1,284 @@
- -
-
-
-
-

- Build a Gateway -
for your
Community. -

-
    -
  • Turn Open Science into Practice.
    • -
  • It takes your open and linked research outcomes.
    • -
  • A service customized to your needs.
    • -
-
- LEARN MORE -
-
- - - - - - - - - -
-
-
-
- -
- -
- -

Community Gateways
already in action.

-
-
-
-
-
- -
-
-
-
- - - View All - - -
-
- -
-
-
-
- -
-
-
-
- - - View All - - -
-
-
+
+
+
+
+
+

+ Build a Gateway +
for your
Community. +

+
+
Turn Open Science into Practice.
+
It takes your open and divnked research outcomes.
+
A service customized to your needs.
+
+
+ Learn More +
+
+
+
+ + +
+
+
+
+
-
- - -
-
-

Benefits

-

Find the best
for your community.

-
-
-
-
- img1 -
-
- img2 -
-
- img3 -
-
- img4 -
-
- img5 -
-
-
-
-

- Find a repository to
deposit - your research
outcome - . -

-
-
-

- Link your research
output - with your
community, funding,
and other research
products - . -

-
-
-

- View community's
 - overview at a glance. -

-
-
-

- Search & browse - your
community's research
products - . -

-
-
-

- View statistics - for
your community's
research products - . -

-
-
- -
- - -
-
- -

Our mission for an
Open and FAIR science.

-
-
-
-
-
-
- A Virtual Research Environment -
-
-
-
-

A Virtual Research Environment

-
An overlay platform making it easy to share, link, disseminate and monitor all your publications, - data, software, methods. In one place. -
-
-
-
-
    - - - - - - - -
  • - - Access to OpenAIRE research graph -
    • -
  • - - Moderated, front-end linking -
    • -
  • - - Cross-platform search -
    • -
-
-
-
-
-
-
-
-
- Open science in action -
-
-
-
-

Open Science in action

-
A time-saving bundle of services for researchers to effortlessly practice open science. An integral - part of the European Open Science Cloud. -
-
-
-
-
    -
  • - - Use of OpenAIRE Guidelines -
    • -
  • - - Publish and get DOIs with Zenodo -
    • -
  • - - EOSC Single Sign-On -
    • -
-
-
-
-
-
-
-
-
- Customized to your needs -
-
-
-
-

Customized to your needs

-
A Gateway with your own brand, rules for aggregation, text & data mining, and presentation. Run - by you via a simple, yet powerful backend administration tool. -
-
-
-
-
    -
  • - - Access control -
    • -
  • - - Analytics: rich set of indicators -
    • -
  • - - Look & feel to match your brand -
    • -
-
-
-
-
-
+ +
+

+ Find a repository to
deposit + your research
outcome + . +

+
+
+

+ Link your research
output + with your
community, funding,
and other research
products + . +

-
+
+

+ View community's
 + overview at a glance. +

+
+
+

+ Search & browse + your
community's research
products + . +

+
+
+

+ View statistics + for
your community's
research products + . +

+
+ +
+
+
+ Benefits. +

+ Find the best for your community. +

+
+
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+
+
+
+ +
+
+

+ Our mission for an
Open and FAIR science. +

+
+
+
+
+
+
+ A Virtual Research Environment +
+
+
+
+

A Virtual Research Environment

+
An overlay platform making it easy to share, link, disseminate and monitor all your publications, + data, software, methods. In one place. +
+
+
+
+
    +
  • + + Access to OpenAIRE research graph +
    • +
  • + + Moderated, front-end linking +
    • +
  • + + Cross-platform search +
    • +
+
+
+
+
+
+
+
+
+ Open science in action +
+
+
+
+

Open Science in action

+
A time-saving bundle of services for researchers to effortlessly practice open science. An integral + part of the European Open Science Cloud. +
+
+
+
+
    +
  • + + Use of OpenAIRE Guidelines +
    • +
  • + + Publish and get DOIs with Zenodo +
    • +
  • + + EOSC Single Sign-On +
    • +
+
+
+
+
+
+
+
+
+ Customized to your needs +
+
+
+
+

Customized to your needs

+
A Gateway with your own brand, rules for aggregation, text & data mining, and presentation. Run + by you via a simple, yet powerful backend administration tool. +
+
+
+
+
    +
  • + + Access control +
    • +
  • + + Analytics: rich set of indicators +
    • +
  • + + Look & feel to match your brand +
    • +
+
+
+
+
+
+
+
+
+ +
+ +
+
+

Community Gateways
already in action.

+
+
+
+
+
+ +
+
+
+
+ + + View All + + +
+
+ +
+
+
+
+ +
+
+
+
+ + + View All + + +
+
+
+
+ +
+

+ Let us Help you Develop a
Collaborative Science
+ Gateway. + It is fast. It is reliable. +

+ CONTACT US +
+
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -

- Let us Help you Develop a
Collaborative Science
- Gateway. - It is fast. It is reliable. -

- CONTACT US -
-
- - - - - diff --git a/src/app/communities/communities.component.ts b/src/app/communities/communities.component.ts index fa9d012..84519cd 100644 --- a/src/app/communities/communities.component.ts +++ b/src/app/communities/communities.component.ts @@ -1,4 +1,4 @@ -import {AfterViewInit, Component, ElementRef, OnDestroy, OnInit, ViewChild} from '@angular/core'; +import {AfterViewInit, Component, ElementRef, OnDestroy, OnInit, QueryList, ViewChild, ViewChildren} from '@angular/core'; import {ActivatedRoute, Router} from '@angular/router'; import {Meta, Title} from '@angular/platform-browser'; import {EnvProperties} from '../openaireLibrary/utils/properties/env-properties'; @@ -21,6 +21,7 @@ import {QuickContactService} from "../openaireLibrary/sharedComponents/quick-con @Component({ selector: 'communities', templateUrl: 'communities.component.html', + styleUrls: ['communities.component.css'] }) export class CommunitiesComponent implements OnInit, OnDestroy, AfterViewInit { @@ -39,6 +40,7 @@ export class CommunitiesComponent implements OnInit, OnDestroy, AfterViewInit { public errorCodes: ErrorCodes; private errorMessages: ErrorMessagesComponent; public showQuickContact: boolean = true; + @ViewChildren('scrolling_element') elements: QueryList; @ViewChild('contact') contact: ElementRef; public properties: EnvProperties = properties; @@ -93,7 +95,9 @@ export class CommunitiesComponent implements OnInit, OnDestroy, AfterViewInit { this.subscriptions.forEach(subscription => { if (subscription instanceof Subscriber) { subscription.unsubscribe(); - } + } else if (subscription instanceof IntersectionObserver || subscription instanceof MutationObserver) { + subscription.disconnect(); + } }); } @@ -133,7 +137,26 @@ export class CommunitiesComponent implements OnInit, OnDestroy, AfterViewInit { }); }, options); intersectionObserver.observe(this.contact.nativeElement); + let mutationObserver = new MutationObserver(entries => { + entries.forEach(entry => { + if (entry.attributeName === 'style') { + let opacities: number[] = this.elements.map(element => +element.nativeElement.style.opacity); + let active: number = opacities.indexOf(Math.max(...opacities)); + this.elements.forEach((element, index) => { + if (index === active) { + element.nativeElement.classList.remove('uk-disabled'); + } else { + element.nativeElement.classList.add('uk-disabled'); + } + }) + } + }) + }); + this.elements.forEach(element => { + mutationObserver.observe(element.nativeElement, {attributes: true}); + }); this.subscriptions.push(intersectionObserver); + this.subscriptions.push(mutationObserver); } public getCommunities() { @@ -145,7 +168,7 @@ export class CommunitiesComponent implements OnInit, OnDestroy, AfterViewInit { this.subscriptions.push(this._communitiesService.getCommunitiesState().subscribe( communitiesResults => { - console.log("getCommunitiesState", communitiesResults); + // console.log("getCommunitiesState", communitiesResults); if(!communitiesResults){ return; diff --git a/src/app/learn-how/learn-how.component.ts b/src/app/learn-how/learn-how.component.ts index 798f1a2..b5e89a2 100644 --- a/src/app/learn-how/learn-how.component.ts +++ b/src/app/learn-how/learn-how.component.ts @@ -174,12 +174,12 @@ import {properties} from "../../environments/environment";

Find the best for your community.

-
+
Profile
Edit community information, change logo url, add community managers or organizations related to community.
-
+
Content
Manage projects, content providers, subjects and zenodo communities that are related to the research community.
@@ -191,12 +191,12 @@ import {properties} from "../../environments/environment";
-
+
Links
Manage user claims related to the research community.
-
+
Help texts
Add or edit help text in research community pages.
diff --git a/src/app/openaireLibrary b/src/app/openaireLibrary index 9542bd1..b88c65a 160000 --- a/src/app/openaireLibrary +++ b/src/app/openaireLibrary @@ -1 +1 @@ -Subproject commit 9542bd1e329a5ce64feba5e2a39f56ba4a724a02 +Subproject commit b88c65a3430a3689770e40e1e6f34d8bb10b86c3 diff --git a/src/assets/common-assets b/src/assets/common-assets index 170a049..ee3a9a4 160000 --- a/src/assets/common-assets +++ b/src/assets/common-assets @@ -1 +1 @@ -Subproject commit 170a0490e6ecf0d2e31d5a4cea3967cc14efa5af +Subproject commit ee3a9a4868bbdeb26d7a9c5ed15dbf8b2b765b39 diff --git a/src/assets/connect-assets/home/connect-dark-logo.svg b/src/assets/connect-assets/home/connect-dark-logo.svg new file mode 100644 index 0000000..6765a92 --- /dev/null +++ b/src/assets/connect-assets/home/connect-dark-logo.svg @@ -0,0 +1,432 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/connect-assets/home/connect-hero-mask.svg b/src/assets/connect-assets/home/connect-hero-mask.svg new file mode 100644 index 0000000..a2931c4 --- /dev/null +++ b/src/assets/connect-assets/home/connect-hero-mask.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/connect-assets/home/connect-hero.jpg b/src/assets/connect-assets/home/connect-hero.jpg new file mode 100644 index 0000000..f26120a Binary files /dev/null and b/src/assets/connect-assets/home/connect-hero.jpg differ diff --git a/src/assets/connect-assets/home/dot-pattern.svg b/src/assets/connect-assets/home/dot-pattern.svg new file mode 100644 index 0000000..7599475 --- /dev/null +++ b/src/assets/connect-assets/home/dot-pattern.svg @@ -0,0 +1,3 @@ + + +