homepage - scrolling dark section: update width of tablet images to 100% and update submodules
This commit is contained in:
parent
64389d869c
commit
02aa92c7b0
|
@ -72,26 +72,26 @@
|
|||
Find the best for your community<span class="uk-text-primary">.</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div id="js-sticky-parallax-images-all" style="min-height: 300vh">
|
||||
<div id="js-sticky-parallax-images-all" style="min-height: 400vh">
|
||||
<div class="uk-visible@m uk-height-viewport connect-dark-logo-background uk-sticky" uk-sticky="bottom: #js-sticky-parallax-images-all; target-offset: true">
|
||||
<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="connect-dark-logo-background">
|
||||
<div uk-parallax="target: #js-sticky-parallax-images-all;">
|
||||
<img class="uk-position-center uk-position-z-index" src="assets/connect-assets/home/tablet.png" alt="ipad" loading="lazy"
|
||||
style="width: 70%;">
|
||||
style="width: 100%;">
|
||||
<img class="uk-position-center" src="assets/connect-assets/home/1.png" alt="ipad" loading="lazy"
|
||||
uk-parallax="target: #js-sticky-parallax-images-all; start: 100vh; end: 100% + 100vh - 160vh; opacity: 1,1 99%,0; easing:0"
|
||||
style="width: 70%;">
|
||||
style="width: 100%;">
|
||||
<img class="uk-position-center" src="assets/connect-assets/home/2.png" alt="ipad" loading="lazy"
|
||||
uk-parallax="target: #js-sticky-parallax-images-all; start: 150vh; end: 100% + 100vh - 210vh; opacity: 0,1 20%,1 99%,0; easing:0"
|
||||
style="width: 70%;">
|
||||
style="width: 100%;">
|
||||
<img class="uk-position-center" src="assets/connect-assets/home/3.png" alt="ipad" loading="lazy"
|
||||
uk-parallax="target: #js-sticky-parallax-images-all; start: 200vh; end: 100% + 100vh - 260vh; opacity: 0,1 20%,1 99%,0; easing:0"
|
||||
style="width: 70%;">
|
||||
style="width: 100%;">
|
||||
<img class="uk-position-center" src="assets/connect-assets/home/4.png" alt="ipad" loading="lazy"
|
||||
uk-parallax="target: #js-sticky-parallax-images-all; start: 250vh; end: 100% + 100vh - 310vh; opacity: 0,1 20%,1; easing:0"
|
||||
style="width: 70%;">
|
||||
style="width: 100%;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1 +1 @@
|
|||
Subproject commit 032b91ae7a78ccad72a3a02a9463f6df5d00d223
|
||||
Subproject commit 3c1623d12c2ae6a9a244ee34b3b22ede23f6680c
|
|
@ -1 +1 @@
|
|||
Subproject commit bc0edde68dccfc17c1abc5d5aa3721f720aee852
|
||||
Subproject commit cb006f41395304e085d4ac012c7a031e46458f59
|
Loading…
Reference in New Issue