From 0fd74a3e30f68d7b5e85ae06b6b063553eba77ec Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Tue, 2 Jul 2019 15:23:19 +0000
Subject: [PATCH] [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
---
 .../communities/communities.component.html    | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/app/communities/communities.component.html b/src/app/communities/communities.component.html
index 90755ee..8b2972f 100644
--- a/src/app/communities/communities.component.html
+++ b/src/app/communities/communities.component.html
@@ -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="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;: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="">