created block pattern for query block

quadrat/inc/block-patterns.php

@@ -18,13 +18,14 @@ if ( ! function_exists( 'quadrat_register_block_patterns' ) ) :
 
 		if ( function_exists( 'register_block_pattern' ) ) {
 			$block_patterns = array(
-				'headline-button',
-				'media-text-button',
-				'latest-episodes',
-				'episode',
 				'cover-with-heading',
+				'episode',
+				'headline-button',
 				'headlines-and-buttons',
+				'query-diamond',
+				'latest-episodes',
 				'listen-to-the-podcast',
+				'media-text-button',
 			);
 
 			if ( class_exists( 'WP_Block_Type_Registry' ) && \WP_Block_Type_Registry::get_instance()->is_registered( 'jetpack/subscriptions' ) ) {

quadrat/inc/patterns/query-diamond.php

@@ -0,0 +1,40 @@
+<?php
+/**
+ * Blog posts with hover effect.
+ *
+ * @package Quadrat
+ */
+
+return array(
+	'title'      => __( 'Blog posts with hover effect', 'quadrat' ),
+	'categories' => array( 'quadrat' ),
+	'content'    => '<!-- wp:query {"query":{"perPage":4,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"list","columns":3},"align":"wide","className":"is-style-quadrat-diamond-posts"} -->
+	<div class="wp-block-query alignwide is-style-quadrat-diamond-posts"><!-- wp:post-template -->
+	<!-- wp:columns {"verticalAlignment":null} -->
+	<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center"} -->
+	<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group -->
+	<div class="wp-block-group"><!-- wp:post-terms {"term":"post_tag"} /-->
+
+	<!-- wp:post-date /--></div>
+	<!-- /wp:group -->
+
+	<!-- wp:post-title {"textAlign":"left","isLink":true,"fontSize":"extra-large"} /-->
+
+	<!-- wp:post-excerpt {"moreText":"Read more"} /--></div>
+	<!-- /wp:column -->
+
+	<!-- wp:column {"width":""} -->
+	<div class="wp-block-column"><!-- wp:post-featured-image /--></div>
+	<!-- /wp:column --></div>
+	<!-- /wp:columns -->
+	<!-- /wp:post-template -->
+
+	<!-- wp:query-pagination -->
+	<div class="wp-block-query-pagination"><!-- wp:query-pagination-previous /-->
+
+	<!-- wp:query-pagination-numbers /-->
+
+	<!-- wp:query-pagination-next /--></div>
+	<!-- /wp:query-pagination --></div>
+	<!-- /wp:query -->',
+);