[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:
parent
53903cbe18
commit
2804d7c9ea
|
@ -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");
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in New Issue