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

[Monitor | Trunk]: Finish about 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-monitor-portal/trunk/monitor@59709 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
Konstantinos Triantafyllou 2020-10-27 16:19:45 +00:00
parent 9512fe83d5
commit c7bd395c61
27 changed files with 436 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

332
src/app/learn-how/learn-how.component.css
View File

@ -7,7 +7,7 @@
.process .zero::after {
content: "";
position: absolute;
background-image: url("/assets/monitor-assets/about/arrow-1.svg");
background-image: url("/assets/monitor-assets/about/arrows/1.svg");
top: 57%;
right: -6%;
width: 30%;
@ -24,7 +24,7 @@
.process .first::after {
content: "";
position: absolute;
background-image: url("/assets/monitor-assets/about/arrow-2.svg");
background-image: url("/assets/monitor-assets/about/arrows/2.svg");
top: 78%;
right: -9%;
width: 30%;
@ -41,7 +41,7 @@
.process .second::after {
content: "";
position: absolute;
background-image: url("/assets/monitor-assets/about/arrow-3.svg");
background-image: url("/assets/monitor-assets/about/arrows/3.svg");
top: 100%;
left: 50%;
width: 30%;
@ -58,7 +58,7 @@
.process .third::after {
content: "";
position: absolute;
background-image: url("/assets/monitor-assets/about/arrow-4.svg");
background-image: url("/assets/monitor-assets/about/arrows/4.svg");
top: 68%;
left: -25%;
width: 30%;
@ -75,7 +75,7 @@
.process .fourth::after {
content: "";
position: absolute;
background-image: url("/assets/monitor-assets/about/arrow-5.svg");
background-image: url("/assets/monitor-assets/about/arrows/5.svg");
top: 87%;
left: -25%;
width: 30%;
@ -87,6 +87,168 @@
.process .fifth {
padding: 16% 10% 0 2%;
}
.how .first > div:first-child {
position: relative;
}
.how .first > div:first-child:after {
content: "we";
text-align: center;
padding-bottom: 5%;
position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/1.svg");
right: -21%;
top: 33%;
width: 20%;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
}
.how .second > div:first-child {
position: relative;
padding: 0 22% 0 22%;
}
.how .second > div:first-child:after {
content: "and";
text-align: center;
padding-bottom: 5%;
position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/2.svg");
right: -10%;
top: 31%;
width: 30%;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
}
.how .third {
position: relative;
}
.how .third > div:first-child {
padding: 0 12% 0 12%;
}
.how .third:after {
content: "on which";
padding-right: 30%;
padding-top: 5%;
padding-bottom: 5%;
position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg");
bottom: 6%;
left: 6%;
transform: translateY(100%);
width: 55%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.how .fourth {
padding: 10% 3% 0 3%;
}
.how .fourth > div:first-child {
position: relative;
padding: 0 15% 0 15%;
}
.how .fourth> div:first-child:after {
content: "and";
text-align: center;
padding-bottom: 5%;
position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/4.svg");
left: -18%;
top: 35%;
width: 30%;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
}
.how .fifth {
padding: 10% 2% 0 2%;
}
.how .fifth > div:first-child {
position: relative;
}
.how .fifth > div:first-child:after {
content: "We";
text-align: center;
padding-bottom: 5%;
position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/5.svg");
left: -35%;
top: 36%;
width: 30%;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
}
.how .sixth {
padding: 10% 5% 0 0;
}
.how .sixth > div:first-child {
padding: 0 15% 0 15%;
}
.how .final {
padding: 10% 20% 0 20%;
}
.how .final > div:first-child {
position: relative;
}
.how .final > div:first-child:before {
content: "";
position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/6.svg");
left: -20%;
top: -20%;
height: 70%;
width: 30%;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
}
.how .final > div:first-child:after {
content: "We make visualizations, graphs, reports and deliver all in a customisable tool";
position: absolute;
background-image: url("/assets/monitor-assets/about/how/circle.png");
right: -220px;
top: -20%;
width: 300px;
padding: 8% 0 5% 220px;
background-size: contain;
background-repeat: no-repeat;
background-position: bottom center;
}
}
@media only screen and (min-width: 960px) {
.how .third:after {
bottom: -6%;
}
}
@media only screen and (min-width: 1200px) {
.how .third:after {
bottom: -10%;
left: 25%;
width: 25%;
}
}
@media only screen and (max-width: 639px) {
@ -98,11 +260,14 @@
.process .zero::after {
content: "";
position: absolute;
background-image: url("/assets/monitor-assets/about/arrow-1.svg");
background-image: url("/assets/monitor-assets/about/arrows/1.svg");
top: 100%;
right: 11%;
width: 30%;
height: 21%;
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background-size: contain;
background-repeat: no-repeat;
@ -116,11 +281,14 @@
.process .first::after {
content: "";
position: absolute;
background-image: url("/assets/monitor-assets/about/arrow-2.svg");
background-image: url("/assets/monitor-assets/about/arrows/2.svg");
top: 105%;
left: 2%;
width: 30%;
height: 21%;
-moz-transform: rotate(35deg);
-o-transform: rotate(35deg);
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
background-size: contain;
background-repeat: no-repeat;
@ -134,7 +302,7 @@
.process .second::after {
content: "";
position: absolute;
background-image: url("/assets/monitor-assets/about/arrow-3.svg");
background-image: url("/assets/monitor-assets/about/arrows/3.svg");
top: 100%;
left: 66%;
width: 30%;
@ -151,12 +319,15 @@
.process .third::after {
content: "";
position: absolute;
background-image: url("/assets/monitor-assets/about/arrow-4.svg");
background-image: url("/assets/monitor-assets/about/arrows/4.svg");
top: 106%;
left: 5%;
width: 30%;
height: 15%;
transform: rotate3d(0.4, -1.3, 0, 180deg);
-moz-transform: rotate(215deg) scaleY(-1);
-o-transform: rotate(215deg) scaleY(-1);
-webkit-transform: rotate(215deg) scaleY(-1);
transform: rotate(215deg) scaleY(-1);
background-size: contain;
background-repeat: no-repeat;
}
@ -169,11 +340,14 @@
.process .fourth::after {
content: "";
position: absolute;
background-image: url("/assets/monitor-assets/about/arrow-5.svg");
background-image: url("/assets/monitor-assets/about/arrows/5.svg");
top: 100%;
right: 0;
width: 30%;
height: 19%;
-moz-transform: rotate(310deg);
-o-transform: rotate(310deg);
-webkit-transform: rotate(310deg);
transform: rotate(310deg);
background-size: contain;
background-repeat: no-repeat;
@ -182,4 +356,140 @@
.process .fifth {
padding: 20% 7.6% 0 16%;
}
.how .first {
position: relative;
padding-bottom: 30%;
}
.how .first:after {
content: "we";
text-align: center;
padding: 25px 105px 25px 0;
position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg");
left: 26%;
top: 72%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.how .second {
position: relative;
padding: 0 15% 30% 15%;
}
.how .second:after {
content: "and";
text-align: center;
padding: 25px 105px 25px 0;
position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg");
left: 25%;
top: 70%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.how .third {
position: relative;
padding: 0 5% 30% 5%;
}
.how .third:after {
content: "on which";
text-align: center;
padding: 25px 105px 25px 0;
position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg");
left: 17%;
top: 75%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.how .fourth {
position: relative;
padding: 0 0 30% 0;
}
.how .fourth > div:first-child {
padding: 0 10% 0 10%;
}
.how .fourth:after {
content: "and";
text-align: center;
padding: 25px 105px 25px 0;
position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg");
left: 26%;
top: 79%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.how .fifth {
position: relative;
padding: 0 2% 30% 2%;
}
.how .fifth:after {
content: "We";
text-align: center;
padding: 25px 105px 25px 0;
position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/3.svg");
left: 27%;
top: 76%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.how .sixth {
padding: 0 5% 30% 0;
}
.how .sixth > div:first-child {
padding: 0 15% 0 15%;
}
.how .final {
padding: 20% 0 20% 0;
}
.how .final > div:first-child {
position: relative;
}
.how .final > div:first-child:before {
content: "";
position: absolute;
background-image: url("/assets/monitor-assets/about/green-arrows/6.svg");
left: 32%;
top: -80%;
height: 70%;
width: 30%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.how .final > div:first-child:after {
content: "We make visualizations, graphs, reports and deliver all in a customisable tool";
position: absolute;
background-image: url("/assets/monitor-assets/about/how/circle.png");
left: -62%;
top: 85%;
width: 300px;
padding: 12% 0 0 70%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
}

73
src/app/learn-how/learn-how.component.html
View File

@ -13,7 +13,7 @@
<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">
<img width="90" src="../../assets/monitor-assets/about/process/0.png">
</div>
<h6>0. Starting from the OpenAIRE RESEARCH GRAPH</h6>
<div class="uk-text-small uk-text-muted">
@ -25,7 +25,7 @@
</div>
<div class="first">
<div class="uk-text-center">
<img width="110" src="assets/monitor-assets/about/1.png">
<img width="110" src="../../assets/monitor-assets/about/process/1.png">
</div>
<h6>1. Provide us some information</h6>
<div class="uk-text-small uk-text-muted">
@ -35,7 +35,7 @@
</div>
<div class="second">
<div class="uk-text-center">
<img width="100" src="assets/monitor-assets/about/2.png">
<img width="100" src="../../assets/monitor-assets/about/process/2.png">
</div>
<h6>2. We get the ball rolling</h6>
<div class="uk-text-small uk-text-muted">
@ -48,7 +48,7 @@
<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">
<img width="105" src="../../assets/monitor-assets/about/process/3.png">
</div>
<h6>3. You validate</h6>
<div class="uk-text-small uk-text-muted">
@ -59,7 +59,7 @@
</div>
<div class="fourth">
<div class="uk-text-center">
<img width="135" src="assets/monitor-assets/about/4.png">
<img width="135" src="../../assets/monitor-assets/about/process/4.png">
</div>
<h6>4. You set up your portal</h6>
<div class="uk-text-small uk-text-muted">
@ -70,7 +70,7 @@
</div>
<div class="fifth uk-flex-first@s">
<div class="uk-text-center">
<img width="105" src="assets/monitor-assets/about/5.png">
<img width="105" src="../../assets/monitor-assets/about/process/5.png">
</div>
<h6>5. You track, monitor, report</h6>
<div class="uk-text-small uk-text-muted">
@ -91,5 +91,66 @@
Simplify research tracking & monitoring
</h6>
</div>
<div class="how uk-margin-large-top">
<div class="uk-flex uk-flex-wrap">
<div class="uk-width-1-3@s first uk-h5 uk-margin-remove-vertical uk-text-muted">
<div>
<img src="../../assets/monitor-assets/about/how/1.png">
</div>
<div class="uk-text-center">
<span class="uk-text-bold uk-text-uppercase">Starting</span> from existing<br>research-related data sources
</div>
</div>
<div class="uk-width-1-3@s second uk-h5 uk-margin-remove-vertical uk-text-muted">
<div>
<img src="../../assets/monitor-assets/about/how/2.png">
</div>
</div>
<div class="uk-width-1-3@s third uk-h5 uk-margin-remove-vertical uk-text-muted">
<div>
<img src="../../assets/monitor-assets/about/how/3.png">
</div>
<div class="uk-text-center">
build an open, global<br>and trusted Research graph
</div>
</div>
</div>
<div class="uk-flex uk-flex-wrap">
<div class="uk-width-1-3@s fourth uk-flex-last@s uk-h5 uk-margin-remove-vertical uk-text-muted">
<div>
<img src="../../assets/monitor-assets/about/how/4.png">
</div>
<div class="uk-text-center">
we perform <span class="uk-text-bold uk-text-uppercase">Statistical Analysis</span> and produce
<span class="portal-color">Open Science Indicators</span>
</div>
</div>
<div class="uk-width-1-3@s fifth uk-h5 uk-margin-remove-vertical uk-text-muted">
<div>
<img src="../../assets/monitor-assets/about/how/5.png">
</div>
<div class="uk-text-center">
furthermore <span class="uk-text-bold uk-text-uppercase">Network<br>Analysis</span> producing
<span class="portal-color">Collaboration Indicators</span>
</div>
</div>
<div class="uk-width-1-3@s sixth uk-flex-first@s uk-h5 uk-margin-remove-vertical uk-text-muted">
<div>
<img src="../../assets/monitor-assets/about/how/6.png">
</div>
<div class="uk-text-center">
Often combine with external data
(patents, social, company) and
perform <span class="uk-text-bold uk-text-uppercase">Impact Analysis</span> to
produce <span class="portal-color">Innovation Indicators</span>
</div>
</div>
</div>
<div class="final uk-text-muted uk-h5 uk-margin-remove-vertical">
<div>
<img src="../../assets/monitor-assets/about/how/7.png">
</div>
</div>
</div>
</div>
</div>

0
src/assets/monitor-assets/about/arrow-1.svg → src/assets/monitor-assets/about/arrows/1.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 625 B

After

Width:  |  Height:  |  Size: 625 B

0
src/assets/monitor-assets/about/arrow-2.svg → src/assets/monitor-assets/about/arrows/2.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 645 B

After

Width:  |  Height:  |  Size: 645 B

0
src/assets/monitor-assets/about/arrow-3.svg → src/assets/monitor-assets/about/arrows/3.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 963 B

After

Width:  |  Height:  |  Size: 963 B

0
src/assets/monitor-assets/about/arrow-4.svg → src/assets/monitor-assets/about/arrows/4.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 864 B

After

Width:  |  Height:  |  Size: 864 B

0
src/assets/monitor-assets/about/arrow-5.svg → src/assets/monitor-assets/about/arrows/5.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 947 B

After

Width:  |  Height:  |  Size: 947 B

8
src/assets/monitor-assets/about/green-arrows/1.svg Normal file
View File

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="67" height="14" viewBox="0 0 67 14">
<defs>
<pattern id="pattern" width="1" height="1" viewBox="0 57.007 14 40.526">
<image preserveAspectRatio="none" width="14" height="110.77" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAHQCAYAAAD+ugcXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFW0lEQVR4nO3aQW4bZRzG4aeskeAISByArr0KuQDhBOQIreQ9dE023KA9AT2BRRdk3d6g3cGOnCAsalWu28QeZzxj0O9deizlP488X753Zh7d3t6aMlfX57/g53u+8mq5WJ1NM837fDHlHzvVhCAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAiYB+HrHce/nGSKjcyB8HjH8W8nmWIjXQ5CQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBAC5kF4u+P431MMsZlTRPhriiE20+UgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBIYBHv/75/QV+n3uQGfPjF8vF6iV+m3uSmfJiuVi9fHR7ewuurs9f47t5Z5o0b5aL1WM+XhPOcDPLONPnxvvzxQbCcrH6Z/PA/zwX6/PF1n+H5WL1Gk8nH2naPF0uVn9sfvBhTdjM1fX5c/w0zUyT5sVysbrc/vCufcITvDnqONPnjffn9Uk++0uAq+vzb/AaXx1trOlyg7P15f5J7twxLhert7g8zkyT5/IuAHZsm9cbqWejjzRtnq3P487ceTls5ur6/CV+GGuqCfNquVid7frSvgXqEu8eMs0MeYeLfb64F8J6Y3Hhv7OjvLG1Ibove1fp9cLy2X8xJ5gn9y2E2xl0P2G5WD13+o3zxXrOvbPXwridE26cH5rhkBx6Z+nM6a0PHzXDITkI4UQb594L4XYOvsd4Yo3zk2Y4JAetCZs5gcb52WY4JGPcbZ6zcd7ZDIfkwb8EZmuc9zbDIRnlucNMjfPeZjgkoz18mbhx7myGQzLK5bCZCRrnXs1wSI7xGO7S8Rrn3s1wSEZHOGLjHNQMh+QoD2SP1DgHNcMhOdpT6ZEb5+BmOCSjL4zbGaFxHtQMh2SK9xPOHL4+HNwMh+ToCA9snEdZCLczyZsqBzbOBzXDITn6mrCZAY3zwc1wSKZ+Z2mfxjlKMxySSX8J7GycozXDIZn87bUdjXO0Zjgks7zCd0fjHLUZDsnkl8NmNhrn6M1wSOZ+mfMSrxyhGQ7JvyrC8qzRQ7nnAAAAAElFTkSuQmCC"/>
</pattern>
</defs>
<rect id="Asset_8_300x" data-name="Asset 8@300x" width="14" height="67" transform="translate(0 14) rotate(-90)" fill="url(#pattern)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

8
src/assets/monitor-assets/about/green-arrows/2.svg Normal file
View File

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="157" height="14" viewBox="0 0 157 14">
<defs>
<pattern id="pattern" preserveAspectRatio="none" width="100%" height="100%" viewBox="0 0 65 464">
<image width="65" height="464" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAHQCAYAAAD+ugcXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFW0lEQVR4nO3aQW4bZRzG4aeskeAISByArr0KuQDhBOQIreQ9dE023KA9AT2BRRdk3d6g3cGOnCAsalWu28QeZzxj0O9deizlP488X753Zh7d3t6aMlfX57/g53u+8mq5WJ1NM837fDHlHzvVhCAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAiYB+HrHce/nGSKjcyB8HjH8W8nmWIjXQ5CQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBAC5kF4u+P431MMsZlTRPhriiE20+UgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBIYBHv/75/QV+n3uQGfPjF8vF6iV+m3uSmfJiuVi9fHR7ewuurs9f47t5Z5o0b5aL1WM+XhPOcDPLONPnxvvzxQbCcrH6Z/PA/zwX6/PF1n+H5WL1Gk8nH2naPF0uVn9sfvBhTdjM1fX5c/w0zUyT5sVysbrc/vCufcITvDnqONPnjffn9Uk++0uAq+vzb/AaXx1trOlyg7P15f5J7twxLhert7g8zkyT5/IuAHZsm9cbqWejjzRtnq3P487ceTls5ur6/CV+GGuqCfNquVid7frSvgXqEu8eMs0MeYeLfb64F8J6Y3Hhv7OjvLG1Ibove1fp9cLy2X8xJ5gn9y2E2xl0P2G5WD13+o3zxXrOvbPXwridE26cH5rhkBx6Z+nM6a0PHzXDITkI4UQb594L4XYOvsd4Yo3zk2Y4JAetCZs5gcb52WY4JGPcbZ6zcd7ZDIfkwb8EZmuc9zbDIRnlucNMjfPeZjgkoz18mbhx7myGQzLK5bCZCRrnXs1wSI7xGO7S8Rrn3s1wSEZHOGLjHNQMh+QoD2SP1DgHNcMhOdpT6ZEb5+BmOCSjL4zbGaFxHtQMh2SK9xPOHL4+HNwMh+ToCA9snEdZCLczyZsqBzbOBzXDITn6mrCZAY3zwc1wSKZ+Z2mfxjlKMxySSX8J7GycozXDIZn87bUdjXO0Zjgks7zCd0fjHLUZDsnkl8NmNhrn6M1wSOZ+mfMSrxyhGQ7JvyrC8qzRQ7nnAAAAAElFTkSuQmCC"/>
</pattern>
</defs>
<rect id="Asset_8_300x" data-name="Asset 8@300x" width="14" height="157" transform="translate(0 14) rotate(-90)" fill="url(#pattern)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

8
src/assets/monitor-assets/about/green-arrows/3.svg Normal file
View File

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="67" viewBox="0 0 14 67">
<defs>
<pattern id="pattern" width="1" height="1" viewBox="0 57.007 14 40.526">
<image preserveAspectRatio="none" width="14" height="110.77" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAHQCAYAAAD+ugcXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFW0lEQVR4nO3aQW4bZRzG4aeskeAISByArr0KuQDhBOQIreQ9dE023KA9AT2BRRdk3d6g3cGOnCAsalWu28QeZzxj0O9deizlP488X753Zh7d3t6aMlfX57/g53u+8mq5WJ1NM837fDHlHzvVhCAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAiYB+HrHce/nGSKjcyB8HjH8W8nmWIjXQ5CQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBAC5kF4u+P431MMsZlTRPhriiE20+UgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBIYBHv/75/QV+n3uQGfPjF8vF6iV+m3uSmfJiuVi9fHR7ewuurs9f47t5Z5o0b5aL1WM+XhPOcDPLONPnxvvzxQbCcrH6Z/PA/zwX6/PF1n+H5WL1Gk8nH2naPF0uVn9sfvBhTdjM1fX5c/w0zUyT5sVysbrc/vCufcITvDnqONPnjffn9Uk++0uAq+vzb/AaXx1trOlyg7P15f5J7twxLhert7g8zkyT5/IuAHZsm9cbqWejjzRtnq3P487ceTls5ur6/CV+GGuqCfNquVid7frSvgXqEu8eMs0MeYeLfb64F8J6Y3Hhv7OjvLG1Ibove1fp9cLy2X8xJ5gn9y2E2xl0P2G5WD13+o3zxXrOvbPXwridE26cH5rhkBx6Z+nM6a0PHzXDITkI4UQb594L4XYOvsd4Yo3zk2Y4JAetCZs5gcb52WY4JGPcbZ6zcd7ZDIfkwb8EZmuc9zbDIRnlucNMjfPeZjgkoz18mbhx7myGQzLK5bCZCRrnXs1wSI7xGO7S8Rrn3s1wSEZHOGLjHNQMh+QoD2SP1DgHNcMhOdpT6ZEb5+BmOCSjL4zbGaFxHtQMh2SK9xPOHL4+HNwMh+ToCA9snEdZCLczyZsqBzbOBzXDITn6mrCZAY3zwc1wSKZ+Z2mfxjlKMxySSX8J7GycozXDIZn87bUdjXO0Zjgks7zCd0fjHLUZDsnkl8NmNhrn6M1wSOZ+mfMSrxyhGQ7JvyrC8qzRQ7nnAAAAAElFTkSuQmCC"/>
</pattern>
</defs>
<rect id="Asset_8_300x" data-name="Asset 8@300x" width="14" height="67" fill="url(#pattern)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

8
src/assets/monitor-assets/about/green-arrows/4.svg Normal file
View File

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="14" viewBox="0 0 120 14">
<defs>
<pattern id="pattern" width="1" height="1" patternTransform="matrix(1, 0, 0, -1, 0, 240)" viewBox="0 0 14 120">
<image preserveAspectRatio="none" width="14" height="120" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAHQCAYAAAD+ugcXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFW0lEQVR4nO3aQW4bZRzG4aeskeAISByArr0KuQDhBOQIreQ9dE023KA9AT2BRRdk3d6g3cGOnCAsalWu28QeZzxj0O9deizlP488X753Zh7d3t6aMlfX57/g53u+8mq5WJ1NM837fDHlHzvVhCAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAiYB+HrHce/nGSKjcyB8HjH8W8nmWIjXQ5CQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBAC5kF4u+P431MMsZlTRPhriiE20+UgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBIYBHv/75/QV+n3uQGfPjF8vF6iV+m3uSmfJiuVi9fHR7ewuurs9f47t5Z5o0b5aL1WM+XhPOcDPLONPnxvvzxQbCcrH6Z/PA/zwX6/PF1n+H5WL1Gk8nH2naPF0uVn9sfvBhTdjM1fX5c/w0zUyT5sVysbrc/vCufcITvDnqONPnjffn9Uk++0uAq+vzb/AaXx1trOlyg7P15f5J7twxLhert7g8zkyT5/IuAHZsm9cbqWejjzRtnq3P487ceTls5ur6/CV+GGuqCfNquVid7frSvgXqEu8eMs0MeYeLfb64F8J6Y3Hhv7OjvLG1Ibove1fp9cLy2X8xJ5gn9y2E2xl0P2G5WD13+o3zxXrOvbPXwridE26cH5rhkBx6Z+nM6a0PHzXDITkI4UQb594L4XYOvsd4Yo3zk2Y4JAetCZs5gcb52WY4JGPcbZ6zcd7ZDIfkwb8EZmuc9zbDIRnlucNMjfPeZjgkoz18mbhx7myGQzLK5bCZCRrnXs1wSI7xGO7S8Rrn3s1wSEZHOGLjHNQMh+QoD2SP1DgHNcMhOdpT6ZEb5+BmOCSjL4zbGaFxHtQMh2SK9xPOHL4+HNwMh+ToCA9snEdZCLczyZsqBzbOBzXDITn6mrCZAY3zwc1wSKZ+Z2mfxjlKMxySSX8J7GycozXDIZn87bUdjXO0Zjgks7zCd0fjHLUZDsnkl8NmNhrn6M1wSOZ+mfMSrxyhGQ7JvyrC8qzRQ7nnAAAAAElFTkSuQmCC"/>
</pattern>
</defs>
<rect id="Asset_8_300x" data-name="Asset 8@300x" width="14" height="120" transform="translate(0 14) rotate(-90)" fill="url(#pattern)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

8
src/assets/monitor-assets/about/green-arrows/5.svg Normal file
View File

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="14" viewBox="0 0 100 14">
<defs>
<pattern id="pattern" width="1" height="1" patternTransform="matrix(1, 0, 0, -1, 0, 240)" viewBox="0 0 14 120">
<image preserveAspectRatio="none" width="14" height="120" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAHQCAYAAAD+ugcXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFW0lEQVR4nO3aQW4bZRzG4aeskeAISByArr0KuQDhBOQIreQ9dE023KA9AT2BRRdk3d6g3cGOnCAsalWu28QeZzxj0O9deizlP488X753Zh7d3t6aMlfX57/g53u+8mq5WJ1NM837fDHlHzvVhCAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAiYB+HrHce/nGSKjcyB8HjH8W8nmWIjXQ5CQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBAC5kF4u+P431MMsZlTRPhriiE20+UgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBIYBHv/75/QV+n3uQGfPjF8vF6iV+m3uSmfJiuVi9fHR7ewuurs9f47t5Z5o0b5aL1WM+XhPOcDPLONPnxvvzxQbCcrH6Z/PA/zwX6/PF1n+H5WL1Gk8nH2naPF0uVn9sfvBhTdjM1fX5c/w0zUyT5sVysbrc/vCufcITvDnqONPnjffn9Uk++0uAq+vzb/AaXx1trOlyg7P15f5J7twxLhert7g8zkyT5/IuAHZsm9cbqWejjzRtnq3P487ceTls5ur6/CV+GGuqCfNquVid7frSvgXqEu8eMs0MeYeLfb64F8J6Y3Hhv7OjvLG1Ibove1fp9cLy2X8xJ5gn9y2E2xl0P2G5WD13+o3zxXrOvbPXwridE26cH5rhkBx6Z+nM6a0PHzXDITkI4UQb594L4XYOvsd4Yo3zk2Y4JAetCZs5gcb52WY4JGPcbZ6zcd7ZDIfkwb8EZmuc9zbDIRnlucNMjfPeZjgkoz18mbhx7myGQzLK5bCZCRrnXs1wSI7xGO7S8Rrn3s1wSEZHOGLjHNQMh+QoD2SP1DgHNcMhOdpT6ZEb5+BmOCSjL4zbGaFxHtQMh2SK9xPOHL4+HNwMh+ToCA9snEdZCLczyZsqBzbOBzXDITn6mrCZAY3zwc1wSKZ+Z2mfxjlKMxySSX8J7GycozXDIZn87bUdjXO0Zjgks7zCd0fjHLUZDsnkl8NmNhrn6M1wSOZ+mfMSrxyhGQ7JvyrC8qzRQ7nnAAAAAElFTkSuQmCC"/>
</pattern>
</defs>
<rect id="Asset_8_300x" data-name="Asset 8@300x" width="14" height="120" transform="translate(0 14) rotate(-90)" fill="url(#pattern)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

8
src/assets/monitor-assets/about/green-arrows/6.svg Normal file
View File

@ -0,0 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39" height="275" viewBox="0 0 39 275">
<defs>
<pattern id="pattern" preserveAspectRatio="none" width="100%" height="100%" viewBox="0 0 65 464">
<image width="65" height="464" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAHQCAYAAAD+ugcXAAAACXBIWXMAAC4jAAAuIwF4pT92AAAFW0lEQVR4nO3aQW4bZRzG4aeskeAISByArr0KuQDhBOQIreQ9dE023KA9AT2BRRdk3d6g3cGOnCAsalWu28QeZzxj0O9deizlP488X753Zh7d3t6aMlfX57/g53u+8mq5WJ1NM837fDHlHzvVhCAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAiYB+HrHce/nGSKjcyB8HjH8W8nmWIjXQ5CQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBAC5kF4u+P431MMsZlTRPhriiE20+UgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBISAEhIAQEAJCQAgIASEgBISAEBACQkAICAEhIASEgBAQAkJACAgBIYBHv/75/QV+n3uQGfPjF8vF6iV+m3uSmfJiuVi9fHR7ewuurs9f47t5Z5o0b5aL1WM+XhPOcDPLONPnxvvzxQbCcrH6Z/PA/zwX6/PF1n+H5WL1Gk8nH2naPF0uVn9sfvBhTdjM1fX5c/w0zUyT5sVysbrc/vCufcITvDnqONPnjffn9Uk++0uAq+vzb/AaXx1trOlyg7P15f5J7twxLhert7g8zkyT5/IuAHZsm9cbqWejjzRtnq3P487ceTls5ur6/CV+GGuqCfNquVid7frSvgXqEu8eMs0MeYeLfb64F8J6Y3Hhv7OjvLG1Ibove1fp9cLy2X8xJ5gn9y2E2xl0P2G5WD13+o3zxXrOvbPXwridE26cH5rhkBx6Z+nM6a0PHzXDITkI4UQb594L4XYOvsd4Yo3zk2Y4JAetCZs5gcb52WY4JGPcbZ6zcd7ZDIfkwb8EZmuc9zbDIRnlucNMjfPeZjgkoz18mbhx7myGQzLK5bCZCRrnXs1wSI7xGO7S8Rrn3s1wSEZHOGLjHNQMh+QoD2SP1DgHNcMhOdpT6ZEb5+BmOCSjL4zbGaFxHtQMh2SK9xPOHL4+HNwMh+ToCA9snEdZCLczyZsqBzbOBzXDITn6mrCZAY3zwc1wSKZ+Z2mfxjlKMxySSX8J7GycozXDIZn87bUdjXO0Zjgks7zCd0fjHLUZDsnkl8NmNhrn6M1wSOZ+mfMSrxyhGQ7JvyrC8qzRQ7nnAAAAAElFTkSuQmCC"/>
</pattern>
</defs>
<rect id="Asset_8_300x" data-name="Asset 8@300x" width="39" height="275" fill="url(#pattern)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
src/assets/monitor-assets/about/how/1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

BIN
src/assets/monitor-assets/about/how/2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
src/assets/monitor-assets/about/how/3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 74 KiB

BIN
src/assets/monitor-assets/about/how/4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 74 KiB

BIN
src/assets/monitor-assets/about/how/5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1009 KiB

BIN
src/assets/monitor-assets/about/how/6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 123 KiB

BIN
src/assets/monitor-assets/about/how/7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 156 KiB

BIN
src/assets/monitor-assets/about/how/circle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

0
src/assets/monitor-assets/about/0.png → src/assets/monitor-assets/about/process/0.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 55 KiB

After

Width:  |  Height:  |  Size: 55 KiB

0
src/assets/monitor-assets/about/1.png → src/assets/monitor-assets/about/process/1.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 58 KiB

0
src/assets/monitor-assets/about/2.png → src/assets/monitor-assets/about/process/2.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 56 KiB

After

Width:  |  Height:  |  Size: 56 KiB

0
src/assets/monitor-assets/about/3.png → src/assets/monitor-assets/about/process/3.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

0
src/assets/monitor-assets/about/4.png → src/assets/monitor-assets/about/process/4.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 63 KiB

After

Width:  |  Height:  |  Size: 63 KiB

0
src/assets/monitor-assets/about/5.png → src/assets/monitor-assets/about/process/5.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 65 KiB

After

Width:  |  Height:  |  Size: 65 KiB