Abstractions Study No.8

Layered colors with black in the background, grey, orange, blue, and yellow shapes with the phrase "Gutenberg experiments" displayed on top.

Made by Allan Cole using the following materials: Group block, Query Loop block, Post Title block, Post Excerpt block, Column block.

This was done using the following child theme that contained some custom CSS:

<!-- wp:group {"tagName":"section","style":{"border":{"radius":{"topLeft":"15%","topRight":"50%","bottomLeft":"50%","bottomRight":"1%"}}},"className":"grid-container","layout":{"inherit":false}} -->
<section class="wp-block-group grid-container" style="border-top-left-radius:15%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:1%"><!-- wp:group {"style":{"border":{"radius":"100%"},"spacing":{"blockGap":"0px"},"color":{"gradient":"radial-gradient(rgb(252,250,0) 0%,rgba(255,234,0,0.61) 100%)"}},"className":"grid-area-1"} -->
    <div class="wp-block-group grid-area-1 has-background" style="background:radial-gradient(rgb(252,250,0) 0%,rgba(255,234,0,0.61) 100%);border-radius:100%"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"200","fontSize":"6rem","letterSpacing":"-0.06em"},"elements":{"link":{"color":{"text":"var:preset|color|black"}}}},"textColor":"black","className":"overflow-normal"} /--></div>
    <!-- /wp:group -->
    
    <!-- wp:group {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"1rem","right":"1rem","bottom":"1rem","left":"1rem"},"blockGap":"0px"},"border":{"radius":{"bottomRight":"100%"}},"color":{"gradient":"linear-gradient(135deg,rgb(0,128,128) 0%,rgba(0,97,147,0.77) 100%)"}},"textColor":"background","className":"grid-area-2","layout":{"inherit":true}} -->
    <div class="wp-block-group grid-area-2 has-background-color has-text-color has-background has-link-color" style="background:linear-gradient(135deg,rgb(0,128,128) 0%,rgba(0,97,147,0.77) 100%);border-bottom-right-radius:100%;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem"><!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null},"tagName":"main","layout":{"inherit":true}} -->
    <main class="wp-block-query"><!-- wp:post-template -->
    <!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} -->
    <div class="wp-block-group"><!-- wp:post-featured-image {"isLink":true} /-->
    
    <!-- wp:post-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"900","letterSpacing":"-0.06em"}}} /-->
    
    <!-- wp:post-excerpt {"moreText":"","showMoreOnNewLine":false,"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","fontSize":"small"} /-->
    
    <!-- wp:template-part {"slug":"post-meta-icons","theme":"block-art-experiment"} /--></div>
    <!-- /wp:group -->
    <!-- /wp:post-template --></main>
    <!-- /wp:query --></div>
    <!-- /wp:group -->
    
    <!-- wp:group {"style":{"color":{"gradient":"linear-gradient(135deg,rgba(252,185,0,0.5) 8%,rgb(255,105,0) 55%)"},"elements":{"link":{"color":{"text":"var:preset|color|black"}}},"spacing":{"padding":{"top":"1rem","right":"1rem","bottom":"1rem","left":"1rem"},"blockGap":"0px"},"border":{"radius":{"topRight":"50%","bottomLeft":null,"bottomRight":null}}},"textColor":"black","className":"grid-area-3 has-small-font-size"} -->
    <div class="wp-block-group grid-area-3 has-small-font-size has-black-color has-text-color has-background has-link-color" style="background:linear-gradient(135deg,rgba(252,185,0,0.5) 8%,rgb(255,105,0) 55%);border-top-right-radius:50%;padding-top:1rem;padding-right:1rem;padding-bottom:1rem;padding-left:1rem"><!-- wp:image {"align":"center","id":83,"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
    <div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large"><img src="http://gutenbergexperiments.local/wp-content/uploads/2022/02/IMG_3480-edit-e1644529220292-1024x1024.jpg" alt="" class="wp-image-83"/></figure></div>
    <!-- /wp:image -->
    
    <!-- wp:columns {"isStackedOnMobile":false} -->
    <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"33.33%"} -->
    <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"12px"}}} -->
    <p style="font-size:12px">“Abstractions Study No.8” by <a href="http://www.allancole.com">Allan Cole</a>.</p>
    <!-- /wp:paragraph --></div>
    <!-- /wp:column -->
    
    <!-- wp:column {"width":"66.66%"} -->
    <div class="wp-block-column" style="flex-basis:66.66%"></div>
    <!-- /wp:column --></div>
    <!-- /wp:columns --></div>
    <!-- /wp:group --></section>
    <!-- /wp:group -->