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

homepage - scrolling dark section: change the layout to match explore and connect and enlarge the image

This commit is contained in:
Alex Martzios 2022-10-04 10:44:44 +03:00
parent 635f75333d
commit 3aa3da9b21
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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>

2
src/app/openaireLibrary

@ -1 +1 @@
Subproject commit ac25e160fe41df9fd9e2169e4bb4089f0bceb6e9
Subproject commit 3c1623d12c2ae6a9a244ee34b3b22ede23f6680c

2
src/assets/openaire-theme

@ -1 +1 @@
Subproject commit bc0edde68dccfc17c1abc5d5aa3721f720aee852
Subproject commit cb006f41395304e085d4ac012c7a031e46458f59