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 {
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");

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">
</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