Skip to content

Instantly share code, notes, and snippets.

@jamiemarsland
Created June 4, 2024 12:49
Show Gist options
  • Save jamiemarsland/0f4d69e2cc7990ab8e362c5636b7b75d to your computer and use it in GitHub Desktop.
Save jamiemarsland/0f4d69e2cc7990ab8e362c5636b7b75d to your computer and use it in GitHub Desktop.
Snap to Scroll
<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"0"}},"className":"cover-block-container","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull cover-block-container"><!-- wp:cover {"url":"https://selective-bear-5aefba.instawp.xyz/wp-content/uploads/2024/02/alp1.webp","id":23,"hasParallax":true,"dimRatio":0,"overlayColor":"accent-3","isUserOverlayColor":true,"minHeight":100,"minHeightUnit":"vh","align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull has-parallax" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-accent-3-background-color has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__image-background wp-image-23 has-parallax" style="background-position:50% 50%;background-image:url(https://selective-bear-5aefba.instawp.xyz/wp-content/uploads/2024/02/alp1.webp)"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"1000px"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","style":{"typography":{"fontSize":"5.8rem"}},"fontFamily":"system-Serif"} -->
<p class="has-text-align-center has-system-serif-font-family" style="font-size:5.8rem">the alps...</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"url":"https://selective-bear-5aefba.instawp.xyz/wp-content/uploads/2024/02/alp2.webp","id":25,"dimRatio":0,"overlayColor":"contrast-2","isUserOverlayColor":true,"minHeight":100,"minHeightUnit":"vh","align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-contrast-2-background-color has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-25" alt="" src="https://selective-bear-5aefba.instawp.xyz/wp-content/uploads/2024/02/alp2.webp" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"1000px"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","style":{"typography":{"fontSize":"5.8rem"}},"fontFamily":"system-Serif"} -->
<p class="has-text-align-center has-system-serif-font-family" style="font-size:5.8rem">morning...</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"url":"https://selective-bear-5aefba.instawp.xyz/wp-content/uploads/2024/02/alps3.webp","id":26,"hasParallax":true,"dimRatio":0,"overlayColor":"contrast-3","isUserOverlayColor":true,"minHeight":100,"minHeightUnit":"vh","align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull has-parallax" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-contrast-3-background-color has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__image-background wp-image-26 has-parallax" style="background-position:50% 50%;background-image:url(https://selective-bear-5aefba.instawp.xyz/wp-content/uploads/2024/02/alps3.webp)"></div><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"right":"0","left":"0","top":"0","bottom":"0"}}},"layout":{"type":"constrained","contentSize":"1000px"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","style":{"typography":{"fontSize":"5.8rem"}},"fontFamily":"system-Serif"} -->
<p class="has-text-align-center has-system-serif-font-family" style="font-size:5.8rem">evening...</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"url":"https://selective-bear-5aefba.instawp.xyz/wp-content/uploads/2024/02/YouTube-thumbnail-5-1.png","id":45,"dimRatio":0,"minHeight":100,"minHeightUnit":"vh","align":"full","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull" style="margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-45" alt="" src="https://selective-bear-5aefba.instawp.xyz/wp-content/uploads/2024/02/YouTube-thumbnail-5-1.png" data-object-fit="cover"/><div class="wp-block-cover__inner-container"><!-- wp:cover {"url":"https://selective-bear-5aefba.instawp.xyz/wp-content/uploads/2024/02/YouTube-thumbnail-5-3.png","id":49,"hasParallax":true,"dimRatio":0,"minHeight":100,"minHeightUnit":"vh","align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull has-parallax" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__image-background wp-image-49 has-parallax" style="background-position:50% 50%;background-image:url(https://selective-bear-5aefba.instawp.xyz/wp-content/uploads/2024/02/YouTube-thumbnail-5-3.png)"></div><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","style":{"typography":{"fontSize":"7.1rem"}},"fontFamily":"system-Serif"} -->
<p class="has-text-align-center has-system-serif-font-family" style="font-size:7.1rem">Goodnight</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover --></div></div>
<!-- /wp:cover --></div>
<!-- /wp:group -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment