general tweaks after Aristotelis call

angular-12
Alex Martzios 2 years ago
parent bbfa79c8c9
commit 47a96f93f4

@ -41,5 +41,6 @@
background-image: url("~src/assets/explore-assets/home/explore-dark-logo.svg");
background-repeat: no-repeat;
background-position: left 95%;
background-size: 65%;
}
}

@ -8,7 +8,7 @@
</ng-template>
<div>
<div class="uk-section uk-padding-remove-bottom uk-overflow-hidden home-background">
<div class="uk-section uk-padding-remove-bottom uk-overflow-hidden">
<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-width-3-5 uk-margin-large-bottom">
@ -27,6 +27,11 @@
[onChangeNavigate]="false"></entities-selection>
<div input placeholder="Scholary works" [hint]="'Search in OpenAIRE'" [(value)]="keyword"></div>
</advanced-search-input>
<div *ngIf="selectedEntity === 'result' && !entities.input.focused" class="uk-dropdown uk-display-block uk-margin-small-top uk-width-auto">
<div class="uk-padding-small">
<quick-selections [resultTypes]="resultTypes" [quickFilter]="resultsQuickFilter"></quick-selections>
</div>
</div>
<div class="uk-padding-small uk-flex uk-flex-middle">
<div class="uk-text-bold uk-margin-right">
Try:
@ -35,36 +40,31 @@
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text uk-margin-right"
routerLinkActive="router-link-active" routerLink="/sdg">
<span class="uk-flex uk-flex-middle">
<img src="../../assets/explore-assets/sdg-dot-img.svg" alt="SDGs logo" loading="lazy">
<img src="assets/explore-assets/sdg-dot-img.svg" alt="SDGs logo" loading="lazy">
<span class="uk-margin-small-left">Browse by SDGs</span>
</span>
</a>
<a class="uk-display-inline-block uk-text-uppercase uk-button uk-button-text"
routerLinkActive="router-link-active" routerLink="/fos">
<span class="uk-flex uk-flex-middle">
<img src="../../assets/explore-assets/fos-hero-img.svg" alt="FOS logo" loading="lazy">
<img src="assets/explore-assets/fos-hero-img.svg" alt="FOS logo" loading="lazy">
<span class="uk-margin-small-left">Browse by FOS</span>
</span>
</a>
</div>
</div>
<div *ngIf="selectedEntity === 'result' && !entities.input.focused" class="uk-dropdown uk-display-block uk-margin-top uk-width-auto">
<div class="uk-padding-small">
<quick-selections [resultTypes]="resultTypes" [quickFilter]="resultsQuickFilter"></quick-selections>
</div>
</div>
</div>
</div>
<div class="uk-visible@m uk-width-expand" uk-scrollspy-class>
<div class="uk-position-relative">
<img src="assets/explore-assets/home/explore.jpg" uk-parallax="y: 300">
<img src="assets/explore-assets/home/explore.jpg" uk-parallax="y: 500">
<img class="uk-position-bottom-left" src="assets/explore-assets/home/mask.svg">
</div>
</div>
</div>
</div>
</div>
<div class="uk-section uk-section-large uk-padding-remove-top home-background">
<div class="uk-section uk-section-large uk-padding-remove-top">
<div class="uk-container uk-container-large uk-width-1-2">
<div uk-slider="autoplay: true; autoplay-interval: 2500" class="">
<div class="uk-position-relative">
@ -129,27 +129,9 @@
</ul>
</div>
<div class="uk-hidden@s">
<a class="uk-position-center-left uk-position-small" href="#" uk-slidenav-previous
uk-slider-item="previous">
<span class="visually-hidden">prev</span>
</a>
<a class="uk-position-center-right uk-position-small" href="#" uk-slidenav-next
uk-slider-item="next">
<span class="visually-hidden">next</span>
</a>
</div>
<a class="uk-position-center-left-out" uk-slider-item="previous"><span uk-icon="icon: chevron-left; ratio: 2"></span></a>
<a class="uk-position-center-right-out" uk-slider-item="next"><span uk-icon="icon: chevron-right; ratio: 2"></span></a>
<div class="uk-visible@s">
<a class="uk-position-center-left-out uk-position-small" href="#" uk-slidenav-previous
uk-slider-item="previous">
<span class="visually-hidden">prev</span>
</a>
<a class="uk-position-center-right-out uk-position-small" href="#" uk-slidenav-next
uk-slider-item="next">
<span class="visually-hidden">next</span>
</a>
</div>
</div>
</div>
</div>
@ -267,7 +249,7 @@
</a>
<a href="https://trello.com/b/o1tEJ3rN/openaire-research-graph" target="_blank"
class="uk-button trello-button-blue uk-text-uppercase">
<img src="../../assets/explore-assets/trello.svg" alt="Trello logo" loading="lazy" class="uk-margin-small-top uk-margin-small-bottom">
<img src="assets/explore-assets/trello.svg" alt="Trello logo" loading="lazy" class="uk-margin-small-top uk-margin-small-bottom">
<span class="uk-margin-small-left">Go to Trello</span>
</a>
</div>
@ -279,7 +261,7 @@
<div class="uk-section uk-section-large">
<div class="uk-container uk-container-large">
<h2 class="uk-h1 uk-margin-medium-bottom">
Have more questions<span class="uk-text-primary">?</span>
Lorem ipsum<span class="uk-text-primary">.</span>
</h2>
<div id="custom-links" class="uk-padding uk-grid uk-child-width-1-2@m uk-text-bold" uk-grid uk-height-match="target: .link-title;">
<div>

@ -1 +1 @@
Subproject commit 83984ddf79b04a7bad70cac7a44d33ba365654db
Subproject commit 06e8eb29dd411ce035cde27e13ff0cd474439348

@ -16,7 +16,7 @@
height: 40px;
width: auto;
}
.sdg-1 {
.sdg-1, .sdg-1.uk-card-hover:hover {
background-color: #E6233D;
}
.sdg-2 {

@ -41,7 +41,7 @@
<div *ngFor="let sdg of displayedSdgs">
<a [routerLink]="properties.searchLinkToAdvancedResults" [queryParams]="{f0: 'sdg', fv0: sdg.id}"
class="uk-link-reset">
<div class="uk-card uk-card-default uk-padding-small" [class]="'sdg-card sdg-' + sdg.code">
<div class="uk-card uk-card-default uk-card-hover uk-padding-small" [class]="'sdg-card sdg-' + sdg.code">
<div class="uk-height-1-1 uk-flex uk-flex-column uk-flex-between">
<div class="uk-flex uk-flex-middle">
<div class="uk-text-bold uk-h4 uk-margin-remove" style="color: inherit;">

@ -20,7 +20,7 @@ export class SdgComponent implements OnInit, OnDestroy {
public loading: boolean;
properties: EnvProperties = properties;
public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'SDG'}];
public breadcrumbs: Breadcrumb[] = [{name: 'home', route: '/'}, {name: 'SDGs'}];
subscriptions: Subscription[] = [];

Loading…
Cancel
Save