From 2804d7c9ea4a1553a7668a316c860c55e2797916 Mon Sep 17 00:00:00 2001
From: Konstantinos Triantafyllou <k.triantafyllou@di.uoa.gr>
Date: Wed, 25 Nov 2020 16:44:48 +0000
Subject: [PATCH] [Monitor | Trunk]: Change home page

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-monitor-portal/trunk/monitor@59964 d315682c-612b-4755-9ff5-7f18f6832af3
---
 src/app/home/home.component.css  |  7 ++++++-
 src/app/home/home.component.html | 10 +++++-----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css
index 0b78c60..29cab57 100644
--- a/src/app/home/home.component.css
+++ b/src/app/home/home.component.css
@@ -2,7 +2,7 @@
   .girl-background {
     background-size: 210px;
     background-repeat: no-repeat;
-    background-position: center right;
+    background-position: 95% 50%;
     background-image: url("/assets/monitor-assets/home/girl.png");
     padding-bottom: 100px;
   }
@@ -33,9 +33,14 @@
     background-size: 20%;
     background-repeat: no-repeat;
     background-position: bottom center;
+    padding-bottom: 50px;
   }
 }
 
+.hologram .part {
+  max-width: 370px;
+}
+
 
 .graph-section {
   background-image: url("/assets/monitor-assets/home/graph-background.svg");
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index 43a466e..a030e2e 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -20,7 +20,7 @@
       <img class="uk-width-1-2@l" src="/assets/monitor-assets/home/dashboard.png">
     </div>
     <div class="uk-margin-large-top">
-      <div class="uk-margin-left uk-margin-right uk-margin-large-bottom">
+      <div class="uk-margin-medium-left uk-margin-medium-right uk-margin-large-bottom">
         <div class="uk-child-width-1-3@m uk-grid info" uk-grid>
           <div [@1]="state.toString()" class="clickable" [class.uk-active]="state === 1" (click)="startAnimation()">
             <h5>
@@ -58,7 +58,7 @@
   <div class="uk-padding-small hologram uk-position-relative">
     <div class="uk-grid uk-grid-match uk-child-width-1-2 uk-visible@m" uk-grid>
       <div uk-parallax="y: 40, -60; easing: 0.5">
-        <div class="uk-margin-medium-left uk-margin-xlarge-bottom uk-width-3-4">
+        <div class="uk-margin-large-left uk-margin-large-bottom uk-width-3-4 part">
           <h5 class="uk-text-secondary">Global outlook</h5>
           <div>
             Monitor is built on the OpenAIRE Research Graph. An interconnected scholarly communication shared data
@@ -67,7 +67,7 @@
         </div>
       </div>
       <div uk-parallax="y: 40, -60; easing: 0.5" class="uk-flex uk-flex-right">
-        <div class="uk-width-3-4 uk-margin-xlarge-bottom">
+        <div class="part uk-width-3-4 uk-margin-medium-right">
           <h5 class="uk-text-secondary">Transparent methodology</h5>
           <div>
             We base our service on open science principles. We rely on open data sources, and document our algorithms
@@ -76,7 +76,7 @@
         </div>
       </div>
       <div uk-parallax="y: -100; easing: 0.5">
-        <div class="uk-width-3-4 uk-margin-bottom">
+        <div class="part uk-width-3-4 uk-margin-medium-left">
           <h5 class="uk-text-secondary">Customised to your needs</h5>
           <div>
             Choose from a variety of pre-defined metrics. Select how to visualize them, and who to share with. Use our
@@ -85,7 +85,7 @@
         </div>
       </div>
       <div uk-parallax="y: -100; easing: 2" class="uk-flex uk-flex-center">
-        <div class="uk-width-3-4 uk-margin-medium-left uk-margin-bottom">
+        <div class="part uk-width-3-4 uk-margin-large-left">
           <h5 class="uk-text-secondary">Minimum effort to join</h5>
           <div>
             You only share some information with us to include in out backend aggregating and data mining, and we