[Trunk|Connect]: Latest changes on home, about and learn in depth pages.
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@56337 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou
parent
5851f71634
commit
686f785701
|
|
@ -15,7 +15,7 @@
|
|||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="community uk-margin-medium-bottom">
|
||||
<div class="community uk-margin-medium-bottom uk-margin-small-top">
|
||||
<div class="uk-text-center uk-text-small uk-text-bold">
|
||||
<a (click)="confirmModalOpen()">
|
||||
<span class="uk-text-small uk-margin-small" *ngIf="community.title" >
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
<div [ngClass]="(managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0)?'banner-background':'home-banner'" class="image-front-topbar uk-section-large uk-background-norepeat uk-background-bottom-center uk-background-cover uk-section-secondary 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 [ngClass]="(managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0)?'banner-background':'home-banner'" class="image-front-topbar uk-section uk-background-norepeat uk-background-bottom-center uk-background-cover uk-section-secondary 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-position-cover"></div>
|
||||
<div class="uk-position-relative uk-panel">
|
||||
<div *ngIf="loading" class="uk-container uk-container-large uk-height-large">
|
||||
<div class="uk-animation-fade uk-margin-top uk-width-1-2" role="alert"><span class="loading-gif uk-align-center" ></span></div>
|
||||
</div>
|
||||
<div *ngIf="!loading" class="uk-container uk-container-expand padding-120">
|
||||
<div *ngIf="managerOfCommunities.length > 0 || subscriberOfCommunities.length > 0" class="uk-child-width-1-1@s uk-child-width-1-2@m uk-child-width-1-3@xl uk-flex uk-flex-middle" uk-grid>
|
||||
<div *ngIf="!loading" class="uk-container uk-container-large uk-section">
|
||||
<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>
|
||||
<div>
|
||||
<div *ngIf="managerOfCommunities.length > 0" class="uk-grid">
|
||||
<h5 class="uk-width-1-1 uk-text-bold">You are managing</h5>
|
||||
|
|
@ -61,7 +61,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div *ngIf="managerOfCommunities.length == 0 && subscriberOfCommunities.length == 0" class="uk-grid">
|
||||
<div class="uk-width-1-3@xl uk-width-1-2@m uk-width-1-1@s">
|
||||
<div class="uk-width-1-2@m uk-width-1-1@s">
|
||||
<h1 class="font-41">Build a <b>Gateway</b> for your <b>Community</b></h1>
|
||||
<div class="uk-text-large uk-margin-top">Turn Open Science into Practice.<br>It takes your open and linked research outcomes.<br>A service customized to your needs.</div>
|
||||
</div>
|
||||
|
|
@ -222,7 +222,7 @@
|
|||
<helper div="home-news"></helper>
|
||||
<div class="contact-banner 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-child-width-1-1@s uk-child-width-1-2@m" uk-grid>
|
||||
<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/contact/1.png">
|
||||
</div>
|
||||
|
|
@ -230,8 +230,8 @@
|
|||
<h1 class="uk-text-bold">
|
||||
<div>Let us help you develop a collaborative Open Science Gateway for your community. It is fast. It is reliable.</div>
|
||||
</h1>
|
||||
<div>Get in touch with our team to find out how.</div>
|
||||
<div class="uk-inline uk-margin-medium-top uk-margin-bottom">
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<div *ngIf="!showLoading" class="uk-container uk-container-large">
|
||||
<div class="uk-grid-divider" uk-grid>
|
||||
<div class="uk-width-1-2@m uk-width-1-1@s">
|
||||
<h4 class="uk-margin-auto uk-h4 uk-text-bold">Contact us to create your Community Gateway</h4>
|
||||
<h1 class="uk-margin-auto uk-text-bold">Contact us to create your Community Gateway</h1>
|
||||
<div *ngIf="errorMessage" class="uk-width-1-1 uk-alert uk-alert-danger uk-text-center" role="alert">{{errorMessage}}</div>
|
||||
<div class="uk-margin-top" uk-grid>
|
||||
<div class="uk-margin-small uk-width-1-1 uk-text-danger uk-text-bold uk-margin-remove-bottom">* Required fields</div>
|
||||
|
|
@ -65,12 +65,12 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="uk-width-1-2@m uk-width-1-1@s">
|
||||
<h5 class="uk-margin-auto-top uk-margin-remove-bottom uk-h5 uk-text-bold">OpenAIRE gives you the virtual environment and services designed for your community to:</h5>
|
||||
<h1 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:</h1>
|
||||
<ul class="uk-list uk-list-divider uk-padding uk-padding-remove-left uk-margin-auto-top">
|
||||
<li><h5 class="uk-h5"><span class="uk-text-bold">Create and Manage</span> your
|
||||
<li><h5><span class="uk-text-bold">Create and Manage</span> your
|
||||
Community Gateway</h5></li>
|
||||
<li><h5 class="uk-h5"><span class="uk-text-bold">Access, share and link</span> together all your research</h5></li>
|
||||
<li><h5 class="uk-h5"><span class="uk-text-bold">Monitor and report</span> your community's progress</h5></li>
|
||||
<li><h5><span class="uk-text-bold">Access, share and link</span> together all your research</h5></li>
|
||||
<li><h5><span class="uk-text-bold">Monitor and report</span> your community's progress</h5></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -10,28 +10,28 @@ import {FAQ} from "../openaireLibrary/utils/entities/FAQ";
|
|||
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 style=" min-height: calc(7.89999px + 60vh);"
|
||||
class="about-background uk-section-large 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">
|
||||
<div class="uk-margin-large-top" uk-grid>
|
||||
class="about-background uk-section 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-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-text-large">Build a <b>Gateway to your community's</b> open and linked research outcomes. Customized to your needs.</div>
|
||||
<div class="uk-width-1-2@l uk-width-1-1@s uk-text-large 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>
|
||||
<h5 class="uk-text-bold">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 EOSC and together we’ll talk about how OpenAIRE RCD fits as a solution.
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-visible@m">
|
||||
<h5 class=" uk-text-bold">4. Roll out the service</h5>
|
||||
<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>
|
||||
</div>
|
||||
<div class="uk-hidden@m">
|
||||
<h5 class=" uk-text-bold">2. Develop a pilot</h5>
|
||||
<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>
|
||||
</div>
|
||||
|
|
@ -41,17 +41,17 @@ import {FAQ} from "../openaireLibrary/utils/entities/FAQ";
|
|||
</div>
|
||||
<div class="uk-flex uk-child-width-1-1@m uk-child-width-1-2@s" uk-grid>
|
||||
<div class="uk-visible@m">
|
||||
<h5 class=" uk-text-bold">2. Develop a pilot</h5>
|
||||
<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>
|
||||
</div>
|
||||
<div class="uk-hidden@m">
|
||||
<h5 class=" uk-text-bold">4. Roll out the service</h5>
|
||||
<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>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="uk-text-bold">3. Test and Validate</h5>
|
||||
<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>
|
||||
|
|
@ -69,12 +69,12 @@ import {FAQ} from "../openaireLibrary/utils/entities/FAQ";
|
|||
</div>
|
||||
</div>
|
||||
<div class="contact-banner uk-background-norepeat uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color">
|
||||
<div class="uk-container uk-section">
|
||||
<div class="uk-flex uk-flex-middle" uk-grid>
|
||||
<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">
|
||||
<h1 class="uk-text-bold">We look forward to working together and helping you unlock the full potential of your research community through open science.</h1>
|
||||
<div>Get in touch with our team to find out how.</div>
|
||||
<div class="uk-inline uk-margin-medium-top">
|
||||
<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>
|
||||
|
|
@ -98,14 +98,6 @@ import {FAQ} from "../openaireLibrary/utils/entities/FAQ";
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!--<ng-template #comingSoon>
|
||||
<div class="uk-container">
|
||||
<h1 class="uk-margin-remove-bottom uk-margin-large-top uk-width-1-1">Frequently Asked Questions</h1>
|
||||
<div class="uk-width-1-1 uk-section uk-text-center uk-text-large">
|
||||
Coming Soon...
|
||||
</div>
|
||||
</div>
|
||||
</ng-template>-->
|
||||
</div>
|
||||
`
|
||||
})
|
||||
|
|
|
|||
|
|
@ -12,15 +12,15 @@ import {EnvProperties} from '../../openaireLibrary/utils/properties/env
|
|||
<div class="uk-container uk-container-large uk-section">
|
||||
<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 font-41">Let’s set up a Gateway for your Community <b>Together</b></h1>
|
||||
<h5 class="uk-width-4-5@m uk-width-1-1@s">
|
||||
<h1 class="uk-width-3-4 font-41 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>
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-margin-large-top uk-width-1-4@m uk-width-1-1@s">
|
||||
<div class="uk-margin-large-top uk-width-expand">
|
||||
<img width="308" height="285" src="../../assets/banner/together.png">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -35,28 +35,11 @@ import {EnvProperties} from '../../openaireLibrary/utils/properties/env
|
|||
</ul>
|
||||
<div uk-grid>
|
||||
<div class="uk-width-1-6 uk-position-relative uk-flex uk-flex-column">
|
||||
<!-- <svg viewBox="0 0 150 150" xmlns="http://www.w3.org/2000/svg">-->
|
||||
<!-- <circle cx="50" cy="50" r="50" fill="#E5E5E5"/>-->
|
||||
<!-- </svg>-->
|
||||
<!-- <img src="../../assets/ask-connect.svg" class="uk-align-center img-sketch">-->
|
||||
<!-- <img src="../../assets/sketch_line_arrow.svg" class="uk-align-center sketch-line">-->
|
||||
|
||||
<img src="../../assets/about/1.png" class="uk-align-center" width="100px" height="100px">
|
||||
<!-- uk-height-1-1-->
|
||||
<img src="../../assets/sketch_line_arrow.svg" class="uk-align-center">
|
||||
<!-- <svg class="uk-align-center" xmlns="http://www.w3.org/2000/svg" width="33.534" height="182.701" viewBox="0 0 33.534 182.701">-->
|
||||
<!-- <g id="Group_755" data-name="Group 755" transform="translate(-4.701 -13.326)">-->
|
||||
<!-- <g id="Group_342" data-name="Group 342" transform="translate(686.122 -100.639) rotate(90)">-->
|
||||
<!-- <path id="Path_235" data-name="Path 235" d="M1783.518,676.418s45.7-15.767,85.456-2.516c20.573,6.859,63.031,6.3,95.334,0" transform="translate(-1669.227 -11.527)" fill="none" stroke="#94b2e2" stroke-width="2"/>-->
|
||||
<!-- </g>-->
|
||||
<!-- <path id="Path_309" data-name="Path 309" d="M6823.193,2688.6c14.274,8.08,17.506,17.843,17.506,17.843s12.12-8.416,14.544-26.394" transform="translate(-6818 -2512)" fill="none" stroke="#94b2e2" stroke-width="2"/>-->
|
||||
<!-- </g>-->
|
||||
<!-- </svg>-->
|
||||
<!-- <img src="../../assets/sketch_line.svg" class="uk-align-center sketch-line">-->
|
||||
<!-- <img src="../../assets/sketch_arrow.svg" class="uk-align-center uk-position-absolute sketch-arrow" width="auto" height="auto">-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-expand">
|
||||
<h1 class="uk-margin-small uk-text-bold">1. Analyse your needs</h1>
|
||||
<h1 class="uk-margin-medium uk-text-bold">1. Analyse your needs</h1>
|
||||
<i>Identify the scope and goals. Understand open science practices within EOSC and the OpenAIRE services</i>
|
||||
|
||||
<p>
|
||||
|
|
@ -93,7 +76,7 @@ import {EnvProperties} from '../../openaireLibrary/utils/properties/env
|
|||
<img src="../../assets/sketch_line_arrow.svg" class="uk-align-center">
|
||||
</div>
|
||||
<div class="uk-width-expand">
|
||||
<h1 class="uk-margin-small uk-text-bold">2. Develop a pilot</h1>
|
||||
<h1 class="uk-margin-medium uk-text-bold">2. Develop a pilot</h1>
|
||||
<i>We translate your needs into rules and processes and we configure operational OpenAIRE services.</i>
|
||||
|
||||
<p>
|
||||
|
|
@ -115,7 +98,7 @@ import {EnvProperties} from '../../openaireLibrary/utils/properties/env
|
|||
<img src="../../assets/sketch_line_arrow_large.svg" class="uk-align-center">
|
||||
</div>
|
||||
<div class="uk-width-expand">
|
||||
<h1 class="uk-margin-small uk-text-bold">3. Test and Validate</h1>
|
||||
<h1 class="uk-margin-medium uk-text-bold">3. Test and Validate</h1>
|
||||
<i>You validate and test your new Community Gateway (portal). If needed, we further refine and adapt to your needs</i>
|
||||
|
||||
<p>
|
||||
|
|
@ -131,7 +114,7 @@ import {EnvProperties} from '../../openaireLibrary/utils/properties/env
|
|||
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">
|
||||
<div class="uk-width-1-1 uk-text-center uk-margin-medium ">
|
||||
<img src="../../assets/OpenAIRE-RCD_howtos.png" width="auto" height="auto">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -141,7 +124,7 @@ import {EnvProperties} from '../../openaireLibrary/utils/properties/env
|
|||
<img src="../../assets/about/4.png" class="uk-align-center" width="100px" height="100px">
|
||||
</div>
|
||||
<div class="uk-width-expand">
|
||||
<h1 class="uk-margin-small uk-text-bold">4. Roll out the service</h1>
|
||||
<h1 class="uk-margin-medium uk-text-bold">4. Roll out the service</h1>
|
||||
<i>We jointly roll out your new portal. You take over the business operations and start engaging your researchers</i>
|
||||
|
||||
<p>
|
||||
|
|
@ -163,7 +146,7 @@ import {EnvProperties} from '../../openaireLibrary/utils/properties/env
|
|||
</div>
|
||||
</div>
|
||||
<div class="contact-banner uk-background-norepeat uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color">
|
||||
<div class="uk-container uk-section">
|
||||
<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/contact/2.png">
|
||||
|
|
@ -172,8 +155,8 @@ import {EnvProperties} from '../../openaireLibrary/utils/properties/env
|
|||
<h1 class="uk-text-bold">
|
||||
<div>Let us help you develop a collaborative Open Science Gateway for your community. It is fast. It is reliable.</div>
|
||||
</h1>
|
||||
<div>Get in touch with our team to find out how.</div>
|
||||
<div class="uk-inline uk-margin-medium-top uk-margin-bottom">
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -64,7 +64,7 @@ export class SearchCommunitiesComponent {
|
|||
}
|
||||
});
|
||||
this.sub = this.route.queryParams.subscribe(params => {
|
||||
this.searchPage.resultsPerPage = 5;
|
||||
this.searchPage.resultsPerPage = 10;
|
||||
this.searchUtils.keyword = (params['keyword']?params['keyword']:'');
|
||||
this.searchUtils.page = (params['page'] === undefined) ? 1: + params['page'];
|
||||
this.searchUtils.sortBy = (params['sortBy'] === undefined)? '' : params['sortBy'];
|
||||
|
|
|
|||
|
|
@ -244,10 +244,6 @@ div:not(.connect_App) bottom .uk-totop{
|
|||
font-size: 41px;
|
||||
}
|
||||
|
||||
.padding-120 {
|
||||
padding-left: 120px;
|
||||
}
|
||||
|
||||
/* NOT USED
|
||||
.sketch-line {
|
||||
height:80%;
|
||||
|
|
|
|||
Loading…
Reference in New Issue