MOBA

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