[Connect]: Home page refactored.
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@56325 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou
parent
52bfbc59e6
commit
0fd74a3e30
|
|
@ -2,15 +2,15 @@
|
|||
<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-expand padding-120 uk-height-large">
|
||||
<div *ngIf="loading" class="uk-container uk-container-large uk-height-large">
|
||||
<div class="uk-animation-fade uk-margin-top uk-width-1-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-flex uk-flex-middle" uk-grid>
|
||||
<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>
|
||||
<div *ngIf="managerOfCommunities.length > 0" uk-grid>
|
||||
<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-2-3@xl uk-width-1-1@m">
|
||||
<div class="uk-width-1-1 uk-margin-top">
|
||||
<div class="uk-grid-match uk-grid-small uk-child-width-1-3@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community">
|
||||
<div *ngFor="let community of managerOfCommunities.slice(0,3); let i = index">
|
||||
<div class="uk-padding-small uk-height-max-medium uk-card uk-card-default communityCard"
|
||||
|
|
@ -28,15 +28,15 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="uk-container uk-container-expand padding-120 uk-width-4-5">
|
||||
<div class="uk-container uk-container-large uk-width-4-5">
|
||||
<div *ngIf="subscriberErrorMessage" class="uk-animation-fade uk-alert uk-alert-warning" role="alert">
|
||||
{{subscriberErrorMessage}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div *ngIf="subscriberOfCommunities.length > 0" uk-grid>
|
||||
<div *ngIf="subscriberOfCommunities.length > 0" class="uk-grid">
|
||||
<h5 class="uk-width-1-1 uk-text-bold">You are subscribed to</h5>
|
||||
<div class="uk-width-2-3@xl uk-width-1-1@m">
|
||||
<div class="uk-width-1-1 uk-margin-top">
|
||||
<div class="uk-grid-match uk-grid-small uk-child-width-1-3@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community">
|
||||
<div *ngFor="let community of subscriberOfCommunities.slice(0,3); let i = index">
|
||||
<div class="uk-padding-small uk-height-max-medium uk-card uk-card-default communityCard"
|
||||
|
|
@ -60,12 +60,12 @@
|
|||
<img width="296" height="285" src="../../assets/banner/login.png">
|
||||
</div>
|
||||
</div>
|
||||
<div *ngIf="managerOfCommunities.length == 0 && subscriberOfCommunities.length == 0" uk-grid>
|
||||
<div class="uk-width-large-2-5@l uk-width-1-2@m uk-width-1-1@s">
|
||||
<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">
|
||||
<h1 class="font-41">Build a <b>Gateway</b> for your <b>Community</b></h1>
|
||||
<div class="uk-text-large">Turn Open Science into Practice.<br>It takes your open and linked research outcomes.<br>A service customized to your needs.</div>
|
||||
<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>
|
||||
<div class="uk-width-1-1 uk-inline uk-margin-medium-top uk-margin-large-bottom">
|
||||
<div class="uk-width-1-1 uk-inline uk-margin-medium-top uk-margin-medium-bottom">
|
||||
<a class="uk-button portal-button" routerLink="/about" routerLinkActive="router-link-active"> LEARN
|
||||
HOW</a>
|
||||
</div>
|
||||
|
|
@ -76,8 +76,8 @@
|
|||
</div>
|
||||
<div *ngIf="!loading" class="uk-margin-top">
|
||||
<div class="">
|
||||
<div class="uk-margin-bottom uk-margin-medium-top">
|
||||
<div class="uk-container uk-container-large uk-margin-large-bottom">
|
||||
<div class="uk-margin-medium-bottom uk-margin-medium-top">
|
||||
<div class="uk-container uk-container-large uk-margin-medium-bottom">
|
||||
<h1 class="uk-text-center uk-text-bold">Our mission for an Open and FAIR science</h1>
|
||||
</div>
|
||||
<div class="uk-container uk-container-large" uk-height-match=".target">
|
||||
|
|
@ -183,7 +183,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="uk-margin-large-top home-background uk-section uk-background-norepeat uk-background-top-center uk-background-cover uk-section-secondary uk-section-overlap uk-position-relative uk-preserve-color">
|
||||
<div class="uk-container uk-container-expand padding-120">
|
||||
<div class="uk-container uk-container-large">
|
||||
<gif-slider [gifs]="gifs" [link]="true" [linkTitle]="'learn more'" [route]="'/about'">
|
||||
</gif-slider>
|
||||
</div>
|
||||
|
|
@ -197,7 +197,7 @@
|
|||
</div>
|
||||
<div *ngIf= "!loading && researchCommunities.length > 0" class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom">
|
||||
<h1 class="uk-text-bold">Community Gateways already in action</h1>
|
||||
<div [class]="'uk-margin-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
|
||||
<div [class]="'uk-margin-medium-top' + (researchCommunities.length <= 5 ? ' uk-margin-medium-bottom' : '')">
|
||||
|
||||
<div class="uk-grid-match uk-grid-small uk-child-width-1-5@m uk-child-width-1-2@s uk-child-width-1-1@xs uk-text-center" uk-grid uk-height-match=".community">
|
||||
<div *ngFor="let community of researchCommunities.slice(0, 5); let i = index">
|
||||
|
|
@ -221,7 +221,7 @@
|
|||
</div>
|
||||
<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-expand padding-120 uk-section">
|
||||
<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-text-center uk-width-1-1@s uk-width-1-3@m">
|
||||
<img width="237" height="250" src="../../assets/contact/1.png">
|
||||
|
|
@ -240,7 +240,7 @@
|
|||
</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-expand padding-120">
|
||||
<div class="uk-container uk-container-large">
|
||||
<div uk-grid="" class="uk-grid uk-margin-large-top uk-margin-large-bottom">
|
||||
<div class="uk-width-expand@m uk-width-1-2@s uk-dark uk-grid-item-match uk-first-column explore">
|
||||
<div class="uk-margin uk-panel uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">
|
||||
|
|
|
|||
Loading…
Reference in New Issue