[Monitor | Trunk]: About first section
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-monitor-portal/trunk/monitor@59695 d315682c-612b-4755-9ff5-7f18f6832af3
|
@ -1,89 +1,185 @@
|
|||
.steps.uk-visible\@l {
|
||||
position: relative;
|
||||
height: 1600px;
|
||||
width: 1100px;
|
||||
margin: auto;
|
||||
@media only screen and (min-width: 640px) {
|
||||
.process .zero {
|
||||
position: relative;
|
||||
padding: 0 8% 0 3%;
|
||||
}
|
||||
|
||||
.process .zero::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-image: url("/assets/monitor-assets/about/arrow-1.svg");
|
||||
top: 57%;
|
||||
right: -6%;
|
||||
width: 30%;
|
||||
height: 21%;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.process .first {
|
||||
position: relative;
|
||||
padding: 3% 6% 0 4%;
|
||||
}
|
||||
|
||||
.process .first::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-image: url("/assets/monitor-assets/about/arrow-2.svg");
|
||||
top: 78%;
|
||||
right: -9%;
|
||||
width: 30%;
|
||||
height: 21%;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.process .second {
|
||||
position: relative;
|
||||
padding: 6% 6% 0 4.8%;
|
||||
}
|
||||
|
||||
.process .second::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-image: url("/assets/monitor-assets/about/arrow-3.svg");
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
width: 30%;
|
||||
height: 48%;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.process .third {
|
||||
position: relative;
|
||||
padding: 8% 9% 0 3%;
|
||||
}
|
||||
|
||||
.process .third::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-image: url("/assets/monitor-assets/about/arrow-4.svg");
|
||||
top: 68%;
|
||||
left: -25%;
|
||||
width: 30%;
|
||||
height: 15%;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.process .fourth {
|
||||
position: relative;
|
||||
padding: 14% 8% 0 3%;
|
||||
}
|
||||
|
||||
.process .fourth::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-image: url("/assets/monitor-assets/about/arrow-5.svg");
|
||||
top: 87%;
|
||||
left: -25%;
|
||||
width: 30%;
|
||||
height: 15%;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.process .fifth {
|
||||
padding: 16% 10% 0 2%;
|
||||
}
|
||||
}
|
||||
|
||||
.steps.uk-visible\@l .first {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 300px;
|
||||
}
|
||||
@media only screen and (max-width: 639px) {
|
||||
.process .zero {
|
||||
position: relative;
|
||||
padding: 0 12% 0 12%;
|
||||
}
|
||||
|
||||
.steps.uk-visible\@l .first-arrow {
|
||||
background-image: url("/assets/monitor-assets/about/arrow-1.svg");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
top: 250px;
|
||||
left: 270px;
|
||||
width: 193px;
|
||||
height: 177px;
|
||||
}
|
||||
.process .zero::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-image: url("/assets/monitor-assets/about/arrow-1.svg");
|
||||
top: 100%;
|
||||
right: 11%;
|
||||
width: 30%;
|
||||
height: 21%;
|
||||
transform: rotate(90deg);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.steps.uk-visible\@l .second {
|
||||
position: absolute;
|
||||
top: 225px;
|
||||
left: 400px;
|
||||
width: 300px;
|
||||
}
|
||||
.process .first {
|
||||
position: relative;
|
||||
padding: 20% 7% 0 12%;
|
||||
}
|
||||
|
||||
.steps.uk-visible\@l .second-arrow {
|
||||
background-image: url("/assets/monitor-assets/about/arrow-2.svg");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
top: 510px;
|
||||
left: 700px;
|
||||
width: 125px;
|
||||
height: 137px;
|
||||
}
|
||||
.process .first::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-image: url("/assets/monitor-assets/about/arrow-2.svg");
|
||||
top: 105%;
|
||||
left: 2%;
|
||||
width: 30%;
|
||||
height: 21%;
|
||||
transform: rotate(35deg);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.steps.uk-visible\@l .third {
|
||||
position: absolute;
|
||||
top: 500px;
|
||||
right: 0;
|
||||
width: 300px;
|
||||
}
|
||||
.process .second {
|
||||
position: relative;
|
||||
padding: 20% 7% 0 12%;
|
||||
}
|
||||
|
||||
.steps.uk-visible\@l .third-arrow {
|
||||
background-image: url("/assets/monitor-assets/about/arrow-3.svg");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
right: 180px;
|
||||
bottom: 470px;
|
||||
width: 161px;
|
||||
height: 266px;
|
||||
}
|
||||
.process .second::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-image: url("/assets/monitor-assets/about/arrow-3.svg");
|
||||
top: 100%;
|
||||
left: 66%;
|
||||
width: 30%;
|
||||
height: 48%;;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.steps.uk-visible\@l .forth {
|
||||
position: absolute;
|
||||
bottom: 320px;
|
||||
left: 430px;
|
||||
width: 300px;
|
||||
}
|
||||
.process .third {
|
||||
position: relative;
|
||||
padding: 20% 7% 0 16%;
|
||||
}
|
||||
|
||||
.steps.uk-visible\@l .forth-arrow {
|
||||
background-image: url("/assets/monitor-assets/about/arrow-4.svg");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
left: 300px;
|
||||
bottom: 120px;
|
||||
width: 233px;
|
||||
height: 178px;
|
||||
}
|
||||
.process .third::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-image: url("/assets/monitor-assets/about/arrow-4.svg");
|
||||
top: 106%;
|
||||
left: 5%;
|
||||
width: 30%;
|
||||
height: 15%;
|
||||
transform: rotate3d(0.4, -1.3, 0, 180deg);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.steps.uk-visible\@l .fifth {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 300px;
|
||||
}
|
||||
.process .fourth {
|
||||
position: relative;
|
||||
padding: 20% 8% 0 16%;
|
||||
}
|
||||
|
||||
.steps.uk-hidden\@l > div {
|
||||
margin-bottom: 60px;
|
||||
.process .fourth::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-image: url("/assets/monitor-assets/about/arrow-5.svg");
|
||||
top: 100%;
|
||||
right: 0;
|
||||
width: 30%;
|
||||
height: 19%;
|
||||
transform: rotate(310deg);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.process .fifth {
|
||||
padding: 20% 7.6% 0 16%;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,137 +1,95 @@
|
|||
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
|
||||
<div class="uk-section">
|
||||
<div class="uk-text-center">
|
||||
<h1>See how it works</h1>
|
||||
<div>Use the Monitor Dashboard to view your research results, open science…</div>
|
||||
</div>
|
||||
<div class="uk-margin-xlarge-top uk-container uk-container-large">
|
||||
<div class="steps uk-visible@l">
|
||||
<div class="first">
|
||||
<div class="uk-text-center uk-margin-small-bottom">
|
||||
<img width="100" src="/assets/monitor-assets/about/1.png">
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="uk-text-bold">1. Provide us some information</h6>
|
||||
<div>
|
||||
You give us some simple (meta)data related to your organization function: e.g., funding database, repositories,
|
||||
related projects, registry of people… All under confidential agreements.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="first-arrow"></span>
|
||||
<div class="second">
|
||||
<div class="uk-text-center uk-margin-small-bottom">
|
||||
<img width="165" src="/assets/monitor-assets/about/2.png">
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="uk-text-bold">2. We get the ball rolling</h6>
|
||||
<div>
|
||||
We ingest your data in our system and start the work: we clean and normalize your data, we identify and extract related information,
|
||||
we infer links. We refine until we are happy of the results and present to you.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="second-arrow"></span>
|
||||
<div class="third">
|
||||
<div class="uk-text-center uk-margin-small-bottom">
|
||||
<img width="160" src="/assets/monitor-assets/about/3.png">
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="uk-text-bold">3. You validate</h6>
|
||||
<div>
|
||||
After the first iteration you examine our results to ensure you are satisfied with what you see. As numbers are important,
|
||||
we advise you to take your time and tell us of any deviations. We correct, you check, you approve.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="third-arrow"></span>
|
||||
<div class="forth">
|
||||
<div class="uk-text-center uk-margin-small-bottom">
|
||||
<img width="400" src="/assets/monitor-assets/about/4.png">
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="uk-text-bold">4. You set up your portal</h6>
|
||||
<div>
|
||||
Using our admin panel you set up your portal. You decide what metrics are of interest to you (full documentation available).
|
||||
You decide what you want to publish, what to keep private, what to share with colleagues.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="forth-arrow"></span>
|
||||
<div class="fifth">
|
||||
<div class="uk-text-center uk-margin-small-bottom">
|
||||
<img width="180" src="/assets/monitor-assets/about/5.png">
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="uk-text-bold">5. You track, monitor, report</h6>
|
||||
<div>
|
||||
Now your views are updated every two weeks, as new content and new providers join OpenAIRE. You are notified about new metrics and
|
||||
indicators as we keep on enriching the OpenAIRE Research Graph and you may add them as they come along.
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-section uk-container uk-container-large">
|
||||
<div class="uk-padding-small">
|
||||
<div class="uk-flex uk-flex-center">
|
||||
<div class="uk-text-center uk-width-2-5@m uk-width-2-3@s">
|
||||
<h1 class="uk-h2">Learn the process</h1>
|
||||
<h6 class="uk-text-muted uk-margin-remove">
|
||||
Use the Monitor Dashboard to view your research results, open science…
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
<div class="steps uk-margin-small-left uk-margin-small-right uk-hidden@l">
|
||||
<div class="first">
|
||||
<div class="uk-text-center uk-margin-small-bottom">
|
||||
<img width="100" src="/assets/monitor-assets/about/1.png">
|
||||
<div class="process uk-margin-large-top">
|
||||
<div class="uk-flex uk-flex-wrap uk-child-width-1-3@s">
|
||||
<div class="zero">
|
||||
<div class="uk-text-center">
|
||||
<img width="90" src="../../assets/monitor-assets/about/0.png">
|
||||
</div>
|
||||
<h6>0. Starting from the OpenAIRE RESEARCH GRAPH</h6>
|
||||
<div class="uk-text-small uk-text-muted">
|
||||
<a class="uk-link" href="https://graph.openaire.eu" target="_blank">OpenAIRE Research Graph</a> aggregates
|
||||
a collection of research data properties for funders, organizations,
|
||||
researchers, research communities and publishers to interlink information by using a semantic graph
|
||||
database approach.
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-width-expand">
|
||||
<h6 class="uk-text-bold">1. Provide us some information</h6>
|
||||
<div>
|
||||
You give us some simple (meta)data related to your organization function: e.g., funding database, repositories,
|
||||
related projects, registry of people… All under confidential agreements.
|
||||
<div class="first">
|
||||
<div class="uk-text-center">
|
||||
<img width="110" src="assets/monitor-assets/about/1.png">
|
||||
</div>
|
||||
<h6>1. Provide us some information</h6>
|
||||
<div class="uk-text-small uk-text-muted">
|
||||
You give us some simple (meta)data related to your organization function: e.g., funding database,
|
||||
repositories, related projects, registry of people… All under confidential agreements.
|
||||
</div>
|
||||
</div>
|
||||
<div class="second">
|
||||
<div class="uk-text-center">
|
||||
<img width="100" src="assets/monitor-assets/about/2.png">
|
||||
</div>
|
||||
<h6>2. We get the ball rolling</h6>
|
||||
<div class="uk-text-small uk-text-muted">
|
||||
We ingest your data in our system and start the work: we clean and normalize your data, we identify and
|
||||
extract related information, we infer links. We refine until we are happy of the results and present to
|
||||
you.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="second">
|
||||
<div class="uk-text-center uk-margin-small-bottom">
|
||||
<img width="165" src="/assets/monitor-assets/about/2.png">
|
||||
</div>
|
||||
<div class="uk-width-expand">
|
||||
<h6 class="uk-text-bold">2. We get the ball rolling</h6>
|
||||
<div>
|
||||
We ingest your data in our system and start the work: we clean and normalize your data, we identify and extract related information,
|
||||
we infer links. We refine until we are happy of the results and present to you.
|
||||
<div class="uk-flex uk-flex-wrap uk-child-width-1-3@s">
|
||||
<div class="third uk-flex-last@s">
|
||||
<div class="uk-text-center">
|
||||
<img width="105" src="assets/monitor-assets/about/3.png">
|
||||
</div>
|
||||
<h6>3. You validate</h6>
|
||||
<div class="uk-text-small uk-text-muted">
|
||||
After the first iteration you examine our results to ensure you are satisfied with what you see. As
|
||||
numbers are important, we advise you to take your time and tell us of any deviations. We correct, you
|
||||
check, you approve.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="third">
|
||||
<div class="uk-text-center uk-margin-small-bottom">
|
||||
<img width="160" src="/assets/monitor-assets/about/3.png">
|
||||
</div>
|
||||
<div class="uk-width-expand">
|
||||
<h6 class="uk-text-bold">3. You validate</h6>
|
||||
<div>
|
||||
After the first iteration you examine our results to ensure you are satisfied with what you see. As numbers are important,
|
||||
we advise you to take your time and tell us of any deviations. We correct, you check, you approve.
|
||||
<div class="fourth">
|
||||
<div class="uk-text-center">
|
||||
<img width="135" src="assets/monitor-assets/about/4.png">
|
||||
</div>
|
||||
<h6>4. You set up your portal</h6>
|
||||
<div class="uk-text-small uk-text-muted">
|
||||
Using our admin panel you set up your portal. You decide what metrics are of interest to you (full
|
||||
documentation available). You decide what you want to publish, what to keep private, what to share with
|
||||
colleagues.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="forth">
|
||||
<div class="uk-text-center uk-margin-small-bottom">
|
||||
<img width="400" src="/assets/monitor-assets/about/4.png">
|
||||
</div>
|
||||
<div class="uk-width-expand">
|
||||
<h6 class="uk-text-bold">4. You set up your portal</h6>
|
||||
<div>
|
||||
Using our admin panel you set up your portal. You decide what metrics are of interest to you (full documentation available).
|
||||
You decide what you want to publish, what to keep private, what to share with colleagues.
|
||||
<div class="fifth uk-flex-first@s">
|
||||
<div class="uk-text-center">
|
||||
<img width="105" src="assets/monitor-assets/about/5.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fifth">
|
||||
<div class="uk-text-center uk-margin-small-bottom">
|
||||
<img width="180" src="/assets/monitor-assets/about/5.png">
|
||||
</div>
|
||||
<div class="uk-width-expand">
|
||||
<h6 class="uk-text-bold">5. You track, monitor, report</h6>
|
||||
<div>
|
||||
Now your views are updated every two weeks, as new content and new providers join OpenAIRE. You are notified about new metrics and
|
||||
indicators as we keep on enriching the OpenAIRE Research Graph and you may add them as they come along.
|
||||
<h6>5. You track, monitor, report</h6>
|
||||
<div class="uk-text-small uk-text-muted">
|
||||
Now your views are updated every two weeks, as new content and new providers join OpenAIRE. You are
|
||||
notified about new metrics and indicators as we keep on enriching the OpenAIRE Research Graph and you may
|
||||
add them as they come along.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="uk-section uk-container uk-container-large">
|
||||
<div class="uk-padding-small">
|
||||
<div class="uk-text-center">
|
||||
<h2>See how it works</h2>
|
||||
<h6 class="uk-text-muted uk-margin-remove">
|
||||
Simplify research tracking & monitoring
|
||||
</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -5,7 +5,6 @@ import {PiwikService} from '../openaireLibrary/utils/piwik/piwik.service';
|
|||
import {EnvProperties} from '../openaireLibrary/utils/properties/env-properties';
|
||||
import {HelperService} from "../openaireLibrary/utils/helper/helper.service";
|
||||
import {SEOService} from "../openaireLibrary/sharedComponents/SEO/SEO.service";
|
||||
import {properties} from "../../environments/environment";
|
||||
|
||||
@Component({
|
||||
selector: 'learn-how',
|
||||
|
@ -14,7 +13,6 @@ import {properties} from "../../environments/environment";
|
|||
})
|
||||
export class LearnHowComponent {
|
||||
public piwiksub: any;
|
||||
public gifs: { "gif": string, "header": string, "text" }[] = [];
|
||||
public pageContents = null;
|
||||
public divContents = null;
|
||||
|
||||
|
|
After Width: | Height: | Size: 55 KiB |
Before Width: | Height: | Size: 296 KiB After Width: | Height: | Size: 58 KiB |
Before Width: | Height: | Size: 295 KiB After Width: | Height: | Size: 56 KiB |
Before Width: | Height: | Size: 295 KiB After Width: | Height: | Size: 34 KiB |
Before Width: | Height: | Size: 300 KiB After Width: | Height: | Size: 63 KiB |
Before Width: | Height: | Size: 298 KiB After Width: | Height: | Size: 65 KiB |
|
@ -1,7 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="193.101" height="176.785" viewBox="0 0 193.101 176.785">
|
||||
<g id="Group_905" data-name="Group 905" transform="translate(138.777 176.273) rotate(-143)">
|
||||
<path id="Path_2339" data-name="Path 2339" d="M173.211,80.1C48.972,126.628,48.766-14.955,78.633,1.309,105.383,15.875,88.185,70.242,0,47.773" transform="translate(-0.02 0)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/>
|
||||
<line id="Line_345" data-name="Line 345" x1="2.924" y1="3.338" transform="translate(-1.093 47.658) rotate(8)" fill="none" stroke="#212121" stroke-width="1"/>
|
||||
<path id="Path_2366" data-name="Path 2366" d="M0,0,.919,2.394,1.47,3.83" transform="translate(-0.996 47.927) rotate(-100)" fill="none" stroke="#212121" stroke-width="1"/>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="95.647" height="60.692" viewBox="0 0 95.647 60.692">
|
||||
<g id="Group_905" data-name="Group 905" transform="translate(70.298 97.482) rotate(-161)">
|
||||
<path id="Path_2339" data-name="Path 2339" d="M87.648,29.439C24.781,46.54,24.677-5.5,39.79.481,53.326,5.835,44.623,25.816,0,17.558" transform="translate(-0.02 39.459)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/>
|
||||
<path id="Path_2366" data-name="Path 2366" d="M0,0,2.814,1.387l-.607,3.29" transform="translate(-3.724 59.204) rotate(-150)" fill="none" stroke="#212121" stroke-width="1"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
Before Width: | Height: | Size: 795 B After Width: | Height: | Size: 625 B |
|
@ -1,9 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="125.359" height="136.763" viewBox="0 0 125.359 136.763">
|
||||
<g id="Group_906" data-name="Group 906" transform="matrix(-0.643, -0.766, 0.766, -0.643, 76.52, 116.446)">
|
||||
<path id="Path_2339" data-name="Path 2339" d="M114.974,39.472C32.507,62.4,70.858-31.144,79.949,6.466,87.569,36.012,13.595-17.59-23.762,40.138" transform="translate(0.253 0)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/>
|
||||
<g id="Group_907" data-name="Group 907" transform="translate(-47.13 -0.264) rotate(-60)">
|
||||
<line id="Line_345" data-name="Line 345" x1="1.912" y1="4.707" transform="translate(-23.388 39.347)" fill="none" stroke="#212121" stroke-width="1"/>
|
||||
<line id="Line_346" data-name="Line 346" x2="2.353" y2="3.823" transform="translate(-23.484 40.053) rotate(-90)" fill="none" stroke="#212121" stroke-width="1"/>
|
||||
</g>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="96.457" height="61.415" viewBox="0 0 96.457 61.415">
|
||||
<g id="Group_906" data-name="Group 906" transform="translate(59.107 54.14) rotate(-152)">
|
||||
<path id="Path_2339" data-name="Path 2339" d="M67.968,21.473c-54.526,13.788-31.41-33.246-25.4-10.629C47.607,28.611.938-12.841-23.762,21.873" transform="translate(1.017 0)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="6"/>
|
||||
<path id="Path_55797" data-name="Path 55797" d="M0,0,3.3,1.628,2.591,5.49" transform="matrix(-0.921, 0.391, -0.391, -0.921, -22.719, 28.548)" fill="none" stroke="#212121" stroke-width="1"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
Before Width: | Height: | Size: 899 B After Width: | Height: | Size: 645 B |
|
@ -1,11 +1,11 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="164.445" height="266.375" viewBox="0 0 164.445 266.375">
|
||||
<g id="Group_2401" data-name="Group 2401" transform="translate(-942.518 -1219.505)">
|
||||
<g id="Group_1141" data-name="Group 1141" transform="matrix(-0.174, 0.985, -0.985, -0.174, 1106.396, 1240.535)">
|
||||
<path id="Path_2339" data-name="Path 2339" d="M248.636,118.407C112.931-69.468,11.483,17.914,0,36.357" transform="translate(0 0)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="103.827" height="153.958" viewBox="0 0 103.827 153.958">
|
||||
<g id="Group_2401" data-name="Group 2401" transform="translate(-1318.198 -779.424) rotate(-20)">
|
||||
<g id="Group_1141" data-name="Group 1141" transform="matrix(-0.174, 0.985, -0.985, -0.174, 1046.902, 1211.049)">
|
||||
<path id="Path_2339" data-name="Path 2339" d="M135.26,80.668C60.034-45.855,6.029,11.188,0,23.336" transform="translate(0 0)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/>
|
||||
</g>
|
||||
<g id="Group_1142" data-name="Group 1142" transform="translate(943 1464.318) rotate(-43)">
|
||||
<line id="Line_345" data-name="Line 345" x1="1.934" y1="4.762" transform="translate(0.097 1.666)" fill="none" stroke="#212121" stroke-width="1"/>
|
||||
<line id="Line_346" data-name="Line 346" x2="2.381" y2="3.868" transform="translate(0 2.381) rotate(-90)" fill="none" stroke="#212121" stroke-width="1"/>
|
||||
<g id="Group_1142" data-name="Group 1142" transform="translate(936.789 1330.947) rotate(-43)">
|
||||
<line id="Line_345" data-name="Line 345" x1="1.778" y1="4.377" transform="translate(0.089 1.532)" fill="none" stroke="#212121" stroke-width="1"/>
|
||||
<line id="Line_346" data-name="Line 346" x2="2.189" y2="3.556" transform="translate(0 2.189) rotate(-90)" fill="none" stroke="#212121" stroke-width="1"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
Before Width: | Height: | Size: 951 B After Width: | Height: | Size: 963 B |
|
@ -1,7 +1,7 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="233.342" height="177.675" viewBox="0 0 233.342 177.675">
|
||||
<g id="Group_1143" data-name="Group 1143" transform="translate(93.595 54.105) rotate(-30)">
|
||||
<path id="Path_2339" data-name="Path 2339" d="M125.759,17.282c-22.5,50.2-134.694.558-107.228-18.617C65.7-23.41-16.868,98.835-100.069,62.54" transform="translate(-10.356 8.947)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/>
|
||||
<g id="Group_1144" data-name="Group 1144" transform="translate(-110.714 68.811)">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="117.496" height="64.012" viewBox="0 0 117.496 64.012">
|
||||
<g id="Group_1143" data-name="Group 1143" transform="translate(55.846 -4.676) rotate(-19)">
|
||||
<path id="Path_2339" data-name="Path 2339" d="M33.748,7.2C7.979,32.136-55.782,25.421-38.011,8.591-20.191-7.271-28.973,53.122-80.2,26.067" transform="translate(13.972 16.105)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/>
|
||||
<g id="Group_1144" data-name="Group 1144" transform="translate(-69.001 39.672)">
|
||||
<line id="Line_345" data-name="Line 345" x1="2.651" y1="5.302" transform="translate(0.132 1.855)" fill="none" stroke="#212121" stroke-width="1"/>
|
||||
<line id="Line_346" data-name="Line 346" x2="2.651" y2="5.302" transform="translate(0 2.651) rotate(-90)" fill="none" stroke="#212121" stroke-width="1"/>
|
||||
</g>
|
||||
|
|
Before Width: | Height: | Size: 869 B After Width: | Height: | Size: 864 B |
|
@ -0,0 +1,11 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="107.525" height="69.445" viewBox="0 0 107.525 69.445">
|
||||
<g id="Group_11721" data-name="Group 11721" transform="translate(112.848 -39.172) rotate(56)">
|
||||
<g id="Group_1141" data-name="Group 1141" transform="matrix(-0.174, 0.985, -0.985, -0.174, 53.579, 43.214)">
|
||||
<path id="Path_2339" data-name="Path 2339" d="M96.963,31.663C43.036-18,4.322,4.391,0,9.159" transform="translate(0 0)" fill="none" stroke="#212121" stroke-width="1" stroke-dasharray="7"/>
|
||||
</g>
|
||||
<g id="Group_1142" data-name="Group 1142" transform="translate(-0.484 133.795) rotate(-43)">
|
||||
<line id="Line_345" data-name="Line 345" x1="1.663" y1="4.095" transform="translate(0.083 1.433)" fill="none" stroke="#212121" stroke-width="1"/>
|
||||
<line id="Line_346" data-name="Line 346" x2="2.048" y2="3.327" transform="translate(0 2.048) rotate(-90)" fill="none" stroke="#212121" stroke-width="1"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 947 B |
|
@ -43,6 +43,12 @@ main {
|
|||
font-family: "Open Sans", sans-serif;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 639px) {
|
||||
main {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.monitorApp .uk-text-small {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
|