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

add icon aseets in cards - about page

This commit is contained in:
Alex Martzios 2022-10-25 11:38:20 +03:00
parent 601dccbedc
commit bccfd41875
5 changed files with 75 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
src/app/about/how-it-works.component.ts
View File

@ -53,10 +53,13 @@ import {properties} from "../../environments/environment";
<div class="uk-grid uk-grid-large uk-grid-divider uk-child-width-1-2@m" uk-grid uk-height-match="target: .uk-card">
<div class="uk-flex uk-flex-column uk-flex-middle">
<span class="uk-h3 uk-margin-medium-bottom">You</span>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1 uk-margin-large-bottom">
<span class="uk-text-primary">Step 1a</span>
<p class="uk-text-large uk-margin-xsmall-top">You provide Information about your funded projects and <a href="https://www.openaire.eu/funders-how-to-join-guide" target="_blank">join OpenAIRE</a>.</p>
<p>All information is exchanged under confidential agreements and we only make public what you agree on.</p>
<div class="uk-card uk-card-default uk-width-1-1 uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body uk-margin-large-bottom">
<span class="uk-text-primary">Step 1a</span>
<p class="uk-text-large uk-margin-xsmall-top">You provide Information about your funded projects and <a href="https://www.openaire.eu/funders-how-to-join-guide" target="_blank">join OpenAIRE</a>.</p>
<p>All information is exchanged under confidential agreements and we only make public what you agree on.</p>
</div>
<img class="uk-width-xsmall uk-position-bottom-left custom-translate-bottom-left" src="assets/monitor-assets/about/icon1.svg">
</div>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1 uk-margin-large-bottom">
<span class="uk-text-primary">Step 2a</span>
@ -72,10 +75,13 @@ import {properties} from "../../environments/environment";
<li>to discuss the addition of any new metrics and indicators that might interest you</li>
</ul>
</div>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1 uk-margin-large-bottom">
<span class="uk-text-primary">Step 4a</span>
<p class="uk-text-large uk-margin-xsmall-top">Customise your dashboard and make your own profile.</p>
<p>Select the <a href="https://monitor.openaire.eu/indicators/funder" target="_blank">metrics</a> of interest to you and the ones you want to publish, to keep private, or to share just with colleagues.</p>
<div class="uk-card uk-card-default uk-width-1-1 uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body uk-margin-medium-bottom">
<span class="uk-text-primary">Step 4a</span>
<p class="uk-text-large uk-margin-xsmall-top">Customise your dashboard and make your own profile.</p>
<p>Select the <a href="https://monitor.openaire.eu/indicators/funder" target="_blank">metrics</a> of interest to you and the ones you want to publish, to keep private, or to share just with colleagues.</p>
</div>
<img class="uk-width-xsmall uk-position-bottom-left" src="assets/monitor-assets/about/icon3.svg">
</div>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1">
<span class="uk-text-primary">Step 5a</span>
@ -85,10 +91,13 @@ import {properties} from "../../environments/environment";
</div>
<div class="uk-flex uk-flex-column uk-flex-middle">
<span class="uk-h3 uk-margin-medium-bottom">We</span>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1 uk-margin-large-bottom">
<span class="uk-text-primary">Step 1b</span>
<p class="uk-text-large uk-margin-xsmall-top">We ingest your project metadata and mine the <a href="https://graph.openaire.eu" target="_blank" class="text-graph">OpenAIRE Research Graph</a>.</p>
<p>All information is exchanged under confidential agreements and we only make public what you agree on.</p>
<div class="uk-card uk-card-default uk-overflow-hidden uk-width-1-1 uk-margin-large-bottom">
<div class="uk-card-body uk-margin-large-bottom">
<span class="uk-text-primary">Step 1b</span>
<p class="uk-text-large uk-margin-xsmall-top">We ingest your project metadata and mine the <a href="https://graph.openaire.eu" target="_blank" class="text-graph">OpenAIRE Research Graph</a>.</p>
<p>We infer links to research results: publications, datasets, software, etc.</p>
</div>
<img class="uk-width-xsmall uk-position-bottom-right" src="assets/monitor-assets/about/icon2.svg">
</div>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1 uk-margin-large-bottom">
<span class="uk-text-primary">Step 2b</span>
@ -121,10 +130,13 @@ import {properties} from "../../environments/environment";
<div class="uk-grid uk-grid-large uk-grid-divider uk-child-width-1-2@m" uk-grid uk-height-match="target: .uk-card">
<div class="uk-flex uk-flex-column uk-flex-middle">
<span class="uk-h3 uk-margin-medium-bottom">You</span>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1 uk-margin-large-bottom">
<span class="uk-text-primary">Step 1a</span>
<p class="uk-text-large uk-margin-xsmall-top">You state your interest on having a research initiative dashboard.</p>
<p>All information is exchanged under confidential agreements and we only make public what you agree on.</p>
<div class="uk-card uk-card-default uk-width-1-1 uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body uk-margin-large-bottom">
<span class="uk-text-primary">Step 1a</span>
<p class="uk-text-large uk-margin-xsmall-top">You state your interest on having a research initiative dashboard.</p>
<p>All information is exchanged under confidential agreements and we only make public what you agree on.</p>
</div>
<img class="uk-width-xsmall uk-position-bottom-left custom-translate-bottom-left" src="assets/monitor-assets/about/icon1.svg">
</div>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1 uk-margin-large-bottom">
<span class="uk-text-primary">Step 2a</span>
@ -140,10 +152,13 @@ import {properties} from "../../environments/environment";
<li>to discuss the addition of any new metrics and indicators that might interest you</li>
</ul>
</div>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1 uk-margin-large-bottom">
<span class="uk-text-primary">Step 4a</span>
<p class="uk-text-large uk-margin-xsmall-top">Customise your dashboard and make your own profile.</p>
<p>Select the <a href="https://monitor.openaire.eu/indicators/funder" target="_blank">metrics</a> of interest to you and the ones you want to publish, to keep private, or to share just with colleagues.</p>
<div class="uk-card uk-card-default uk-width-1-1 uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body uk-margin-medium-bottom">
<span class="uk-text-primary">Step 4a</span>
<p class="uk-text-large uk-margin-xsmall-top">Customise your dashboard and make your own profile.</p>
<p>Select the <a href="https://monitor.openaire.eu/indicators/funder" target="_blank">metrics</a> of interest to you and the ones you want to publish, to keep private, or to share just with colleagues.</p>
</div>
<img class="uk-width-xsmall uk-position-bottom-left" src="assets/monitor-assets/about/icon3.svg">
</div>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1">
<span class="uk-text-primary">Step 5a</span>
@ -153,10 +168,13 @@ import {properties} from "../../environments/environment";
</div>
<div class="uk-flex uk-flex-column uk-flex-middle">
<span class="uk-h3 uk-margin-medium-bottom">We</span>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1 uk-margin-large-bottom">
<span class="uk-text-primary">Step 1b</span>
<p class="uk-text-large uk-margin-xsmall-top">We set up an administration dashboard that you can use to specify which research products of the <a href="https://graph.openaire.eu" target="_blank" class="text-graph">OpenAIRE Research Graph</a> are relevant for you.</p>
<p>If needed, we develop a customized full-text mining algorithm to identify your publications.</p>
<div class="uk-card uk-card-default uk-width-1-1 uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body uk-margin-large-bottom">
<span class="uk-text-primary">Step 1b</span>
<p class="uk-text-large uk-margin-xsmall-top">We set up an administration dashboard that you can use to specify which research products of the <a href="https://graph.openaire.eu" target="_blank" class="text-graph">OpenAIRE Research Graph</a> are relevant for you.</p>
<p>If needed, we develop a customized full-text mining algorithm to identify your publications.</p>
</div>
<img class="uk-width-xsmall uk-position-bottom-right" src="assets/monitor-assets/about/icon2.svg">
</div>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1 uk-margin-large-bottom">
<span class="uk-text-primary">Step 2b</span>
@ -189,10 +207,13 @@ import {properties} from "../../environments/environment";
<div class="uk-grid uk-grid-large uk-grid-divider uk-child-width-1-2@m" uk-grid uk-height-match="target: .uk-card">
<div class="uk-flex uk-flex-column uk-flex-middle">
<span class="uk-h3 uk-margin-medium-bottom">You</span>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1 uk-margin-large-bottom">
<span class="uk-text-primary">Step 1a</span>
<p class="uk-text-large uk-margin-xsmall-top">You state your interest on having an institutional dashboard for your institution.</p>
<p>All information is exchanged under confidential agreements and we only make public what you agree on.</p>
<div class="uk-card uk-card-default uk-width-1-1 uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body uk-margin-large-bottom">
<span class="uk-text-primary">Step 1a</span>
<p class="uk-text-large uk-margin-xsmall-top">You state your interest on having an institutional dashboard for your institution.</p>
<p>All information is exchanged under confidential agreements and we only make public what you agree on.</p>
</div>
<img class="uk-width-xsmall uk-position-bottom-left custom-translate-bottom-left" src="assets/monitor-assets/about/icon1.svg">
</div>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1 uk-margin-large-bottom">
<span class="uk-text-primary">Step 2a</span>
@ -208,10 +229,13 @@ import {properties} from "../../environments/environment";
<li>to discuss the addition of any new metrics and indicators that might interest you</li>
</ul>
</div>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1 uk-margin-large-bottom">
<span class="uk-text-primary">Step 4a</span>
<p class="uk-text-large uk-margin-xsmall-top">Customise your dashboard and make your own profile.</p>
<p>Select the <a href="https://monitor.openaire.eu/indicators/funder" target="_blank">metrics</a> of interest to you and the ones you want to publish, to keep private, or to share just with colleagues.</p>
<div class="uk-card uk-card-default uk-width-1-1 uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body uk-margin-medium-bottom">
<span class="uk-text-primary">Step 4a</span>
<p class="uk-text-large uk-margin-xsmall-top">Customise your dashboard and make your own profile.</p>
<p>Select the <a href="https://monitor.openaire.eu/indicators/funder" target="_blank">metrics</a> of interest to you and the ones you want to publish, to keep private, or to share just with colleagues.</p>
</div>
<img class="uk-width-xsmall uk-position-bottom-left" src="assets/monitor-assets/about/icon3.svg">
</div>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1">
<span class="uk-text-primary">Step 5a</span>
@ -221,10 +245,13 @@ import {properties} from "../../environments/environment";
</div>
<div class="uk-flex uk-flex-column uk-flex-middle">
<span class="uk-h3 uk-margin-medium-bottom">We</span>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1 uk-margin-large-bottom">
<span class="uk-text-primary">Step 1b</span>
<p class="uk-text-large uk-margin-xsmall-top">Starting from the <a href="https://graph.openaire.eu" target="_blank" class="text-graph">OpenAIRE Research Graph</a> we check for existing data for your institution.</p>
<p>We infer links to research results: publications, datasets, software, etc.</p>
<div class="uk-card uk-card-default uk-width-1-1 uk-overflow-hidden uk-margin-large-bottom">
<div class="uk-card-body uk-margin-large-bottom">
<span class="uk-text-primary">Step 1b</span>
<p class="uk-text-large uk-margin-xsmall-top">Starting from the <a href="https://graph.openaire.eu" target="_blank" class="text-graph">OpenAIRE Research Graph</a> we check for existing data for your institution.</p>
<p>We infer links to research results: publications, datasets, software, etc.</p>
</div>
<img class="uk-width-xsmall uk-position-bottom-right" src="assets/monitor-assets/about/icon2.svg">
</div>
<div class="uk-card uk-card-default uk-card-body uk-width-1-1 uk-margin-large-bottom">
<span class="uk-text-primary">Step 2b</span>
@ -252,7 +279,14 @@ import {properties} from "../../environments/environment";
</li>
</ul>
</div>
`
`,
styles: [`
.custom-translate-bottom-left {
/* transform: translate(-15px, 15px); */
margin-bottom: -15px;
margin-left: -15px;
}
`]
})
export class HowItWorksComponent {

2
src/app/openaireLibrary

@ -1 +1 @@
Subproject commit cdffb018b6ddd246b930300745a423ff0f1870b9
Subproject commit ac58161c93b92a534341ecda3cc1540292b2eeab

1
src/assets/monitor-assets/about/icon1.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 230.46 231.21"><defs><style>.cls-1{fill:#e0e0e0;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><g id="Layer_2-2" data-name="Layer 2-2"><g id="Layer_1-2-2" data-name="Layer 1-2-2"><path class="cls-1" d="M200.49,115.56A64.68,64.68,0,0,1,176.8,120a46.06,46.06,0,0,1-6.55-.31A70.26,70.26,0,1,1,90.08,61a71.42,71.42,0,0,1,10.74-.82,69.75,69.75,0,0,1,11.27.92q-.28-3-.28-6.13a64.92,64.92,0,0,1,4.6-24,97.65,97.65,0,0,0-15.56-1.23A100.79,100.79,0,1,0,201.57,130.48v0a98.63,98.63,0,0,0-1.11-15Zm-32.68-6.36a53.06,53.06,0,0,0,9,.77,55,55,0,0,0,21.69-4.48,100.5,100.5,0,0,0-16.29-34.4v3.46a5.38,5.38,0,0,1-10.74.63,2.22,2.22,0,0,1,0-.63V59.81H156.72a4.86,4.86,0,1,1,0-9.72h5.08A101,101,0,0,0,126.67,33a54.33,54.33,0,0,0-4.6,22,49,49,0,0,0,.57,8.55,70.57,70.57,0,0,1,45.17,45.64Z"/><path class="cls-1" d="M176.8,0a55,55,0,0,0-50.35,33,54,54,0,0,0-4.6,22,49,49,0,0,0,.69,8.55,55.05,55.05,0,0,0,45.27,45.64,53,53,0,0,0,9,.76A55,55,0,0,0,176.8,0ZM197,59.81H182.2V74.52a5.38,5.38,0,0,1-10.74.63,2.22,2.22,0,0,1,0-.63V59.81H156.72a4.86,4.86,0,1,1,0-9.72h14.84V35.42a5.37,5.37,0,1,1,10.73-.64V50.09H197a4.86,4.86,0,0,1,0,9.72Z"/></g></g></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

1
src/assets/monitor-assets/about/icon2.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 229.31 217.01"><defs><style>.cls-1{fill:#e0e0e0;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><circle class="cls-1" cx="129.5" cy="27.44" r="10.66"/><circle class="cls-1" cx="54.7" cy="80.97" r="7.66"/><circle class="cls-1" cx="202.92" cy="64.54" r="7.66"/><circle class="cls-1" cx="7.66" cy="153.55" r="7.66"/><circle class="cls-1" cx="86.21" cy="199.22" r="7.66"/><circle class="cls-1" cx="82.67" cy="140.04" r="4.09"/><circle class="cls-1" cx="225.44" cy="138.17" r="3.87"/><circle class="cls-1" cx="136.31" cy="211.34" r="4.34"/><circle class="cls-1" cx="61.34" cy="171.09" r="2.68"/><circle class="cls-1" cx="154.49" cy="72.12" r="3.99"/><circle class="cls-1" cx="19.05" cy="176.68" r="2.36"/><circle class="cls-1" cx="70.19" cy="77.74" r="2.06"/><circle class="cls-1" cx="137.94" cy="4.54" r="4.54"/><path class="cls-1" d="M86.77,200.12,7,153.72,54.41,80.56l74.49-53,.13-.32,8.44-22.87.94.35-8.35,22.62,73.28,36.85L225.92,138l-1,.29L202.51,64.89,129.69,28.27,83.18,140.12ZM8.37,153.38l77.29,44.94L82.17,140l0-.1,46-110.54-73.11,52Z"/><polygon class="cls-1" points="7.75 154.04 7.57 153.06 81.94 139.66 54.25 81.19 55.15 80.76 83.41 140.41 82.76 140.53 7.75 154.04"/><polygon class="cls-1" points="154.22 72.66 129.06 27.68 129.93 27.19 154.75 71.57 202.85 64.05 203 65.04 154.22 72.66"/><rect class="cls-1" x="18.86" y="173.38" width="42.66" height="1" transform="translate(-22.39 6.75) rotate(-7.51)"/><polygon class="cls-1" points="136.19 211.83 88.85 200.38 113.86 216.98 113.84 217.01 112.09 217.01 83.57 198.07 136.42 210.86 136.19 211.83"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

1
src/assets/monitor-assets/about/icon3.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 257.04 125.21"><defs><style>.cls-1{fill:#e0e0e0;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M67,125.21H25.49L.2,25.47a6.44,6.44,0,0,1,4.66-7.83l26.51-6.72a6.45,6.45,0,0,1,7.82,4.66Z"/><path class="cls-1" d="M131.38,125.21H89.87L75.69,69.28a6.44,6.44,0,0,1,4.66-7.83l26.51-6.72a6.44,6.44,0,0,1,7.83,4.66Z"/><path class="cls-1" d="M195.06,125.21h-41.5l-28-110.46a6.43,6.43,0,0,1,4.66-7.82L156.72.2a6.45,6.45,0,0,1,7.83,4.67Z"/><path class="cls-1" d="M257,125.21H215.55l-11.7-46.15a6.43,6.43,0,0,1,4.66-7.82L235,64.52a6.43,6.43,0,0,1,7.82,4.66Z"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 680 B