MaDgIK
/
monitor
13
0
Fork 0
Code Issues Pull Requests Projects Releases 12 Wiki Activity

[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
This commit is contained in:
Konstantinos Triantafyllou 2020-11-25 16:44:48 +00:00
parent 53903cbe18
commit 2804d7c9ea
2 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/home/home.component.css
View File

@ -2,7 +2,7 @@
.girl-background { .girl-background {
background-size: 210px; background-size: 210px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center right; background-position: 95% 50%;
background-image: url("/assets/monitor-assets/home/girl.png"); background-image: url("/assets/monitor-assets/home/girl.png");
padding-bottom: 100px; padding-bottom: 100px;
} }
@ -33,9 +33,14 @@
background-size: 20%; background-size: 20%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: bottom center; background-position: bottom center;
padding-bottom: 50px;
} }
} }
.hologram .part {
max-width: 370px;
}
.graph-section { .graph-section {
background-image: url("/assets/monitor-assets/home/graph-background.svg"); background-image: url("/assets/monitor-assets/home/graph-background.svg");

10
src/app/home/home.component.html
View File

@ -20,7 +20,7 @@
<img class="uk-width-1-2@l" src="/assets/monitor-assets/home/dashboard.png"> <img class="uk-width-1-2@l" src="/assets/monitor-assets/home/dashboard.png">
</div> </div>
<div class="uk-margin-large-top"> <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 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()"> <div [@1]="state.toString()" class="clickable" [class.uk-active]="state === 1" (click)="startAnimation()">
<h5> <h5>
@ -58,7 +58,7 @@
<div class="uk-padding-small hologram uk-position-relative"> <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 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 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> <h5 class="uk-text-secondary">Global outlook</h5>
<div> <div>
Monitor is built on the OpenAIRE Research Graph. An interconnected scholarly communication shared data Monitor is built on the OpenAIRE Research Graph. An interconnected scholarly communication shared data
@ -67,7 +67,7 @@
</div> </div>
</div> </div>
<div uk-parallax="y: 40, -60; easing: 0.5" class="uk-flex uk-flex-right"> <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> <h5 class="uk-text-secondary">Transparent methodology</h5>
<div> <div>
We base our service on open science principles. We rely on open data sources, and document our algorithms 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> </div>
<div uk-parallax="y: -100; easing: 0.5"> <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> <h5 class="uk-text-secondary">Customised to your needs</h5>
<div> <div>
Choose from a variety of pre-defined metrics. Select how to visualize them, and who to share with. Use our 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> </div>
<div uk-parallax="y: -100; easing: 2" class="uk-flex uk-flex-center"> <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> <h5 class="uk-text-secondary">Minimum effort to join</h5>
<div> <div>
You only share some information with us to include in out backend aggregating and data mining, and we You only share some information with us to include in out backend aggregating and data mining, and we