Skip to content

Instantly share code, notes, and snippets.

@hashimwarren
Created February 6, 2024 16:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hashimwarren/ad09c83ebeaaa58db4a935569d20b613 to your computer and use it in GitHub Desktop.
Save hashimwarren/ad09c83ebeaaa58db4a935569d20b613 to your computer and use it in GitHub Desktop.
Magic Scroll with WordPress Block Editor
<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull"><!-- wp:cover {"url":"https://patient-quail-c86c0a.instawp.xyz/wp-content/uploads/2024/01/1-3.png","id":34,"hasParallax":true,"dimRatio":0,"minHeight":867,"minHeightUnit":"px","isDark":false,"align":"full","style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"blockGap":"0"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull is-light has-parallax" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:867px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div role="img" class="wp-block-cover__image-background wp-image-34 has-parallax" style="background-position:50% 50%;background-image:url(https://patient-quail-c86c0a.instawp.xyz/wp-content/uploads/2024/01/1-3.png)"></div><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","style":{"typography":{"fontStyle":"normal","fontWeight":"800","fontSize":"5rem"},"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"textColor":"base-2","fontFamily":"system-Serif"} -->
<p class="has-text-align-center has-base-2-color has-text-color has-link-color has-system-serif-font-family" style="font-size:5rem;font-style:normal;font-weight:800">My Portfolio...</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"url":"https://patient-quail-c86c0a.instawp.xyz/wp-content/uploads/2024/01/LIIGHT-1-1.png","id":75,"hasParallax":true,"dimRatio":0,"minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull is-light has-parallax" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div role="img" class="wp-block-cover__image-background wp-image-75 has-parallax" style="background-position:50% 50%;background-image:url(https://patient-quail-c86c0a.instawp.xyz/wp-content/uploads/2024/01/LIIGHT-1-1.png)"></div><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"url":"https://patient-quail-c86c0a.instawp.xyz/wp-content/uploads/2024/01/1-3.png","id":34,"hasParallax":true,"minHeight":100,"minHeightUnit":"vh","customGradient":"linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.19) 47%,rgb(0,0,0) 92%)","align":"full","style":{"spacing":{"padding":{"right":"0","left":"0","top":"0","bottom":"0"},"blockGap":"0"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull has-parallax" style="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-100 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.19) 47%,rgb(0,0,0) 92%)"></span><div role="img" class="wp-block-cover__image-background wp-image-34 has-parallax" style="background-position:50% 50%;background-image:url(https://patient-quail-c86c0a.instawp.xyz/wp-content/uploads/2024/01/1-3.png)"></div><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->
<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}},"color":{"background":"#000000"}},"textColor":"base-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-base-2-color has-text-color has-background has-link-color" style="background-color:#000000;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"textColor":"base-2"} -->
<h2 class="wp-block-heading has-base-2-color has-text-color has-link-color">My inspiration...</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Do quisque quaerat ultricies, voluptatibus. Euismod eos torquent orci necessitatibus provident eget? Enim feugiat placerat optio veniam justo, diam id, saepe laoreet. Dignissimos nostrud, quasi.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Etiam risus ipsum curae malesuada nostrud. Pretium saepe ad, congue rutrum fermentum, nobis sequi suspendisse, aliqua qui hic ea mauris, quisquam occaecati deserunt aliquam, nesciunt.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:cover {"url":"https://patient-quail-c86c0a.instawp.xyz/wp-content/uploads/2024/01/starry-night.png","id":51,"hasParallax":true,"minHeight":1015,"minHeightUnit":"px","customGradient":"linear-gradient(179deg,rgb(0,0,0) 14%,rgba(234,234,234,0) 100%)","align":"full","layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull has-parallax" style="min-height:1015px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim wp-block-cover__gradient-background has-background-gradient" style="background:linear-gradient(179deg,rgb(0,0,0) 14%,rgba(234,234,234,0) 100%)"></span><div role="img" class="wp-block-cover__image-background wp-image-51 has-parallax" style="background-position:50% 50%;background-image:url(https://patient-quail-c86c0a.instawp.xyz/wp-content/uploads/2024/01/starry-night.png)"></div><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","style":{"typography":{"fontStyle":"normal","fontWeight":"800","fontSize":"5rem"},"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"textColor":"base-2","fontFamily":"system-Serif"} -->
<p class="has-text-align-center has-base-2-color has-text-color has-link-color has-system-serif-font-family" style="font-size:5rem;font-style:normal;font-weight:800">Night pics...</p>
<!-- /wp:paragraph --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"url":"https://patient-quail-c86c0a.instawp.xyz/wp-content/uploads/2024/01/starry-night-1-1.png","id":59,"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 role="img" class="wp-block-cover__image-background wp-image-59 has-parallax" style="background-position:50% 50%;background-image:url(https://patient-quail-c86c0a.instawp.xyz/wp-content/uploads/2024/01/starry-night-1-1.png)"></div><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size"></p>
<!-- /wp:paragraph --></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