MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Library | Trunk]: Methodology fix img urls 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@60793 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2021-04-05 12:44:08 +00:00
parent b91394b53e
commit 47635b5a0a
2 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
monitor/methodology/methodology.component.css
View File

@ -8,7 +8,7 @@
text-align: center; text-align: center;
padding-bottom: 5%; padding-bottom: 5%;
position: absolute; position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/1.svg"); background-image: url("assets/common-assets/monitor-assets/green-arrows/1.svg");
right: -21%; right: -21%;
top: 33%; top: 33%;
width: 20%; width: 20%;
@ -27,7 +27,7 @@
text-align: center; text-align: center;
padding-bottom: 5%; padding-bottom: 5%;
position: absolute; position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/2.svg"); background-image: url("assets/common-assets/monitor-assets/green-arrows/2.svg");
right: -10%; right: -10%;
top: 31%; top: 31%;
width: 30%; width: 30%;
@ -50,7 +50,7 @@
padding-top: 5%; padding-top: 5%;
padding-bottom: 5%; padding-bottom: 5%;
position: absolute; position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg"); background-image: url("assets/common-assets/monitor-assets/green-arrows/3.svg");
bottom: 6%; bottom: 6%;
left: 6%; left: 6%;
transform: translateY(100%); transform: translateY(100%);
@ -74,7 +74,7 @@
text-align: center; text-align: center;
padding-bottom: 5%; padding-bottom: 5%;
position: absolute; position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/4.svg"); background-image: url("assets/common-assets/monitor-assets/green-arrows/4.svg");
left: -18%; left: -18%;
top: 35%; top: 35%;
width: 30%; width: 30%;
@ -96,7 +96,7 @@
text-align: center; text-align: center;
padding-bottom: 5%; padding-bottom: 5%;
position: absolute; position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/5.svg"); background-image: url("assets/common-assets/monitor-assets/green-arrows/5.svg");
left: -35%; left: -35%;
top: 36%; top: 36%;
width: 30%; width: 30%;
@ -124,7 +124,7 @@
.how .final > div:first-child:before { .how .final > div:first-child:before {
content: ""; content: "";
position: absolute; position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/6.svg"); background-image: url("assets/common-assets/monitor-assets/green-arrows/6.svg");
left: -20%; left: -20%;
top: -20%; top: -20%;
height: 70%; height: 70%;
@ -137,7 +137,7 @@
.how .final > div:first-child:after { .how .final > div:first-child:after {
content: "We make visualizations, graphs, reports and deliver all in a customisable tool"; content: "We make visualizations, graphs, reports and deliver all in a customisable tool";
position: absolute; position: absolute;
background-image: url("/assets/monitor-assets/about/how/circle.png"); background-image: url("assets/common-assets/monitor-assets/how/circle.png");
right: -220px; right: -220px;
top: -20%; top: -20%;
width: 300px; width: 300px;
@ -173,7 +173,7 @@
text-align: center; text-align: center;
padding: 25px 105px 25px 0; padding: 25px 105px 25px 0;
position: absolute; position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg"); background-image: url("assets/common-assets/monitor-assets/green-arrows/3.svg");
left: 26%; left: 26%;
top: 72%; top: 72%;
background-size: contain; background-size: contain;
@ -191,7 +191,7 @@
text-align: center; text-align: center;
padding: 25px 105px 25px 0; padding: 25px 105px 25px 0;
position: absolute; position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg"); background-image: url("assets/common-assets/monitor-assets/green-arrows/3.svg");
left: 25%; left: 25%;
top: 70%; top: 70%;
background-size: contain; background-size: contain;
@ -209,7 +209,7 @@
text-align: center; text-align: center;
padding: 25px 105px 25px 0; padding: 25px 105px 25px 0;
position: absolute; position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg"); background-image: url("assets/common-assets/monitor-assets/green-arrows/3.svg");
left: 17%; left: 17%;
top: 75%; top: 75%;
background-size: contain; background-size: contain;
@ -231,7 +231,7 @@
text-align: center; text-align: center;
padding: 25px 105px 25px 0; padding: 25px 105px 25px 0;
position: absolute; position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg"); background-image: url("assets/common-assets/monitor-assets/green-arrows/3.svg");
left: 26%; left: 26%;
top: 79%; top: 79%;
background-size: contain; background-size: contain;
@ -249,7 +249,7 @@
text-align: center; text-align: center;
padding: 25px 105px 25px 0; padding: 25px 105px 25px 0;
position: absolute; position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg"); background-image: url("assets/common-assets/monitor-assets/green-arrows/3.svg");
left: 27%; left: 27%;
top: 76%; top: 76%;
background-size: contain; background-size: contain;
@ -276,7 +276,7 @@
.how .final > div:first-child:before { .how .final > div:first-child:before {
content: ""; content: "";
position: absolute; position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/6.svg"); background-image: url("assets/common-assets/monitor-assets/green-arrows/6.svg");
left: 32%; left: 32%;
top: -80%; top: -80%;
height: 70%; height: 70%;
@ -289,7 +289,7 @@
.how .final > div:first-child:after { .how .final > div:first-child:after {
content: "We make visualizations, graphs, reports and deliver all in a customisable tool"; content: "We make visualizations, graphs, reports and deliver all in a customisable tool";
position: absolute; position: absolute;
background-image: url("/assets/monitor-assets/about/how/circle.png"); background-image: url("assets/common-assets/monitor-assets/how/circle.png");
left: -62%; left: -62%;
top: 85%; top: 85%;
width: 300px; width: 300px;

14
monitor/methodology/methodology.component.ts
View File

@ -7,7 +7,7 @@ import {Component} from "@angular/core";
<div class="uk-flex uk-flex-wrap"> <div class="uk-flex uk-flex-wrap">
<div class="uk-width-1-3@s first uk-text-muted"> <div class="uk-width-1-3@s first uk-text-muted">
<div> <div>
<img src="assets/monitor-assets/about/how/1.png"> <img src="assets/common-assets/monitor-assets/how/1.png">
</div> </div>
<div class="uk-text-center"> <div class="uk-text-center">
<span class="uk-text-bold uk-text-uppercase">Starting</span> from existing<br>research-related data sources <span class="uk-text-bold uk-text-uppercase">Starting</span> from existing<br>research-related data sources
@ -15,12 +15,12 @@ import {Component} from "@angular/core";
</div> </div>
<div class="uk-width-1-3@s second uk-text-muted"> <div class="uk-width-1-3@s second uk-text-muted">
<div> <div>
<img src="assets/monitor-assets/about/how/2.png"> <img src="assets/common-assets/monitor-assets/how/2.png">
</div> </div>
</div> </div>
<div class="uk-width-1-3@s third uk-text-muted"> <div class="uk-width-1-3@s third uk-text-muted">
<div> <div>
<img src="assets/monitor-assets/about/how/3.png"> <img src="assets/common-assets/monitor-assets/how/3.png">
</div> </div>
<div class="uk-text-center"> <div class="uk-text-center">
build an open, global<br>and trusted Research graph build an open, global<br>and trusted Research graph
@ -30,7 +30,7 @@ import {Component} from "@angular/core";
<div class="uk-flex uk-flex-wrap"> <div class="uk-flex uk-flex-wrap">
<div class="uk-width-1-3@s fourth uk-flex-last@s uk-text-muted"> <div class="uk-width-1-3@s fourth uk-flex-last@s uk-text-muted">
<div> <div>
<img src="assets/monitor-assets/about/how/4.png"> <img src="assets/common-assets/monitor-assets/how/4.png">
</div> </div>
<div class="uk-text-center"> <div class="uk-text-center">
we perform <span class="uk-text-bold uk-text-uppercase">Statistical Analysis</span> and produce we perform <span class="uk-text-bold uk-text-uppercase">Statistical Analysis</span> and produce
@ -39,7 +39,7 @@ import {Component} from "@angular/core";
</div> </div>
<div class="uk-width-1-3@s fifth uk-text-muted"> <div class="uk-width-1-3@s fifth uk-text-muted">
<div> <div>
<img src="assets/monitor-assets/about/how/5.png"> <img src="assets/common-assets/monitor-assets/how/5.png">
</div> </div>
<div class="uk-text-center"> <div class="uk-text-center">
furthermore <span class="uk-text-bold uk-text-uppercase">Network<br>Analysis</span> producing furthermore <span class="uk-text-bold uk-text-uppercase">Network<br>Analysis</span> producing
@ -48,7 +48,7 @@ import {Component} from "@angular/core";
</div> </div>
<div class="uk-width-1-3@s sixth uk-flex-first@s uk-text-muted"> <div class="uk-width-1-3@s sixth uk-flex-first@s uk-text-muted">
<div> <div>
<img src="assets/monitor-assets/about/how/6.png"> <img src="assets/common-assets/monitor-assets/how/6.png">
</div> </div>
<div class="uk-text-center"> <div class="uk-text-center">
Often combine with external data Often combine with external data
@ -60,7 +60,7 @@ import {Component} from "@angular/core";
</div> </div>
<div class="final uk-text-muted"> <div class="final uk-text-muted">
<div> <div>
<img src="assets/monitor-assets/about/how/7.png"> <img src="assets/common-assets/monitor-assets/how/7.png">
</div> </div>
</div> </div>
</div> </div>