[Connect | Trunk]: Change paqes base on new mocks.
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@58535 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
parent
c11b513652
commit
85b3051c5c
|
@ -2,241 +2,44 @@
|
|||
[logoURL]="properties.baseLink+'/assets/common-assets/logo-small-connect.png'" type="home"
|
||||
name="OpenAIRE Connect">
|
||||
</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="">
|
||||
<helper *ngIf="pageContents && pageContents['left'] && pageContents['left'].length > 0"
|
||||
[texts]="pageContents['left']"></helper>
|
||||
<!--<div style="background-image: url('assets/home/banner.jpg') !important;"
|
||||
class="uk-section uk-background-norepeat uk-background-bottom-center uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color">
|
||||
<div class=" uk-section uk-padding-remove-bottom">
|
||||
<div class="uk-position-cover"></div>
|
||||
<div class="uk-position-relative uk-panel">
|
||||
<div class="uk-container uk-container-large uk-section">
|
||||
<div class="uk-grid">
|
||||
<div class="uk-width-1-2@m uk-width-1-1@s">
|
||||
<div class="uk-h1">Build an Open Research <b>Gateway</b> for your <b>Community</b></div>
|
||||
<h4 class="uk-margin-remove-top">Turn Open Science into practice</h4>
|
||||
<div class="uk-h5 uk-margin-top">Share and link your research results.<br>
|
||||
Across organizations, across borders.<br>Customized to your needs.
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-1-1 uk-inline uk-margin-medium-top uk-margin-medium-bottom">
|
||||
<a class="uk-button portal-button" routerLink="/about/learn-how" routerLinkActive="router-link-active">
|
||||
LEARN
|
||||
HOW</a>
|
||||
</div>
|
||||
<div style="background-color: #FAFAFA">
|
||||
<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="">
|
||||
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
|
||||
[texts]="pageContents['top']"></helper>
|
||||
</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">
|
||||
<h2 class="uk-text-bold">Community Gateways already in action</h2>
|
||||
<div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
|
||||
<div
|
||||
class="uk-grid-match uk-grid-medium uk-child-width-1-5@m uk-child-width-1-2 uk-text-center"
|
||||
uk-grid uk-height-match=".community">
|
||||
<div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">
|
||||
<div class="uk-padding-small uk-card uk-card-default communityCard">
|
||||
<browse-community [community]=community></browse-community>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
</div>
|
||||
<div>
|
||||
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
|
||||
[texts]="pageContents['top']"></helper>
|
||||
<!--<div class="uk-container uk-container-large uk-margin-medium-top">
|
||||
<div class="uk-text-center uk-text-bold uk-h4">Open and FAIR science is our mission</div>
|
||||
<div class="uk-margin-medium-top">
|
||||
<div class="uk-child-width-1-3@m uk-child-width-1-1@s uk-grid-match uk-grid-medium uk-grid-margin"
|
||||
uk-height-match=".target" uk-grid>
|
||||
<div>
|
||||
<div class="uk-card uk-card-default uk-padding-small connectInfoCard">
|
||||
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center">
|
||||
<div class="target">
|
||||
<img src="assets/connect-assets/home/1.png" width="100" height="89">
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-card-body uk-padding-remove-horizontal uk-padding-remove-bottom">
|
||||
<div class="target">
|
||||
<h5 class="uk-text-bold uk-text-center">A Virtual Research Environment</h5>
|
||||
<div>An overlay platform making it easy to share, link, disseminate and monitor all your publications,
|
||||
data, software, methods. In one place.
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div>
|
||||
<div class="uk-text-uppercase text-center">Features</div>
|
||||
<ul class="uk-list">
|
||||
<li>
|
||||
<span
|
||||
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right"
|
||||
uk-icon="check">
|
||||
</span>
|
||||
Access to OpenAIRE resources
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right"
|
||||
uk-icon="check">
|
||||
</span>
|
||||
Moderated, front-end linking
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right"
|
||||
uk-icon="check">
|
||||
</span>
|
||||
Cross-platform search
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="uk-card uk-card-default uk-padding-small connectInfoCard">
|
||||
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center">
|
||||
<div class="target">
|
||||
<img src="assets/connect-assets/home/2.png" width="100" height="108">
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-card-body uk-padding-remove-horizontal uk-padding-remove-bottom">
|
||||
<div class="target">
|
||||
<h5 class="uk-text-bold uk-text-center">Open Science in action</h5>
|
||||
<div>A time-saving bundle of services for researchers to effortlessly practice open science. An integral
|
||||
part of the European Open Science Cloud.
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<hr>
|
||||
<div>
|
||||
<div class="uk-text-uppercase text-center">Features</div>
|
||||
<ul class="uk-list">
|
||||
<li>
|
||||
<span
|
||||
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right"
|
||||
uk-icon="check">
|
||||
</span>
|
||||
Use of OpenAIRE Guidelines
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right"
|
||||
uk-icon="check">
|
||||
</span>
|
||||
DOIs via Zenodo
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right"
|
||||
uk-icon="check">
|
||||
</span>
|
||||
EOSC Single Sign-On
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="uk-card uk-card-default uk-padding-small connectInfoCard">
|
||||
<div class="uk-card-media-top uk-flex uk-flex-middle uk-flex-center">
|
||||
<div class="target">
|
||||
<img src="assets/connect-assets/home/3.png" width="120" height="104">
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-card-body uk-padding-remove-horizontal uk-padding-remove-bottom">
|
||||
<div class="target">
|
||||
<h5 class="uk-text-bold uk-text-center">Customized to your needs</h5>
|
||||
<div>A Science Gateway with your own brand, rules for aggregation, text & data mining, and
|
||||
presentation. Run by you via a simple, yet powerful backend administration tool.
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div>
|
||||
<div class="uk-text-uppercase text-center">Features</div>
|
||||
<ul class="uk-list">
|
||||
<li>
|
||||
<span
|
||||
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right"
|
||||
uk-icon="check">
|
||||
</span>
|
||||
Access control
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right"
|
||||
uk-icon="check">
|
||||
</span>
|
||||
Analytics: rich set of indicators
|
||||
</li>
|
||||
<li>
|
||||
<span
|
||||
class="uk-border-circle uk-icon-button icon-button-small portal-icon-button uk-margin-small-right"
|
||||
uk-icon="check">
|
||||
</span>
|
||||
Look & feel to match your brand
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-text-right uk-margin-top">
|
||||
<a *ngIf="researchCommunities.length > 5" class="portal-link uk-text-uppercase uk-text-bold uk-text-small"
|
||||
routerLinkActive="router-link-active" routerLink="/search/find/communities">
|
||||
Browse All >
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-image: url('assets/home/background.png') !important;"
|
||||
class="uk-margin-large-top uk-section uk-background-norepeat uk-background-top-center uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color">
|
||||
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
|
||||
[texts]="pageContents['bottom']"></helper>
|
||||
<div class="uk-section-muted"
|
||||
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}">
|
||||
<div class="uk-container uk-container-large">
|
||||
<gif-slider [gifs]="gifs" [link]="true" [linkTitle]="'learn more'" [route]="'/about/learn-how'">
|
||||
</gif-slider>
|
||||
<other-portals [properties]="properties"></other-portals>
|
||||
</div>
|
||||
</div>-->
|
||||
</div>
|
||||
<div *ngIf="researchCommunities.length === 0" class="uk-container uk-container-large uk-margin-medium-top">
|
||||
<errorMessages [status]="[status]" [type]="'communities'"></errorMessages>
|
||||
</div>
|
||||
<div *ngIf="!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-margin-medium-top">
|
||||
<div class="uk-text-bold uk-h4">Community Gateways in Action</div>
|
||||
<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"
|
||||
uk-grid uk-height-match=".community">
|
||||
<div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">
|
||||
<div class="uk-padding-small uk-card uk-card-default communityCard">
|
||||
<browse-community [community]=community></browse-community>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="uk-text-right uk-margin-top">
|
||||
<a *ngIf="researchCommunities.length > 5" class="portal-link uk-text-uppercase uk-text-bold uk-text-small"
|
||||
routerLinkActive="router-link-active" routerLink="/search/find/communities">
|
||||
Browse All >
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
|
||||
[texts]="pageContents['bottom']"></helper>
|
||||
<!--<div style="background-color: #CFDEF1;"
|
||||
class="uk-background-norepeat uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color uk-margin-large-top">
|
||||
<div class="uk-container uk-container-large uk-section">
|
||||
<div class="uk-flex uk-flex-middle uk-padding" uk-grid>
|
||||
<div class="uk-text-center uk-width-1-1@s uk-width-1-3@m">
|
||||
<img width="237" height="250" src="assets/connect-assets/contact/1.png">
|
||||
</div>
|
||||
<div class="uk-width-expand">
|
||||
<div class="uk-text-bold uk-h4">
|
||||
<div>Let us help you develop a collaborative Open Science Gateway for your community. It is fast. It is
|
||||
reliable.
|
||||
</div>
|
||||
</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" routerLinkActive="router-link-active"> CONTACT
|
||||
US</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<div class="uk-section-muted"
|
||||
uk-scrollspy="{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}">
|
||||
<div class="uk-container uk-container-large">
|
||||
<other-portals [properties]="properties"></other-portals>
|
||||
</div>
|
||||
</div>
|
|
@ -6,8 +6,7 @@
|
|||
<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="contact-background uk-section-large uk-background-top-center uk-background-norepeat uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color">
|
||||
<div class="uk-section-large uk-background-top-center uk-background-norepeat uk-background-cover uk-section-overlap uk-position-relative uk-preserve-color">
|
||||
<div style=" min-height: 350px;" class="uk-section uk-flex uk-flex-middle uk-margin-top uk-padding-remove-top">
|
||||
<div class="uk-align-center">
|
||||
<div *ngIf="showLoading" class="uk-margin-large">
|
||||
|
@ -19,9 +18,9 @@
|
|||
<div class="uk-width-1-1 uk-hidden@m">
|
||||
<ng-container *ngTemplateOutlet="info"></ng-container>
|
||||
</div>
|
||||
<contact-us formTitle="Contact us to create your Community Gateway" class="uk-width-1-2@m"
|
||||
<contact-us formTitle="Contact us to learn more" class="uk-width-1-2@m"
|
||||
[properties]="properties" [errorMessage]="errorMessage"
|
||||
[contactForm]="contactForm" (sendEmitter)="send($event)" (resetEmitter)="reset()"></contact-us>
|
||||
[contactForm]="contactForm" (sendEmitter)="send($event)"></contact-us>
|
||||
<div class="uk-width-1-2 uk-visible@m">
|
||||
<ng-container *ngTemplateOutlet="info"></ng-container>
|
||||
</div>
|
||||
|
|
|
@ -5,224 +5,25 @@ import {PiwikService} from '../openaireLibrary/utils/piwik/piwik.service';
|
|||
import {EnvProperties} from '../openaireLibrary/utils/properties/env-properties';
|
||||
import {HelperService} from "../openaireLibrary/utils/helper/helper.service";
|
||||
import {SEOService} from "../openaireLibrary/sharedComponents/SEO/SEO.service";
|
||||
import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
|
||||
|
||||
@Component({
|
||||
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
|
||||
EOSC and together we’ll talk about how OpenAIRE RCD fits as a solution.
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template #two>
|
||||
<h5 class=" uk-text-bold uk-margin-small-bottom">2. Develop a pilot</h5>
|
||||
<div>
|
||||
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’ll have defined the basic
|
||||
configuration of your Community Gateway.
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template #three>
|
||||
<h5 class="uk-text-bold uk-margin-small-bottom">3. Test and Validate</h5>
|
||||
<div>
|
||||
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 another
|
||||
iteration to further refine and adapt to your needs.
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template #four>
|
||||
<h5 class=" uk-text-bold uk-margin-small-bottom">4. Roll out the service</h5>
|
||||
<div>
|
||||
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.
|
||||
</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="">
|
||||
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
|
||||
[texts]="pageContents['top']"></helper>
|
||||
<!--<div style=" min-height: calc(7.89999px + 60vh); background-image: url('assets/about/background.png') !important;"
|
||||
class="uk-section 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-margin-top uk-padding-remove-top">
|
||||
<div class="uk-margin-large-top uk-grid">
|
||||
<h1 class="uk-width-1-1 font-41 uk-text-bold">Learn the process</h1>
|
||||
<div class="uk-width-1-2@l uk-width-1-1@s uk-h5 uk-margin-top">Build a <b>Gateway to your community's</b>
|
||||
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-flex uk-child-width-1-1@m uk-child-width-1-2@s" uk-grid>
|
||||
<div>
|
||||
<ng-container *ngTemplateOutlet="one"></ng-container>
|
||||
</div>
|
||||
<div class="uk-visible@m">
|
||||
<ng-container *ngTemplateOutlet="four"></ng-container>
|
||||
</div>
|
||||
<div class="uk-hidden@m">
|
||||
<ng-container *ngTemplateOutlet="two"></ng-container>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<img src="../../assets/about/cycle.png">
|
||||
</div>
|
||||
<div class="uk-flex uk-child-width-1-1@m uk-child-width-1-2@s" uk-grid>
|
||||
<div class="uk-visible@m">
|
||||
<ng-container *ngTemplateOutlet="two"></ng-container>
|
||||
</div>
|
||||
<div class="uk-hidden@m uk-visible@s">
|
||||
<ng-container *ngTemplateOutlet="four"></ng-container>
|
||||
</div>
|
||||
<div>
|
||||
<ng-container *ngTemplateOutlet="three"></ng-container>
|
||||
</div>
|
||||
<div class="uk-hidden@s uk-visible@xs">
|
||||
<ng-container *ngTemplateOutlet="four"></ng-container>
|
||||
</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" routerLinkActive="router-link-active"
|
||||
routerLink="/about/learn-in-depth"> Learn more details</a>
|
||||
</div>
|
||||
<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>
|
||||
<div style="background-image: url('assets/cloud/abstract.png') !important;"
|
||||
class="uk-background-norepeat uk-section uk-background-center uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color">
|
||||
<div class="uk-container uk-container-large">
|
||||
<gif-slider [gifs]="gifs"></gif-slider>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-color: #CFDEF1;"
|
||||
class="uk-background-norepeat uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color">
|
||||
<div class="uk-container uk-container-large uk-section">
|
||||
<div class="uk-flex uk-flex-middle uk-padding" uk-grid>
|
||||
<div class="uk-width-expand">
|
||||
<div class="uk-text-bold uk-h4">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">Get in touch with our team to find out how.</div>
|
||||
<div class="uk-inline">
|
||||
<a class="uk-button portal-button" routerLinkActive="router-link-active" routerLink="/contact-us">
|
||||
CONTACT US</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-text-center uk-width-1-1@s uk-width-1-3@m">
|
||||
<img width="263" height="250" src="assets/connect-assets/contact/3.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<html-page [pageTitle]="pageTitle" [description]="pageDescription"></html-page>
|
||||
</div>
|
||||
`
|
||||
})
|
||||
export class LearnHowComponent {
|
||||
public piwiksub: any;
|
||||
public gifs: { "gif": string, "header": string, "text" }[] = [];
|
||||
public pageContents = null;
|
||||
public divContents = null;
|
||||
|
||||
public url: string = null;
|
||||
public pageTitle: string = "OpenAIRE - Connect | Learn How";
|
||||
|
||||
properties: EnvProperties;
|
||||
|
||||
constructor(
|
||||
private route: ActivatedRoute,
|
||||
private _router: Router,
|
||||
private _meta: Meta,
|
||||
private _title: Title,
|
||||
private seoService: SEOService,
|
||||
private _piwikService: PiwikService,
|
||||
private helper: HelperService) {}
|
||||
|
||||
public ngOnInit() {
|
||||
this.route.data
|
||||
.subscribe((data: { envSpecific: EnvProperties }) => {
|
||||
this.properties = data.envSpecific;
|
||||
|
||||
if (this.properties.enablePiwikTrack && (typeof document !== 'undefined')) {
|
||||
this.piwiksub = this._piwikService.trackView(this.properties, this.pageTitle, this.properties.piwikSiteId).subscribe();
|
||||
}
|
||||
this.url = this.properties.baseLink + this._router.url;
|
||||
this.seoService.createLinkForCanonicalURL(this.url);
|
||||
this.updateUrl(this.url);
|
||||
this.updateTitle(this.pageTitle);
|
||||
this.updateDescription("OpenAIRE - Connect, Community Gateway, research community");
|
||||
|
||||
//this.getDivContents();
|
||||
this.getPageContents();
|
||||
});
|
||||
this.createGifs();
|
||||
}
|
||||
|
||||
private getPageContents() {
|
||||
this.helper.getPageHelpContents(this.properties, 'connect', this._router.url).subscribe(contents => {
|
||||
this.pageContents = contents;
|
||||
})
|
||||
}
|
||||
|
||||
private getDivContents() {
|
||||
this.helper.getDivHelpContents(this.properties, 'connect', this._router.url).subscribe(contents => {
|
||||
this.divContents = contents;
|
||||
})
|
||||
}
|
||||
|
||||
public ngOnDestroy() {
|
||||
if (this.piwiksub) {
|
||||
this.piwiksub.unsubscribe();
|
||||
}
|
||||
}
|
||||
|
||||
private createGifs() {
|
||||
this.gifs.push({
|
||||
gif: "assets/connect-assets/about/gifs/profile.gif",
|
||||
header: "Profile",
|
||||
text: "Edit community information, change logo url, add community managers or organizations related to community."
|
||||
});
|
||||
this.gifs.push({
|
||||
gif: "assets/connect-assets/about/gifs/content.gif",
|
||||
header: "Content",
|
||||
text: "Manage projects, content providers, subjects and zenodo communities that are related to the research community."
|
||||
});
|
||||
this.gifs.push({
|
||||
gif: "assets/connect-assets/about/gifs/statistics.gif",
|
||||
header: "Statistics & Charts",
|
||||
text: "Manage statistical numbers & charts that will be displayed in the community overview and graph analysis views."
|
||||
});
|
||||
this.gifs.push({
|
||||
gif: "assets/connect-assets/about/gifs/links.gif",
|
||||
header: "Links",
|
||||
text: " Manage user claims related to the research community."
|
||||
});
|
||||
this.gifs.push({
|
||||
gif: "assets/connect-assets/about/gifs/help.gif",
|
||||
header: " Help texts",
|
||||
text: "Add or edit help text in research community pages."
|
||||
});
|
||||
this.gifs.push({
|
||||
gif: "assets/connect-assets/about/gifs/users.gif",
|
||||
header: "Users",
|
||||
text: "Invite more users to subscribe, manage community subscribers, your personal info and notification settings."
|
||||
});
|
||||
}
|
||||
|
||||
private updateDescription(description: string) {
|
||||
this._meta.updateTag({content: description}, "name='description'");
|
||||
this._meta.updateTag({content: description}, "property='og:description'");
|
||||
}
|
||||
|
||||
private updateTitle(title: string) {
|
||||
var _title = ((title.length > 50) ? title.substring(0, 50) : title);
|
||||
this._title.setTitle(_title);
|
||||
this._meta.updateTag({content: _title}, "property='og:title'");
|
||||
}
|
||||
|
||||
private updateUrl(url: string) {
|
||||
this._meta.updateTag({content: url}, "property='og:url'");
|
||||
}
|
||||
public pageDescription: string = "OpenAIRE - Connect, Community Gateway, research community";
|
||||
public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'about'}];
|
||||
}
|
||||
|
|
|
@ -13,11 +13,13 @@ import {HelperModule} from "../openaireLibrary/utils/helper/helper.module";
|
|||
import {IsRouteEnabled} from "../openaireLibrary/error/isRouteEnabled.guard";
|
||||
import {Schema2jsonldModule} from "../openaireLibrary/sharedComponents/schema2jsonld/schema2jsonld.module";
|
||||
import {SEOServiceModule} from "../openaireLibrary/sharedComponents/SEO/SEOService.module";
|
||||
import {BreadcrumbsModule} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.module";
|
||||
import {HtmlPagesModule} from "../htmlPages/htmlPages.module";
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule, RouterModule, LearnHowRoutingModule, GifSliderModule, HelperModule,
|
||||
Schema2jsonldModule, SEOServiceModule
|
||||
Schema2jsonldModule, SEOServiceModule, BreadcrumbsModule, HtmlPagesModule
|
||||
],
|
||||
declarations: [
|
||||
LearnHowComponent
|
||||
|
|
|
@ -1,279 +1,23 @@
|
|||
import {Component} from '@angular/core';
|
||||
import {ActivatedRoute, Router} from '@angular/router';
|
||||
import {Meta, Title} from '@angular/platform-browser';
|
||||
import {PiwikService} from '../../openaireLibrary/utils/piwik/piwik.service';
|
||||
import {EnvProperties} from '../../openaireLibrary/utils/properties/env-properties';
|
||||
import {HelperService} from "../../openaireLibrary/utils/helper/helper.service";
|
||||
import {SEOService} from "../../openaireLibrary/sharedComponents/SEO/SEO.service";
|
||||
import {Breadcrumb} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
|
||||
|
||||
@Component({
|
||||
selector: 'learn-in-depth',
|
||||
template: `
|
||||
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></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="">
|
||||
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
|
||||
[texts]="pageContents['top']"></helper>
|
||||
<!--<div
|
||||
class="uk-background-norepeat uk-background-cover uk-section uk-padding-remove-bottom uk-section-overlap uk-position-relative uk-preserve-color"
|
||||
style="min-height: calc(7.89999px + 60vh); background-image: url('assets/cloud/background.png') !important;">
|
||||
<div class="uk-container uk-container-large uk-section uk-margin-top uk-padding-remove-top">
|
||||
<div uk-grid>
|
||||
<div class="uk-margin-large-top uk-width-3-4@m uk-width-1-1@s">
|
||||
<h1 class="uk-width-3-4 uk-margin-medium-bottom">Let’s set up a Gateway for your Community
|
||||
<b>Together</b></h1>
|
||||
<div class="uk-width-4-5@m uk-width-1-1@s uk-h5">
|
||||
<div class="uk-margin-bottom">You don’t have to go alone.</div>
|
||||
<div>
|
||||
We work with you in <b>4 collaborative steps</b> to identify your needs, putting in practice our
|
||||
expertise on open science so you get the most out of OpenAIRE’s operational services.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-margin-large-top uk-width-expand">
|
||||
<img width="308" height="285" src="assets/connect-assets/banner/together.png">
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="uk-container uk-container-large uk-section uk-padding-remove-top">
|
||||
<ul class="uk-breadcrumb">
|
||||
<li><a routerLinkActive="router-link-active" routerLink="/about">About</a></li>
|
||||
<li><span class="active">Learn in-depth</span></li>
|
||||
</ul>
|
||||
<div uk-grid>
|
||||
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column">
|
||||
<img src="assets/connect-assets/about/1.png" class="uk-align-center" width="100px" height="100px">
|
||||
<img src="assets/connect-assets/sketch_line_arrow.svg" class="uk-align-center">
|
||||
</div>
|
||||
<div class="uk-width-expand">
|
||||
<div class="uk-margin-medium uk-text-bold uk-h4">1. Analyse your needs</div>
|
||||
<i>Identify the scope and goals. Understand open science practices within EOSC and the OpenAIRE
|
||||
services</i>
|
||||
|
||||
<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 your community.
|
||||
</p>
|
||||
<p>
|
||||
Here are the most important questions that the OpenAIRE team will ask you, in order to understand your
|
||||
scope and goals:
|
||||
</p>
|
||||
<ul class="uk-list uk-list-bullet">
|
||||
<li>
|
||||
Do you want a gateway, where researchers can have access to all research products of a discipline?
|
||||
Do you want a gateway that gathers any research outcome, produced thanks to the funding and services
|
||||
of a given research infrastructure?
|
||||
</li>
|
||||
<li>
|
||||
Is your community (in)formally organized in sub-communities?
|
||||
Would you like to browse research products and get statistics also for these sub-communities?
|
||||
For example, the European Grid Infrastructure (EGI) features “virtual organizations” that represent
|
||||
discipline-specific communities and/or specific research projects.
|
||||
The research infrastructure DARIAH, on the other hand, is organised in national nodes (e.g.
|
||||
DARIAH-IT, DARIAH-DE).
|
||||
</li>
|
||||
<li>
|
||||
How can the OpenAIRE team identify the research products of your community, among all those
|
||||
available in the OpenAIRE Graph?
|
||||
Through a series of steps: set of keywords, acknowledgment statements, set of projects, set of
|
||||
repositories, etc.
|
||||
This can be partial and provisional information that will serve as a starting point to the OpenAIRE
|
||||
team.
|
||||
You will be able to refine and update this information, in the second phase “Develop a pilot”.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div uk-grid uk-height-match>
|
||||
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column">
|
||||
<img src="assets/connect-assets/about/2.png" class="uk-align-center" width="100px" height="100px">
|
||||
<img src="assets/connect-assets/sketch_line_arrow.svg" class="uk-align-center">
|
||||
</div>
|
||||
<div class="uk-width-expand">
|
||||
<div class="uk-margin-medium uk-text-bold uk-h4">2. Develop a pilot</div>
|
||||
<i>We translate your needs into rules and processes and we configure operational OpenAIRE services.</i>
|
||||
|
||||
<p>
|
||||
Based on the information gathered in phase 1 “Analyse your needs”, the OpenAIRE team will set up a
|
||||
pilot Gateway.
|
||||
We will configure the OpenAIRE mining algorithms to identify research products of the OpenAIRE Graph
|
||||
that are relevant to your community.
|
||||
Those, together with some basic statistics, will be available in the pilot version of the Community
|
||||
Gateway that will be deployed on the OpenAIRE BETA infrastructure.
|
||||
</p>
|
||||
<p>
|
||||
The OpenAIRE team will give you a demo of the Community Gateway, with details on how to refine and
|
||||
update the configuration of the Community Gateway, both in terms of criteria for including research
|
||||
products and in terms of logo and visible portal pages.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div uk-grid uk-height-match>
|
||||
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column">
|
||||
<img src="assets/connect-assets/about/3.png" class="uk-align-center" width="100px" height="100px">
|
||||
<img src="assets/connect-assets/sketch_line_arrow_large.svg" class="uk-align-center">
|
||||
</div>
|
||||
<div class="uk-width-expand">
|
||||
<div class="uk-margin-medium uk-text-bold uk-h4">3. Test and Validate</div>
|
||||
<i>You validate and test your new Community Gateway (portal). If needed, we further refine and adapt to
|
||||
your needs</i>
|
||||
|
||||
<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 might find and ask questions directly to the dedicated OpenAIRE team, via
|
||||
a specially designed collaboration tool.
|
||||
</p>
|
||||
<p>
|
||||
Typically, this phase takes some months, as you will have to go through certain procedures.
|
||||
Change the configuration of the criteria to include research products, wait for the new configuration
|
||||
to be applied on the OpenAIRE graph and validate the results, before you actually decide that the
|
||||
coverage of research products for your community is adequate.
|
||||
</p>
|
||||
<p>
|
||||
For some communities, the OpenAIRE team may also be able to implement dedicated mining algorithms
|
||||
(e.g. to find acknowledgement statements to your community/infrastructure in the full-texts of
|
||||
research articles) that may require several rounds of application, validation, and fine-tuning, before
|
||||
it reaches a high precision and recall.
|
||||
Your feedback is very important to minimize the effort and time needed for this process to complete.
|
||||
</p>
|
||||
|
||||
<div class="uk-width-1-1 uk-text-center uk-margin-medium ">
|
||||
<img src="assets/connect-assets/OpenAIRE-RCD_howtos.png" width="auto" height="auto">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div uk-grid uk-height-match>
|
||||
<div class="uk-width-1-6 uk-position-relative">
|
||||
<img src="assets/connect-assets/about/4.png" class="uk-align-center" width="100px" height="100px">
|
||||
</div>
|
||||
<div class="uk-width-expand">
|
||||
<div class="uk-margin-medium uk-text-bold uk-h4">4. Roll out the service</div>
|
||||
<i>We jointly roll out your new portal. You take over the business operations and start engaging your
|
||||
researchers</i>
|
||||
|
||||
<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 and make it available to all the researchers of the community!
|
||||
</p>
|
||||
<p>
|
||||
You, as a Community manager, become the main “promoter” of the Community Gateway.
|
||||
Engage the researchers of your community and, when applicable, inform the managers of the research
|
||||
infrastructure about the availability of tools for impact monitoring.
|
||||
</p>
|
||||
<p>
|
||||
Remember that you will still be able to change the configuration of the Community Gateway in order to
|
||||
address any issue that may arise and to follow the evolution of the community (e.g. a new project or a
|
||||
new content provider that was not previously available in OpenAIRE).
|
||||
</p>
|
||||
<p>
|
||||
Remember that you don’t have to go alone: the dedicated issue tracker you used in the “Test and
|
||||
Validate” phase is always available for you to contact the OpenAIRE team and ask for support.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="background-color: #CFDEF1;"
|
||||
class="uk-background-norepeat uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color">
|
||||
<div class="uk-container uk-container-large uk-section">
|
||||
<div class="uk-flex uk-flex-middle uk-padding" uk-grid>
|
||||
<div class="uk-text-center uk-width-1-1@s uk-width-1-2@m">
|
||||
<img width="329" height="250" src="assets/connect-assets/contact/2.png">
|
||||
</div>
|
||||
<div class="uk-width-expand">
|
||||
<div class="uk-text-bold uk-h4">
|
||||
<div>Let us help you develop a collaborative Open Science Gateway for your community. It is fast. It
|
||||
is reliable.
|
||||
</div>
|
||||
</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" routerLinkActive="router-link-active">
|
||||
CONTACT
|
||||
US</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>-->
|
||||
<html-page [pageTitle]="pageTitle" [description]="pageDescription"></html-page>
|
||||
</div>
|
||||
`
|
||||
})
|
||||
export class LearnInDepthComponent {
|
||||
public piwiksub: any;
|
||||
public pageContents = null;
|
||||
public divContents = null;
|
||||
|
||||
public url: string = null;
|
||||
public pageTitle: string = "OpenAIRE - Connect | Learn In Depth";
|
||||
|
||||
properties: EnvProperties;
|
||||
|
||||
constructor(
|
||||
private route: ActivatedRoute,
|
||||
private _router: Router,
|
||||
private _meta: Meta,
|
||||
private _title: Title,
|
||||
private seoService: SEOService,
|
||||
private _piwikService: PiwikService,
|
||||
private helper: HelperService) {
|
||||
}
|
||||
|
||||
public ngOnInit() {
|
||||
this.route.data
|
||||
.subscribe((data: { envSpecific: EnvProperties }) => {
|
||||
this.properties = data.envSpecific;
|
||||
|
||||
if (this.properties.enablePiwikTrack && (typeof document !== 'undefined')) {
|
||||
this.piwiksub = this._piwikService.trackView(this.properties, this.pageTitle, this.properties.piwikSiteId).subscribe();
|
||||
}
|
||||
this.url = this.properties.baseLink + this._router.url;
|
||||
this.seoService.createLinkForCanonicalURL(this.url);
|
||||
this.updateUrl(this.url);
|
||||
this.updateTitle(this.pageTitle);
|
||||
this.updateDescription("OpenAIRE - Connect, Community Gateway, research community");
|
||||
|
||||
//this.getDivContents();
|
||||
this.getPageContents();
|
||||
});
|
||||
}
|
||||
|
||||
private getPageContents() {
|
||||
this.helper.getPageHelpContents(this.properties, 'connect', this._router.url).subscribe(contents => {
|
||||
this.pageContents = contents;
|
||||
})
|
||||
}
|
||||
|
||||
private getDivContents() {
|
||||
this.helper.getDivHelpContents(this.properties, 'connect', this._router.url).subscribe(contents => {
|
||||
this.divContents = contents;
|
||||
})
|
||||
}
|
||||
|
||||
public ngOnDestroy() {
|
||||
if (this.piwiksub) {
|
||||
this.piwiksub.unsubscribe();
|
||||
}
|
||||
}
|
||||
|
||||
private updateDescription(description: string) {
|
||||
this._meta.updateTag({content: description}, "name='description'");
|
||||
this._meta.updateTag({content: description}, "property='og:description'");
|
||||
}
|
||||
|
||||
private updateTitle(title: string) {
|
||||
var _title = ((title.length > 50) ? title.substring(0, 50) : title);
|
||||
this._title.setTitle(_title);
|
||||
this._meta.updateTag({content: _title}, "property='og:title'");
|
||||
}
|
||||
|
||||
private updateUrl(url: string) {
|
||||
this._meta.updateTag({content: url}, "property='og:url'");
|
||||
}
|
||||
public pageDescription: string = "OpenAIRE - Connect, Community Gateway, research community";
|
||||
public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'about', route: '/about'}, {name: 'learn in-depth'}];
|
||||
}
|
||||
|
|
|
@ -1,10 +1,10 @@
|
|||
import { NgModule} from '@angular/core';
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { RouterModule } from '@angular/router';
|
||||
import {NgModule} from '@angular/core';
|
||||
import {CommonModule} from '@angular/common';
|
||||
import {RouterModule} from '@angular/router';
|
||||
|
||||
import {FreeGuard} from '../../openaireLibrary/login/freeGuard.guard';
|
||||
import {FreeGuard} from '../../openaireLibrary/login/freeGuard.guard';
|
||||
import {PreviousRouteRecorder} from '../../openaireLibrary/utils/piwik/previousRouteRecorder.guard';
|
||||
import {PiwikService} from '../../openaireLibrary/utils/piwik/piwik.service';
|
||||
import {PiwikService} from '../../openaireLibrary/utils/piwik/piwik.service';
|
||||
|
||||
import {LearnInDepthComponent} from "./learn-in-depth.component";
|
||||
import {LearnInDepthRoutingModule} from "./learn-in-depth-routing.module";
|
||||
|
@ -12,11 +12,13 @@ import {HelperModule} from "../../openaireLibrary/utils/helper/helper.module";
|
|||
import {IsRouteEnabled} from "../../openaireLibrary/error/isRouteEnabled.guard";
|
||||
import {Schema2jsonldModule} from "../../openaireLibrary/sharedComponents/schema2jsonld/schema2jsonld.module";
|
||||
import {SEOServiceModule} from "../../openaireLibrary/sharedComponents/SEO/SEOService.module";
|
||||
import {BreadcrumbsModule} from "../../openaireLibrary/utils/breadcrumbs/breadcrumbs.module";
|
||||
import {HtmlPagesModule} from "../../htmlPages/htmlPages.module";
|
||||
|
||||
@NgModule({
|
||||
imports: [
|
||||
CommonModule, RouterModule, LearnInDepthRoutingModule, HelperModule,
|
||||
Schema2jsonldModule, SEOServiceModule
|
||||
Schema2jsonldModule, SEOServiceModule, BreadcrumbsModule, HtmlPagesModule
|
||||
],
|
||||
declarations: [
|
||||
LearnInDepthComponent
|
||||
|
|
|
@ -14,7 +14,6 @@ import {SubscribeService} from "../../openaireLibrary/utils/subscribe/subscribe.
|
|||
import {StringUtils} from "../../openaireLibrary/utils/string-utils.class";
|
||||
import {HelperFunctions} from "../../openaireLibrary/utils/HelperFunctions.class";
|
||||
import {UserManagementService} from "../../openaireLibrary/services/user-management.service";
|
||||
import {url} from "inspector";
|
||||
|
||||
@Component({
|
||||
selector: 'search-communities',
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
After Width: | Height: | Size: 84 KiB |
|
@ -1,34 +1,34 @@
|
|||
:root {
|
||||
--portal-main-color: #EBB13E;
|
||||
/* --portal-main-contrast: #2E2E2E; */
|
||||
--portal-main-contrast: white;
|
||||
--portal-dark-color: #b48536;
|
||||
--portal-main-color: #FECA1D;
|
||||
/* --portal-main-contrast: #2E2E2E; */
|
||||
--portal-main-contrast: white;
|
||||
/*--portal-dark-color: #b48536;*/
|
||||
--portal-dark-color: #FFC400;
|
||||
--openaire-main-color: #313179;
|
||||
|
||||
--openaire-main-color: #313179;
|
||||
--explore-portal-color: #D95F2D;
|
||||
--provide-portal-color: #37C7E9;
|
||||
--monitor-portal-color: #9ABB55;
|
||||
--connect-portal-color: #FECA1D;
|
||||
/*--connect-portal-color: #EBB13E;*/
|
||||
--develop-portal-color: #DA65AB;
|
||||
|
||||
--explore-portal-color: #D95F2D;
|
||||
--provide-portal-color: #37C7E9;
|
||||
--monitor-portal-color: #9ABB55;
|
||||
--connect-portal-color: #EBB13E;
|
||||
--develop-portal-color: #DA65AB;
|
||||
--explore-portal-lower-tone: #a0462c;
|
||||
--provide-portal-lower-tone: #3A8FA3;
|
||||
--monitor-portal-lower-tone: #7c9144;
|
||||
--connect-portal-lower-tone: #b48536;
|
||||
--develop-portal-lower-tone: #9f4e7e;
|
||||
|
||||
--explore-portal-lower-tone: #a0462c;
|
||||
--provide-portal-lower-tone: #3A8FA3;
|
||||
--monitor-portal-lower-tone: #7c9144;
|
||||
--connect-portal-lower-tone: #b48536;
|
||||
--develop-portal-lower-tone: #9f4e7e;
|
||||
|
||||
--community_main_color: #4C9CD5;
|
||||
--community_main_color_rgb: 76,156,213;
|
||||
--community_secondary_color:#24857F;
|
||||
--community_main_dark_color:#2276B9;
|
||||
--community_main_color: #4C9CD5;
|
||||
--community_main_color_rgb: 76, 156, 213;
|
||||
--community_secondary_color: #24857F;
|
||||
--community_main_dark_color: #2276B9;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.tm-toolbar .uk-subnav-line .custom-connect-li {
|
||||
background:var(--portal-main-color) !important;
|
||||
background: var(--portal-main-color) !important;
|
||||
}
|
||||
|
||||
/* .uk-button-default:hover,.uk-button-default:focus,.btn:hover,.btn:focus {
|
||||
|
@ -39,10 +39,10 @@
|
|||
|
||||
|
||||
.mainPageSearchForm {
|
||||
background-image: url("connect-assets/home/banner.jpg") !important;
|
||||
background-color: rgb(255, 255, 255);
|
||||
box-sizing: border-box;
|
||||
min-height: calc(100vh - 412.767px);
|
||||
background-image: url("connect-assets/home/banner.jpg") !important;
|
||||
background-color: rgb(255, 255, 255);
|
||||
box-sizing: border-box;
|
||||
min-height: calc(100vh - 412.767px);
|
||||
}
|
||||
|
||||
.home-banner {
|
||||
|
@ -60,8 +60,8 @@
|
|||
}
|
||||
|
||||
.cloud-background {
|
||||
background-image: url("connect-assets/cloud/background.png") !important;
|
||||
background-color: rgb(255, 255, 255);
|
||||
background-image: url("connect-assets/cloud/background.png") !important;
|
||||
background-color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.cloud-abstract {
|
||||
|
@ -70,7 +70,7 @@
|
|||
}
|
||||
|
||||
.banner-background {
|
||||
background: linear-gradient(145deg, rgba(255,255,255,1) 0%, rgba(160,193,242,1) 100%);
|
||||
background: linear-gradient(145deg, rgba(255, 255, 255, 1) 0%, rgba(160, 193, 242, 1) 100%);
|
||||
}
|
||||
|
||||
.home-background {
|
||||
|
@ -91,19 +91,20 @@
|
|||
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
|
||||
.rc-label{
|
||||
color:black !important;
|
||||
.rc-label {
|
||||
color: black !important;
|
||||
background-color: #FFC700 !important;
|
||||
}
|
||||
|
||||
.private-view-label{
|
||||
color:black !important;
|
||||
.private-view-label {
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
|
||||
.searchForm, .communitiesSearchForm{
|
||||
background: linear-gradient(145deg, rgba(255,255,255,1) 0%, rgba(160,193,242,1) 100%);
|
||||
.searchForm, .communitiesSearchForm {
|
||||
background: linear-gradient(145deg, rgba(255, 255, 255, 1) 0%, rgba(160, 193, 242, 1) 100%);
|
||||
}
|
||||
|
||||
.generalSearchForm,
|
||||
.publicationsSearchForm,
|
||||
.projectsSearchForm, .projectsTableSearchForm,
|
||||
|
@ -111,16 +112,16 @@
|
|||
.datasetsSearchForm,
|
||||
.softwareSearchForm,
|
||||
.orpsSearchForm,
|
||||
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,
|
||||
.journalsSearchForm, .journalsTableSearchForm,
|
||||
.datasourcesSearchForm, .compatibleDatasourcesSearchForm, .compatibleDatasourcesTableSearchForm, .datasourcesTableSearchForm,
|
||||
.journalsSearchForm, .journalsTableSearchForm,
|
||||
.entityRegistriesSearchForm, .entityRegistriesTableSearchForm {
|
||||
|
||||
background: url('') !important;
|
||||
background: url('') !important;
|
||||
|
||||
}
|
||||
|
||||
.communityToolBar{
|
||||
background-color:#dedede;
|
||||
.communityToolBar {
|
||||
background-color: #dedede;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
|
@ -128,99 +129,104 @@
|
|||
opacity: 0;
|
||||
}*/
|
||||
|
||||
.communityToolBarSection{
|
||||
.communityToolBarSection {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.iframeContainer{
|
||||
.iframeContainer {
|
||||
/*position:relative;*/
|
||||
overflow:hidden;
|
||||
overflow: hidden;
|
||||
/*padding-top:56.25%;*/
|
||||
/*padding-bottom:35%;*/
|
||||
|
||||
}
|
||||
|
||||
.iframeContainer iframe{
|
||||
.iframeContainer iframe {
|
||||
/*position: absolute;*/
|
||||
/*top:0;*/
|
||||
/*left:0;*/
|
||||
width:100%;
|
||||
height:100%;
|
||||
border:0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
div:not(.connect_App) bottom .uk-totop{
|
||||
background-color: transparent !important;
|
||||
div:not(.connect_App) bottom .uk-totop {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.communityPanelBackground .curator-photo{
|
||||
border:rgba(255, 255, 255, 0.5) 8px solid;
|
||||
.communityPanelBackground .curator-photo {
|
||||
border: rgba(255, 255, 255, 0.5) 8px solid;
|
||||
}
|
||||
|
||||
.communityRecentResults .search-results > li:nth-child(2){
|
||||
border-top: none !important;
|
||||
.communityRecentResults .search-results > li:nth-child(2) {
|
||||
border-top: none !important;
|
||||
}
|
||||
|
||||
.communityRecentResults .search-results > li:last-child {
|
||||
border-bottom: none !important;
|
||||
border-bottom: none !important;
|
||||
|
||||
}
|
||||
|
||||
.communityPanelBackground .uk-breadcrumb .active{
|
||||
color:white;
|
||||
.communityPanelBackground .uk-breadcrumb .active {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.uk-breadcrumb .active{
|
||||
font-weight: bold;
|
||||
.uk-breadcrumb .active {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground){
|
||||
border-radius: 20px;
|
||||
padding: 10px 20px;
|
||||
.communityPanelBackground .uk-label:not(.ignoreCommunityPanelBackground) {
|
||||
border-radius: 20px;
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
|
||||
.communityPanelBackground .uk-grid-divider > :not(.uk-first-column)::before {
|
||||
border-left: 1px solid rgba(255, 255, 255, .2);
|
||||
border-left: 1px solid rgba(255, 255, 255, .2);
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
Impact Factor - ATHENA CODE */
|
||||
#popularity-A{
|
||||
color:red;
|
||||
content: 'Test';
|
||||
}
|
||||
#popularity-B{
|
||||
color:#eabd35;
|
||||
content: 'Test';
|
||||
#popularity-A {
|
||||
color: red;
|
||||
content: 'Test';
|
||||
}
|
||||
|
||||
#popularity-C{
|
||||
color:grey;
|
||||
content: 'Test';
|
||||
#popularity-B {
|
||||
color: #eabd35;
|
||||
content: 'Test';
|
||||
}
|
||||
|
||||
#influence-A{
|
||||
color:red;
|
||||
content: 'Test';
|
||||
}
|
||||
#influence-B{
|
||||
color:#eabd35;
|
||||
content: 'Test';
|
||||
#popularity-C {
|
||||
color: grey;
|
||||
content: 'Test';
|
||||
}
|
||||
|
||||
#influence-C{
|
||||
color:grey;
|
||||
content: 'Test';
|
||||
#influence-A {
|
||||
color: red;
|
||||
content: 'Test';
|
||||
}
|
||||
|
||||
#influence-B {
|
||||
color: #eabd35;
|
||||
content: 'Test';
|
||||
}
|
||||
|
||||
#influence-C {
|
||||
color: grey;
|
||||
content: 'Test';
|
||||
}
|
||||
|
||||
.fa-university::before {
|
||||
|
||||
content: "\f19c";
|
||||
content: "\f19c";
|
||||
|
||||
}
|
||||
|
||||
.fa-fire::before {
|
||||
|
||||
content: "\f06d";
|
||||
content: "\f06d";
|
||||
|
||||
}
|
||||
/* ATHENA CODE */
|
||||
|
@ -229,3 +235,25 @@ Impact Factor - ATHENA CODE */
|
|||
padding-left: 20px;
|
||||
|
||||
}
|
||||
|
||||
.connectApp {
|
||||
background-color: #FAFAFA !important;
|
||||
}
|
||||
|
||||
.connectApp .color {
|
||||
color: #292747 !important;
|
||||
}
|
||||
|
||||
.connectApp .dashboard {
|
||||
background: url("connect-assets/home/dashboard.png") no-repeat bottom;
|
||||
min-height: 320px;
|
||||
}
|
||||
|
||||
.connectApp .portal-button {
|
||||
color: black !important;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.connectApp .uk-grid-divider>:not(.uk-first-column)::before {
|
||||
border-left: 1px solid #DEDEDE;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue