From 3aa3da9b21a393b0466babc74687569280f10f04 Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Tue, 4 Oct 2022 10:44:44 +0300
Subject: [PATCH] homepage - scrolling dark section: change the layout to match
 explore and connect and enlarge the image

---
 src/app/home/home.component.html | 14 +++++++-------
 src/app/openaireLibrary          |  2 +-
 src/assets/openaire-theme        |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index 7b3fa8b..b6ade76 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -53,13 +53,13 @@
       </div>
       <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-grid uk-child-width-1-2" uk-grid>
-            <div>
+          <div class="uk-grid" uk-grid style="height: 100vh;">
+            <div class="uk-width-expand uk-first-column uk-position-relative uk-height-1-1">
               <div class="monitor-dark-logo-background"><!-- uk-sticky="bottom: #js-sticky-parallax-images-all; target-offset: true"-->
                 <div uk-parallax="target: #js-sticky-parallax-images-all;"> <!--  y: 55vh, 45vh; -->
-                  <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"
-                       style="height: 70vh">
+                  <img class="uk-position-center" 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"
+										style="height: 75vh;">
     <!--              <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">-->
     <!--              <img class="uk-position-center-left" src="assets/monitor-assets/home/monitor.jpg" width="1800" height="1200" alt=""-->
@@ -69,8 +69,8 @@
                 </div>
               </div>
             </div>
-            <div class="uk-inline uk-flex">
-              <div class="uk-width-3-4@l uk-width-1-1"><!-- uk-sticky="bottom: #js-sticky-parallax-images-all"-->
+            <div class="uk-inline uk-width-expand uk-height-1-1">
+              <div><!-- uk-sticky="bottom: #js-sticky-parallax-images-all"-->
                 <div uk-parallax="target: #js-sticky-parallax-images-all; y: 55vh, 45vh;">
                   <ng-container *ngTemplateOutlet="scrolling_text; context: {position_class: 'uk-position-center-left'}"></ng-container>
                 </div>
diff --git a/src/app/openaireLibrary b/src/app/openaireLibrary
index ac25e16..3c1623d 160000
--- a/src/app/openaireLibrary
+++ b/src/app/openaireLibrary
@@ -1 +1 @@
-Subproject commit ac25e160fe41df9fd9e2169e4bb4089f0bceb6e9
+Subproject commit 3c1623d12c2ae6a9a244ee34b3b22ede23f6680c
diff --git a/src/assets/openaire-theme b/src/assets/openaire-theme
index bc0edde..cb006f4 160000
--- a/src/assets/openaire-theme
+++ b/src/assets/openaire-theme
@@ -1 +1 @@
-Subproject commit bc0edde68dccfc17c1abc5d5aa3721f720aee852
+Subproject commit cb006f41395304e085d4ac012c7a031e46458f59