Add class for monitor-gradient. Add numbers in learn-how steps.

This commit is contained in:
Konstantinos Triantafyllou 2022-02-15 16:28:07 +02:00
parent ba2218f6bd
commit 52b88066d9
7 changed files with 39 additions and 33 deletions

View File

@ -1,16 +1,16 @@
<div> <div>
<div class="uk-section uk-margin-large-bottom uk-background-fixed uk-background-bottom-right uk-background-norepeat homeBackgroundImage" style="background: #fff;"> <div class="uk-section uk-background-fixed uk-background-bottom-right uk-background-norepeat homeBackgroundImage" style="background: #fff;">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large uk-margin-large-bottom">
<div class="uk-grid"> <div class="uk-grid">
<div> <div>
<h1 class="uk-heading-large"> <h1 class="uk-heading-large">
A new era of <br><span class="uk-text-primary">monitoring</span> <br>research<span class="uk-text-primary">.</span> A new era of <br><span class="uk-text-primary">monitoring</span> <br>research<span class="uk-text-primary">.</span>
</h1> </h1>
<ul class="uk-text-large uk-list uk-margin-medium-top"> <div class="uk-text-large uk-margin-medium-top">
<li>Work together with us to view, understand and visualize</li> <div>Work together with us to view, understand and visualize</div>
<li>research statistics and indicators.</li> <div>research statistics and indicators.</div>
</ul> </div>
<div class="uk-inline uk-margin-top"> <div class="uk-margin-medium-top">
<a class="uk-button uk-button-primary" routerLink="/">GET STARTED</a> <a class="uk-button uk-button-primary" routerLink="/">GET STARTED</a>
</div> </div>
</div> </div>
@ -69,11 +69,9 @@
<div class="uk-flex uk-flex-center uk-margin-large-top"> <div class="uk-flex uk-flex-center uk-margin-large-top">
<div class="uk-width-3-4@m uk-flex uk-flex-center uk-flex-middle grid-gap uk-child-width-1-5@m uk-child-width-1-2"> <div class="uk-width-3-4@m uk-flex uk-flex-center uk-flex-middle grid-gap uk-child-width-1-5@m uk-child-width-1-2">
<div *ngIf="publicationsSize" class="uk-card uk-card-default uk-padding uk-margin-medium-bottom uk-text-center"> <div *ngIf="publicationsSize" class="uk-card uk-card-default uk-padding uk-margin-medium-bottom uk-text-center">
<h3 class="uk-margin-remove uk-text-primary uk-h1"> <a class="uk-link-reset" href="https://explore.openaire.eu/search/find/research-outcomes?type=publications" target=_blank>
<a class="uk-link-reset" href="https://explore.openaire.eu/search/find/research-outcomes?type=publications" target=_blank> <icon gradient="monitor-gradient" degrees="110" ratio="3" [svg]="((publicationsSize.number|number) + publicationsSize.size) | textAsSvg"></icon>
<span class="uk-text-bold number">{{publicationsSize.number|number}}</span>{{publicationsSize.size}} </a>
</a>
</h3>
<div class="uk-margin-small uk-text-large">Publications</div> <div class="uk-margin-small uk-text-large">Publications</div>
</div> </div>
<div *ngIf="datasetsSize" class="uk-card uk-card-default uk-padding uk-margin-medium-bottom uk-text-center"> <div *ngIf="datasetsSize" class="uk-card uk-card-default uk-padding uk-margin-medium-bottom uk-text-center">

View File

@ -24,13 +24,14 @@ import {UrlPrefixModule} from "../openaireLibrary/utils/pipes/url-prefix.module"
import {LogoUrlPipeModule} from "../openaireLibrary/utils/pipes/logoUrlPipe.module"; import {LogoUrlPipeModule} from "../openaireLibrary/utils/pipes/logoUrlPipe.module";
import {SectionScrollModule} from '../openaireLibrary/utils/section-scroll/section-scroll.module'; import {SectionScrollModule} from '../openaireLibrary/utils/section-scroll/section-scroll.module';
import {TabsModule} from '../openaireLibrary/utils/tabs/tabs.module'; import {TabsModule} from '../openaireLibrary/utils/tabs/tabs.module';
import {TextAsSvgModule} from "../openaireLibrary/utils/pipes/text-as-svg.module";
@NgModule({ @NgModule({
imports: [ imports: [
CommonModule, FormsModule, RouterModule, ErrorMessagesModule, OtherPortalsModule, CommonModule, FormsModule, RouterModule, ErrorMessagesModule, OtherPortalsModule,
HelperModule, Schema2jsonldModule, SEOServiceModule, HomeRoutingModule, SearchResearchResultsServiceModule, HelperModule, Schema2jsonldModule, SEOServiceModule, HomeRoutingModule, SearchResearchResultsServiceModule,
RefineFieldResultsServiceModule, AlertModalModule, IconsModule, UrlPrefixModule, LogoUrlPipeModule, SectionScrollModule, RefineFieldResultsServiceModule, AlertModalModule, IconsModule, UrlPrefixModule, LogoUrlPipeModule, SectionScrollModule,
TabsModule TabsModule, TextAsSvgModule
], ],
declarations: [ declarations: [
HomeComponent HomeComponent

View File

@ -7,8 +7,8 @@
<div class="uk-section uk-padding-remove-top uk-container uk-container-large"> <div class="uk-section uk-padding-remove-top uk-container uk-container-large">
<div class="uk-grid uk-grid-medium uk-padding-small" uk-grid> <div class="uk-grid uk-grid-medium uk-padding-small" uk-grid>
<div class="uk-width-2-3@m uk-width-1-1@s uk-flex uk-flex-column uk-flex-center"> <div class="uk-width-2-3@m uk-width-1-1@s uk-flex uk-flex-column uk-flex-center">
<h1 page-title>Learn the process<span class="uk-text-primary">.</span></h1> <h1>Learn the process<span class="uk-text-primary">.</span></h1>
<div page-description class="uk-text-large uk-width-2-3@s"> <div class="uk-text-large uk-width-2-3@s">
Use the Monitor Dashboard to view your research <br> results, open science. Use the Monitor Dashboard to view your research <br> results, open science.
</div> </div>
</div> </div>
@ -21,8 +21,8 @@
<div class="uk-grid uk-grid-large uk-child-width-1-3 uk-padding-small" uk-grid> <div class="uk-grid uk-grid-large uk-child-width-1-3 uk-padding-small" uk-grid>
<div> <div>
<div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom"> <div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom">
<div class="uk-text-primary uk-h2"> <div class="uk-icon-bg-shadow uk-margin-bottom">
0 <icon [svg]="'0' | textAsSvg" [flex]="true" ratio="1.5" gradient="monitor-gradient" degrees="140"></icon>
</div> </div>
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom"> <div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
Starting from the OpenAIRE <br> RESEARCH GRAPH Starting from the OpenAIRE <br> RESEARCH GRAPH
@ -34,8 +34,8 @@
</div> </div>
<div> <div>
<div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom"> <div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom">
<div class="uk-text-primary uk-h2"> <div class="uk-icon-bg-shadow uk-margin-bottom">
1 <icon [svg]="'1' | textAsSvg" [flex]="true" ratio="1.5" gradient="monitor-gradient" degrees="140"></icon>
</div> </div>
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom"> <div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
Provide us some information Provide us some information
@ -47,8 +47,8 @@
</div> </div>
<div> <div>
<div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom"> <div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom">
<div class="uk-text-primary uk-h2"> <div class="uk-icon-bg-shadow uk-margin-bottom">
2 <icon [svg]="'2' | textAsSvg" [flex]="true" ratio="1.5" gradient="monitor-gradient" degrees="140"></icon>
</div> </div>
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom"> <div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
We get the ball rolling We get the ball rolling
@ -60,8 +60,8 @@
</div> </div>
<div> <div>
<div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom"> <div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom">
<div class="uk-text-primary uk-h2"> <div class="uk-icon-bg-shadow uk-margin-bottom">
3 <icon [svg]="'3' | textAsSvg" [flex]="true" ratio="1.5" gradient="monitor-gradient" degrees="140"></icon>
</div> </div>
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom"> <div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
You validate You validate
@ -73,8 +73,8 @@
</div> </div>
<div> <div>
<div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom"> <div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom">
<div class="uk-text-primary uk-h2"> <div class="uk-icon-bg-shadow uk-margin-bottom">
4 <icon [svg]="'4' | textAsSvg" [flex]="true" ratio="1.5" gradient="monitor-gradient" degrees="140"></icon>
</div> </div>
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom"> <div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
You set up your portal You set up your portal
@ -86,8 +86,8 @@
</div> </div>
<div> <div>
<div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom"> <div class="uk-padding uk-padding-remove-left uk-padding-remove-bottom">
<div class="uk-text-primary uk-h2"> <div class="uk-icon-bg-shadow uk-margin-bottom">
5 <icon [svg]="'5' | textAsSvg" [flex]="true" ratio="1.5" gradient="monitor-gradient" degrees="140"></icon>
</div> </div>
<div class="uk-text-lead uk-text-bold uk-margin-small-bottom"> <div class="uk-text-lead uk-text-bold uk-margin-small-bottom">
You track, monitor, report You track, monitor, report
@ -100,7 +100,7 @@
</div> </div>
</div> </div>
<div class="uk-section uk-container uk-container-large"> <div class="uk-section uk-container uk-container-large">
<h2 class="uk-h6 uk-text-primary">Inclusion, transparency, quality, state of the art technology.</h2> <div class="uk-h6 uk-text-primary">Inclusion, transparency, quality, state of the art technology.</div>
<h2 class="uk-h1 uk-margin-remove-top uk-margin-medium-bottom">Simplify research <br> tracking & monitoring.</h2> <h2 class="uk-h1 uk-margin-remove-top uk-margin-medium-bottom">Simplify research <br> tracking & monitoring.</h2>
<div class="uk-padding-large"> <div class="uk-padding-large">
<how></how> <how></how>

View File

@ -12,11 +12,13 @@ import {Schema2jsonldModule} from "../openaireLibrary/sharedComponents/schema2js
import {SEOServiceModule} from "../openaireLibrary/sharedComponents/SEO/SEOService.module"; import {SEOServiceModule} from "../openaireLibrary/sharedComponents/SEO/SEOService.module";
import {HowModule} from "../openaireLibrary/monitor/how/how.module"; import {HowModule} from "../openaireLibrary/monitor/how/how.module";
import {BreadcrumbsModule} from '../openaireLibrary/utils/breadcrumbs/breadcrumbs.module'; import {BreadcrumbsModule} from '../openaireLibrary/utils/breadcrumbs/breadcrumbs.module';
import {IconsModule} from "../openaireLibrary/utils/icons/icons.module";
import {TextAsSvgModule} from "../openaireLibrary/utils/pipes/text-as-svg.module";
@NgModule({ @NgModule({
imports: [ imports: [
CommonModule, RouterModule, LearnHowRoutingModule, GifSliderModule, HelperModule, CommonModule, RouterModule, LearnHowRoutingModule, GifSliderModule, HelperModule,
Schema2jsonldModule, SEOServiceModule, HowModule, BreadcrumbsModule Schema2jsonldModule, SEOServiceModule, HowModule, BreadcrumbsModule, IconsModule, TextAsSvgModule
], ],
declarations: [ declarations: [
LearnHowComponent LearnHowComponent

@ -1 +1 @@
Subproject commit f0086e479767a7be989494d63a372dc2e6a7ef53 Subproject commit 4e49e7f4895797731cc82a039987db0b0448f5b0

View File

@ -53,7 +53,7 @@
/*}*/ /*}*/
.custom-main-content { .custom-main-content {
background-color: #F9F9F9 !important; background-color: var(--default-color) !important;
} }
main { main {
@ -77,6 +77,11 @@ main {
/* border-left: 1px solid #DEDEDE;*/ /* border-left: 1px solid #DEDEDE;*/
/*}*/ /*}*/
#monitor-gradient .start {
stop-color: var(--monitor-gradient-start);
}
#monitor-gradient .end {
stop-color: var(--monitor-gradient-end);
}

@ -1 +1 @@
Subproject commit 03979451116b56aa9b76a141a5e58167e3872449 Subproject commit 042475cdc6156a8f56e4591109f14e2d2d9f6b12