[Trunk|Connect]: Add gifs and tech details button

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@56223 d315682c-612b-4755-9ff5-7f18f6832af3

src/app/communities/communities.component.html

@@ -56,10 +56,8 @@
             </div>
 
           </div>
-          <div class="uk-position-relative">
-            <div class="uk-align-center uk-position-center">
-              <img width="296" height="285" src="../../assets/banner/login.png">
-            </div>
+          <div class="uk-text-center">
+            <img width="296" height="285" src="../../assets/banner/login.png">
           </div>
         </div>
         <div *ngIf="managerOfCommunities.length == 0 && subscriberOfCommunities.length == 0" uk-grid>
@@ -224,10 +222,8 @@
 <div class="contact-background 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-position-relative">
-        <div class="uk-align-center uk-position-center">
-          <img width="237" height="250" src="../../assets/contact/2.png">
-        </div>
+      <div class="uk-text-center">
+        <img width="237" height="250" src="../../assets/contact/2.png">
       </div>
       <div>
         <h1>Let us Help you Develop a Collaborative Science Gateway. It is fast. It is reliable.</h1>

src/app/communities/communities.component.ts

@@ -175,18 +175,28 @@ export class CommunitiesComponent {
 
     private createGifs() {
       this.gifs.push({
-        gif: "../../../../assets/Connect%20animations.gif",
+        gif: "../../../../assets/home/1.gif",
         header: "Research Community Dashboard",
         text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box."
       });
       this.gifs.push({
-        gif: "../../../../assets/admin-portal.png",
-        header: "Research Community Dashboard 2",
+        gif: "../../../../assets/home/2.gif",
+        header: "Research Community Dashboard",
         text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box."
       });
       this.gifs.push({
-        gif: "../../../../assets/banner connect.jpg",
-        header: "Research Community Dashboard 3",
+        gif: "../../../../assets/home/3.gif",
+        header: "Research Community Dashboard",
+        text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box."
+      });
+      this.gifs.push({
+        gif: "../../../../assets/home/4.gif",
+        header: "Research Community Dashboard",
+        text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box."
+      });
+      this.gifs.push({
+        gif: "../../../../assets/home/5.gif",
+        header: "Research Community Dashboard",
         text: "This is OpenAIRE’s key service for research communities, both established and emerging ones. Our service helps you reach out and engage all your researchers to practice open science out-of-the-box."
       });
     }

src/app/learn-how/learn-how.component.ts

@@ -59,6 +59,9 @@ import {FAQ} from "../openaireLibrary/utils/entities/FAQ";
                       </div>
                     </div>
                   </div>
+                <div class="uk-margin-large-top uk-position-relative">
+                  <a class="uk-button portal-button uk-position-center uk-text-uppercase" routerLinkActive="router-link-active" routerLink="/learn-in-depth"> Learn more details</a>
+                </div>
               </div>
             </div>
         </div>
@@ -80,10 +83,8 @@ import {FAQ} from "../openaireLibrary/utils/entities/FAQ";
                       <a class="uk-button portal-button" routerLinkActive="router-link-active" routerLink="/contact-us"> CONTACT US</a>
                     </div>
                   </div>
-                  <div class="uk-position-relative">
-                    <div class="uk-align-center uk-position-center">
-                      <img width="263" height="250" src="../../assets/contact/4.png">
-                    </div>
+                  <div class="uk-text-center">
+                    <img width="263" height="250" src="../../assets/contact/4.png">
                   </div>
                 </div>
               </div>
@@ -105,8 +106,8 @@ import {FAQ} from "../openaireLibrary/utils/entities/FAQ";
           <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 uk-text-bold uk-text-uppercase">
-                  Coming Soon
+                <div class="uk-width-1-1 uk-section uk-text-center uk-text-large">
+                  Coming Soon...
                 </div>
               </div>
           </ng-template>