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

Change all uk-button-text to uk-button uk-button-text. Change 1,2 svg for get-started and remove background. Home page fix section with open data

This commit is contained in:
Konstantinos Triantafyllou 2022-04-16 01:37:44 +03:00
parent 5eca45f0b7
commit b53beeb326
10 changed files with 37 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/get-started/get-started.component.css
View File

@ -1,6 +0,0 @@
.getStartedBackground {
background: var(--monitor-contrast-color) !important;
}
.transform-translate-y {
transform: translateY(50%);
}

43
src/app/get-started/get-started.component.html
View File

@ -1,11 +1,10 @@
<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other" [description]="description"></schema2jsonld>
<div class="getStartedBackground">
<div class="uk-container uk-container-large uk-section uk-section-small uk-padding-remove-bottom">
<div class="uk-container uk-container-large uk-section uk-section-small uk-padding-remove-bottom">
<div class="uk-padding-small">
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div>
</div>
<div class="uk-container uk-container-large uk-section uk-padding-remove-vertical" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-padding-small uk-margin-small-top uk-text-center">
<h1 uk-scrollspy-class>Get started with <br> OpenAIRE Monitor Dashboard<span class="uk-text-primary">.</span></h1>
<div class="uk-text-large" uk-scrollspy-class>
@ -16,33 +15,27 @@
</div>
</div>
</div>
</div>
<div class="getStartedBackground">
<div class="uk-container uk-container-large uk-section uk-padding-remove-vertical" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-margin-auto uk-width-1-1@m uk-width-2-3@l uk-grid uk-grid-large uk-child-width-1-2" uk-grid>
<div class="uk-flex uk-flex-center uk-flex-bottom" uk-scrollspy-class>
<img class="transform-translate-y uk-visible@m" src="assets/monitor-assets/get-started/1.svg" alt="Step 1" loading="lazy">
<div class="uk-flex uk-flex-column uk-padding-small uk-margin-small-left">
<icon name="description" type="outlined" ratio="2" visuallyHidden="Provide some information"
customClass="uk-text-background"></icon>
<span class="uk-h5 uk-margin-remove uk-text-uppercase">Provide some <br> information</span>
</div>
<div class="uk-container uk-container-large uk-section" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">
<div class="uk-margin-auto uk-width-1-1 uk-width-3-4@l uk-grid uk-grid-large uk-child-width-1-2" uk-grid>
<div class="uk-flex uk-flex-center uk-flex-top" uk-scrollspy-class>
<img class="uk-visible@m" src="assets/monitor-assets/get-started/1.svg" alt="Step 1" loading="lazy">
<div class="uk-flex uk-flex-column uk-padding-small uk-margin-small-left">
<icon name="description" type="outlined" ratio="2" visuallyHidden="Provide some information"
customClass="uk-text-background"></icon>
<span class="uk-h5 uk-margin-remove uk-text-uppercase">Provide some <br> information</span>
</div>
<div class="uk-flex uk-flex-center uk-flex-bottom" uk-scrollspy-class>
<img class="transform-translate-y uk-visible@m" src="assets/monitor-assets/get-started/2.svg" alt="Step 2" loading="lazy">
<div class="uk-flex uk-flex-column uk-padding-small uk-margin-small-left">
<icon name="email" type="outlined" ratio="2" visuallyHidden="Provide some information"
customClass="uk-text-background"></icon>
<span class="uk-h5 uk-margin-remove uk-margin-small-top uk-text-uppercase">We contact <br> you</span>
</div>
</div>
<div class="uk-flex uk-flex-center uk-flex-top" uk-scrollspy-class>
<img class="uk-visible@m" src="assets/monitor-assets/get-started/2.svg" alt="Step 2" loading="lazy">
<div class="uk-flex uk-flex-column uk-padding-small uk-margin-small-left">
<icon name="email" type="outlined" ratio="2" visuallyHidden="Provide some information"
customClass="uk-text-background"></icon>
<span class="uk-h5 uk-margin-remove uk-margin-small-top uk-text-uppercase">We contact <br> you</span>
</div>
</div>
</div>
</div>
<div class="uk-container uk-container-large uk-section">
<!-- using 2 large padding to add some space? -->
<div class="uk-padding-large uk-visible@m"></div>
<div class="uk-padding-large uk-visible@m"></div>
<div class="uk-padding-small">
<h2 class="uk-h1 uk-text-center">Provide some information<span class="uk-text-primary">.</span></h2>
<div class="uk-flex uk-flex-center uk-width-1-1">
@ -58,7 +51,7 @@
<div class="uk-padding-small uk-grid uk-grid-medium" uk-grid>
<div class="uk-width-1-2@m uk-width-1-1">
<h2 class="uk-h1">We need a title that suggest to learn the full process in the about<span class="uk-text-primary">.</span></h2>
<a class="uk-display-inline-block uk-text-uppercase 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">
<span class="uk-flex uk-flex-middle">
<span>Learn More</span>

7
src/app/get-started/get-started.component.ts
View File

@ -1,15 +1,13 @@
import {Component, OnInit, ViewChild} from '@angular/core';
import {ActivatedRoute, Router} from '@angular/router';
import {EmailService} from "../openaireLibrary/utils/email/email.service";
import {Email} from "../openaireLibrary/utils/email/email";
import {EnvProperties} from "../openaireLibrary/utils/properties/env-properties";
import {Composer} from "../openaireLibrary/utils/email/composer";
import {Meta, Title} from "@angular/platform-browser";
import {PiwikService} from "../openaireLibrary/utils/piwik/piwik.service";
import {HelperFunctions} from "../openaireLibrary/utils/HelperFunctions.class";
import {HelperService} from "../openaireLibrary/utils/helper/helper.service";
import {SEOService} from "../openaireLibrary/sharedComponents/SEO/SEO.service";
import {AbstractControl, FormBuilder, FormGroup, ValidatorFn, Validators} from "@angular/forms";
import {FormBuilder, FormGroup, Validators} from "@angular/forms";
import {Subscriber} from "rxjs";
import {properties} from "../../environments/environment";
import {Breadcrumb} from "../openaireLibrary/utils/breadcrumbs/breadcrumbs.component";
@ -18,8 +16,7 @@ import {StringUtils} from "../openaireLibrary/utils/string-utils.class";
@Component({
selector: 'get-started',
templateUrl: './get-started.component.html',
styleUrls: ['get-started.component.css']
templateUrl: './get-started.component.html'
})
export class GetStartedComponent implements OnInit {
public url: string = null;

19
src/app/home/home.component.html
View File

@ -7,7 +7,8 @@
A new era of <span class="uk-text-primary">monitoring</span> research<span class="uk-text-primary">.</span>
</h1>
<div class="uk-text-large uk-margin-medium-top" uk-scrollspy-class>
<div>Discover, track and understand trends and indicators <br> on Open Science for your organization.</div>
<div>Discover, track and understand trends and indicators</div>
<div>on Open Science for your organization.</div>
<div>Make informed decisions.</div>
</div>
<div class="uk-margin-medium-top" uk-scrollspy-class>
@ -29,8 +30,8 @@
<h3 class="uk-h2">
Get a <span class="uk-text-primary">360° view <br> of research results.</span>
</h3>
<p class="uk-text-large">Track and discover your organization’s research output. <br> Use the <a href="https://graph.openaire.eu/" target="_blank">OpenAIRE Research
Graph</a> to view your publications-data-code <br> and how they interconnect.</p>
<p class="uk-text-large">Track and discover your organization’s research output. <br> Use the OpenAIRE Research
Graph to view your publications-data-code <br> and how they interconnect.</p>
</div>
<div [class]="position_class" uk-parallax="target: #js-sticky-parallax-images-all; start: 150vh; end: 100% + 100vh - 200vh; opacity: 0,1 20%,1 80%,0">
<h3 class="uk-h2">
@ -159,18 +160,18 @@
</div>
<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-width-1-3@m uk-width-1-1">
<h2 class="uk-margin-remove-top">Open data. <br> Open <br> methodologies<span
class="uk-text-primary">.</span></h2>
<div class="uk-width-1-3@m uk-width-1-1 uk-text-left@m uk-text-center">
<h3 class="uk-margin-remove-top">Open data. <br> Open methodologies<span
class="uk-text-primary">.</span></h3>
<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-text"
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
routerLinkActive="router-link-active" routerLink="/about/learn-how">
<span class="uk-flex uk-flex-middle">
<span>Learn More</span>
</span>
</a>
</div>
<div class="uk-width-expand uk-grid uk-child-width-1-2@m uk-child-width-1-1" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 250" uk-grid>
<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 uk-scrollspy-class>
<div class="uk-icon-bg-shadow uk-margin-bottom">
<icon name="done" [flex]="true" ratio="1.5" visuallyHidden="Global outlook"
@ -220,7 +221,7 @@
<div class="uk-text-large uk-margin-bottom">
View existing dashboards from collaborating organizations. <br> Get a preview on how they work and how our service <br> can be customized to serve you.
</div>
<a class="uk-display-inline-block uk-text-uppercase uk-button-text"
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
routerLinkActive="router-link-active" routerLink="/browse">
<span class="uk-flex uk-flex-middle">
<span>Browse</span>

8
src/app/my-stakeholders/my-stakeholders.component.html
View File

@ -23,7 +23,7 @@
</div>
</div>
<div *ngIf="manager.length > 4" class="uk-text-center uk-margin-large-top">
<a class="uk-display-inline-block uk-text-uppercase uk-button-text"
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
routerLinkActive="router-link-active" routerLink="/browse"
[queryParams]="{role: quote('manager')}">
<span class="uk-flex uk-flex-middle">
@ -39,7 +39,7 @@
</div>
</div>
<div *ngIf="manager.length > 3" class="uk-text-center uk-margin-large-top">
<a class="uk-hidden@xl uk-display-inline-block uk-text-uppercase uk-button-text"
<a class="uk-hidden@xl uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
routerLinkActive="router-link-active" routerLink="/browse"
[queryParams]="{role: quote('manager')}">
<span class="uk-flex uk-flex-middle">
@ -60,7 +60,7 @@
</div>
</div>
<div *ngIf="member.length > 4" class="uk-text-center uk-margin-large-top">
<a class="uk-display-inline-block uk-text-uppercase uk-button-text"
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
routerLinkActive="router-link-active" routerLink="/browse"
[queryParams]="{role: quote('member')}">
<span class="uk-flex uk-flex-middle">
@ -76,7 +76,7 @@
</div>
</div>
<div *ngIf="member.length > 3" class="uk-text-center uk-margin-large-top">
<a class="uk-display-inline-block uk-text-uppercase uk-button-text"
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
routerLinkActive="router-link-active" routerLink="/browse"
[queryParams]="{role: quote('member')}">
<span class="uk-flex uk-flex-middle">

2
src/app/openaireLibrary

@ -1 +1 @@
Subproject commit aa210384bc1df7b11595243096fd9fd5c8e01ae8
Subproject commit 8df2c1a2e10fa06f43a080fdcba3c9d71e845c15

2
src/assets/common-assets

@ -1 +1 @@
Subproject commit fbbae0418315e06d6ce5a0d193fd08c8ea617b6b
Subproject commit cc2719364d8d553a8ea6585ff651b3858fc1d6a0

3
src/assets/monitor-assets/get-started/1.svg
View File

@ -3,8 +3,5 @@
<g id="Group_13810" data-name="Group 13810" transform="translate(311 600)" style="isolation: isolate">
<path id="Path_104582" data-name="Path 104582" d="M103.163-138h-28.3c-15.812,0-30.793,4.161-46.189,12.9L-37.9-85.57v54.095L45.739-77.664V149.117h57.424V-138Z" transform="translate(37.9 138)" fill="#3086ed"/>
</g>
<g id="Group_13399" data-name="Group 13399" transform="translate(248.031 -0.441)" style="mix-blend-mode: multiply;isolation: isolate">
<path id="Path_104582-2" data-name="Path 104582" d="M103.164-138h-28.3c-15.812,0-30.793,4.161-46.189,12.9L-37.9-85.57v54.095L45.739-77.664V149.117h57.424V-138Z" transform="translate(110.869 748.441)" fill="none" stroke="#3086ed" stroke-width="2"/>
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 930 B

After

Width:  |  Height:  |  Size: 528 B

1
src/assets/monitor-assets/get-started/2.svg
View File

@ -1,6 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="219.715" height="298.559" viewBox="0 0 219.715 298.559">
<g id="Group_13812" data-name="Group 13812" transform="translate(-767.284 -600)">
<path id="Path_104612" data-name="Path 104612" d="M35.232,101.726,87.361,50.819C138.675.726,156.187-24.524,156.187-59.956,156.187-108.012,123.607-141,61.7-141-1.422-141-38.889-108.012-44.591-47.738L-45-43.665H10.8l.407-4.073c3.665-33.8,17.1-51.315,45.206-51.315,26.065,0,40.319,17.512,40.319,42.355,0,26.879-15.069,46.835-52.944,83.9L-50.7,119.645v26.472H154.151V101.726Z" transform="translate(817.984 741)" fill="#3086ed"/>
<path id="Path_104583" data-name="Path 104583" d="M35.232,101.726,87.361,50.819C138.675.726,156.187-24.524,156.187-59.956,156.187-108.012,123.607-141,61.7-141-1.422-141-38.89-108.012-44.591-47.738L-45-43.665H10.8l.407-4.073c3.665-33.8,17.1-51.315,45.206-51.315,26.065,0,40.319,17.512,40.319,42.355,0,26.879-15.069,46.835-52.944,83.9L-50.7,119.645v26.472H154.151V101.726Z" transform="translate(829.813 751.441)" fill="none" stroke="#3086ed" stroke-width="2" style="mix-blend-mode: multiply;isolation: isolate"/>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 631 B

2
src/assets/openaire-theme

@ -1 +1 @@
Subproject commit 63c2b02974b3e893cafd08881e966601ca7c3f81
Subproject commit a47c66f4802cb7af2ad12f1ad75516e94b20c328