Some text fixes in home page and alignments in about. Change indicators route configuration

This commit is contained in:
Konstantinos Triantafyllou 2022-08-29 16:31:29 +03:00
parent b0610bbfc3
commit 21cdd4a55d
4 changed files with 9 additions and 15 deletions

View File

@ -14,11 +14,7 @@ const routes: Routes = [
loadChildren: () => import('./openaireLibrary/monitor/methodology/methodology.module').then(m => m.MethodologyModule) loadChildren: () => import('./openaireLibrary/monitor/methodology/methodology.module').then(m => m.MethodologyModule)
}, },
{ {
path: 'indicators/themes', path: 'indicators',
loadChildren: () => import('./openaireLibrary/monitor/indicators/indicator-themes.module').then(m => m.IndicatorThemesModule)
},
{
path: 'indicators/:type',
loadChildren: () => import('./openaireLibrary/monitor/indicators/indicators.module').then(m => m.IndicatorsModule) loadChildren: () => import('./openaireLibrary/monitor/indicators/indicators.module').then(m => m.IndicatorsModule)
}, },
{ {

View File

@ -2,7 +2,7 @@
<div class="uk-section uk-padding-remove-bottom uk-overflow-hidden home-background"> <div class="uk-section uk-padding-remove-bottom uk-overflow-hidden home-background">
<div class="uk-container uk-container-large" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200"> <div class="uk-container uk-container-large" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-grid uk-flex-middle" uk-grid> <div class="uk-grid uk-flex-middle" uk-grid>
<div class="uk-width-3-5 uk-margin-large-bottom"> <div class="uk-width-3-5@l uk-margin-large-bottom">
<h1 class="uk-heading-large" uk-scrollspy-class> <h1 class="uk-heading-large" uk-scrollspy-class>
A new era of <span class="uk-text-primary">monitoring</span> research<span class="uk-text-primary">.</span> A new era of <span class="uk-text-primary">monitoring</span> research<span class="uk-text-primary">.</span>
</h1> </h1>
@ -51,8 +51,8 @@
<div class="uk-section uk-section-secondary"> <div class="uk-section uk-section-secondary">
<div class="uk-container uk-container-large"> <div class="uk-container uk-container-large">
<div class="uk-width-1-1"> <div class="uk-width-1-1">
<span class="uk-h6 uk-text-primary">Funders. Universities. Research Initiatives. Communities.</span> <span class="uk-h6 uk-text-primary">Funders. Research Institutions. Research Initiatives.</span>
<h2 class="uk-h1 uk-margin-remove-top uk-width-1-2@m">Simplify research monitoring and evaluation<span class="uk-text-primary">.</span></h2> <h2 class="uk-h1 uk-margin-remove-top uk-width-3-5@l">Simplify research monitoring & evaluation<span class="uk-text-primary">.</span></h2>
</div> </div>
<div id="js-sticky-parallax-images-all" style="min-height: 300vh"> <div id="js-sticky-parallax-images-all" style="min-height: 300vh">
<div class="uk-visible@m uk-height-viewport monitor-dark-logo-background uk-sticky" uk-sticky="bottom: #js-sticky-parallax-images-all; target-offset: true"> <div class="uk-visible@m uk-height-viewport monitor-dark-logo-background uk-sticky" uk-sticky="bottom: #js-sticky-parallax-images-all; target-offset: true">
@ -63,7 +63,6 @@
<img class="uk-position-center-left" src="assets/monitor-assets/home/ipad.png" alt="ipad" loading="lazy" <img class="uk-position-center-left" src="assets/monitor-assets/home/ipad.png" alt="ipad" loading="lazy"
uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; opacity: 1; easing:0" uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; opacity: 1; easing:0"
style="height: 70vh"> style="height: 70vh">
<!-- <img class="uk-position-center-left" src="assets/monitor-assets/home/ipad.png" width="1800" height="1200" alt=""--> <!-- <img class="uk-position-center-left" src="assets/monitor-assets/home/ipad.png" width="1800" height="1200" alt=""-->
<!-- uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; end: 100% + 100vh - 160vh; opacity: 1,1 99%,0; easing:0">--> <!-- uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; end: 100% + 100vh - 160vh; opacity: 1,1 99%,0; easing:0">-->
<!-- <img class="uk-position-center-left" src="assets/monitor-assets/home/monitor.jpg" width="1800" height="1200" alt=""--> <!-- <img class="uk-position-center-left" src="assets/monitor-assets/home/monitor.jpg" width="1800" height="1200" alt=""-->
@ -158,8 +157,7 @@
<div class="uk-section uk-container uk-container-large uk-margin-large-bottom"> <div class="uk-section uk-container uk-container-large uk-margin-large-bottom">
<div class="uk-grid uk-grid-large" uk-grid> <div class="uk-grid uk-grid-large" uk-grid>
<div class="uk-width-1-3@m uk-width-1-1 uk-text-left@m uk-text-center"> <div class="uk-width-1-3@m uk-width-1-1 uk-text-left@m uk-text-center">
<h3 class="uk-margin-remove-top">Openness. Usability. Replicability. TRUST<span <h3 class="uk-margin-remove-top">Openness. Usability. Replicability. <span class="uk-text-primary">Trust</span>.</h3>
class="uk-text-primary">.</span></h3>
<div class="uk-text-large uk-margin-bottom">Learn and work with a thriving community behind you.</div> <div class="uk-text-large uk-margin-bottom">Learn and work with a thriving community behind you.</div>
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text" <a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
routerLinkActive="router-link-active" routerLink="/about/learn-how"> routerLinkActive="router-link-active" routerLink="/about/learn-how">
@ -168,7 +166,7 @@
</span> </span>
</a> </a>
</div> </div>
<div class="uk-width-expand uk-grid uk-child-width-1-2@s uk-child-width-1-1 uk-text-left@m uk-text-center" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 250" uk-grid> <div class="uk-width-expand uk-flex-center uk-grid uk-child-width-1-2@s uk-child-width-1-1 uk-text-left@m" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 250" uk-grid>
<div uk-scrollspy-class> <div uk-scrollspy-class>
<div class="uk-icon-bg-shadow uk-margin-bottom"> <div class="uk-icon-bg-shadow uk-margin-bottom">
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Global outlook" <icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Global outlook"
@ -263,7 +261,7 @@
</ng-container> </ng-container>
<!-- Slider Template for Tab Content --> <!-- Slider Template for Tab Content -->
<ng-template #sliderTemplate let-slides="slides"> <ng-template #sliderTemplate let-slides="slides">
<div uk-slider class="uk-margin-medium-top"> <div uk-slider class="uk-slider uk-margin-medium-top">
<ul class="uk-slider-items" uk-height-match="target: .uk-card; row: false"> <ul class="uk-slider-items" uk-height-match="target: .uk-card; row: false">
<!-- Margin right --> <!-- Margin right -->
<li *ngFor="let slide of slides; let i=index" class="uk-width-1-1"> <li *ngFor="let slide of slides; let i=index" class="uk-width-1-1">

View File

@ -101,7 +101,7 @@
</div> </div>
<div class="uk-section uk-margin-large-top uk-container uk-container-large"> <div class="uk-section uk-margin-large-top uk-container uk-container-large">
<span class="uk-h6 uk-text-primary uk-margin-remove">Inclusion, transparency, quality, state of the art technology.</span> <span class="uk-h6 uk-text-primary uk-margin-remove">Inclusion, transparency, quality, state of the art technology.</span>
<h2 class="uk-margin-remove-top uk-margin-medium-bottom">Research <br> tracking & monitoring <br> in a nutshell.</h2> <h2 class="uk-margin-remove-top uk-margin-medium-bottom uk-width-1-2@l uk-width-3-4@m">Research tracking & monitoring in a nutshell.</h2>
<div class="uk-padding-large"> <div class="uk-padding-large">
<how></how> <how></how>
</div> </div>

@ -1 +1 @@
Subproject commit c27227923e93f82c315ff1bec70f9b3042033d3d Subproject commit 81b3a5f8b4010330d6dd9c9ceba56f1cdab2c804