From 47a96f93f4dccc815de2c224e3c063225cf78d7f Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Thu, 5 May 2022 09:32:39 +0300
Subject: [PATCH] general tweaks after Aristotelis call

---
 explore/src/app/home/home.component.css  |  1 +
 explore/src/app/home/home.component.html | 46 ++++++++----------------
 explore/src/app/openaireLibrary          |  2 +-
 explore/src/app/sdg/sdg.component.css    |  2 +-
 explore/src/app/sdg/sdg.component.html   |  2 +-
 explore/src/app/sdg/sdg.component.ts     |  2 +-
 6 files changed, 19 insertions(+), 36 deletions(-)

diff --git a/explore/src/app/home/home.component.css b/explore/src/app/home/home.component.css
index a04a6b32..434a04b5 100644
--- a/explore/src/app/home/home.component.css
+++ b/explore/src/app/home/home.component.css
@@ -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%;
   }
 }
\ No newline at end of file
diff --git a/explore/src/app/home/home.component.html b/explore/src/app/home/home.component.html
index 162f1833..edc6a8c1 100644
--- a/explore/src/app/home/home.component.html
+++ b/explore/src/app/home/home.component.html
@@ -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>
diff --git a/explore/src/app/openaireLibrary b/explore/src/app/openaireLibrary
index 83984ddf..06e8eb29 160000
--- a/explore/src/app/openaireLibrary
+++ b/explore/src/app/openaireLibrary
@@ -1 +1 @@
-Subproject commit 83984ddf79b04a7bad70cac7a44d33ba365654db
+Subproject commit 06e8eb29dd411ce035cde27e13ff0cd474439348
diff --git a/explore/src/app/sdg/sdg.component.css b/explore/src/app/sdg/sdg.component.css
index ebd593ee..e3e45110 100644
--- a/explore/src/app/sdg/sdg.component.css
+++ b/explore/src/app/sdg/sdg.component.css
@@ -16,7 +16,7 @@
 	height: 40px;
 	width: auto;
 }
-.sdg-1 {
+.sdg-1, .sdg-1.uk-card-hover:hover {
 	background-color: #E6233D;
 }
 .sdg-2 {
diff --git a/explore/src/app/sdg/sdg.component.html b/explore/src/app/sdg/sdg.component.html
index b0b3cc54..d4146698 100644
--- a/explore/src/app/sdg/sdg.component.html
+++ b/explore/src/app/sdg/sdg.component.html
@@ -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;">
diff --git a/explore/src/app/sdg/sdg.component.ts b/explore/src/app/sdg/sdg.component.ts
index 51863c12..7257b18d 100644
--- a/explore/src/app/sdg/sdg.component.ts
+++ b/explore/src/app/sdg/sdg.component.ts
@@ -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[] = [];