Skatepark: use grid of posts for Search page (#5234)

* use a template part for the grid of posts

* restored search template, improved styles

* use pattern instead of template part

skatepark/block-templates/archive.html

@@ -1,35 +1,20 @@
 <!-- wp:template-part {"slug":"header-wide","tagName":"header"} /-->
 
-<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"4em","bottom":"2.5em"}}},"layout":{"inherit":true}} -->
+<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"4em","bottom":"2.5em"}}}} -->
 <main class="wp-block-group" style="padding-top:4em;padding-bottom:2.5em">
-	<!-- wp:query-title {"type":"archive","align":"wide"} /-->
-	<!-- wp:query {"query":{"perPage":6,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide"} -->
-	<div class="wp-block-query alignwide"><!-- wp:post-template -->
-	<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px"}}},"layout":{"inherit":false}} -->
-	<div class="wp-block-group" style="padding-top:30px"><!-- wp:separator {"className":"is-style-wide"} -->
-	<hr class="wp-block-separator is-style-wide"/>
-	<!-- /wp:separator -->
-
-	<!-- wp:post-featured-image {"isLink":true} /-->
-
-	<!-- wp:post-title {"isLink":true,"fontSize":"normal"} /-->
-
-	<!-- wp:post-excerpt /-->
-
-	<!-- wp:post-date {"style":{"typography":{"fontSize":"var(--wp--custom--font-sizes--tiny)","fontWeight":"500"}},"isLink":true} /--></div>
+	<!-- wp:group {"layout":{"inherit":true}} -->
+	<div class="wp-block-group">
+		<!-- wp:query-title {"type":"archive","align":"wide"} /-->
+	</div>
 	<!-- /wp:group -->
-	<!-- /wp:post-template -->
 
-	<!-- wp:query-pagination -->
-	<!-- wp:query-pagination-previous /-->
-
-	<!-- wp:query-pagination-numbers /-->
-
-	<!-- wp:query-pagination-next /-->
-	<!-- /wp:query-pagination --></div>
-	<!-- /wp:query -->
+	<!-- wp:group {"layout":{"inherit":true}} -->
+	<div class="wp-block-group">
+		<!-- wp:pattern {"slug":"skatepark/blog-posts"} /-->
+	</div>
+	<!-- /wp:group -->
 
 </main>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true},"className":"site-footer-container"} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer-container"} /-->

skatepark/block-templates/index.html

@@ -1,32 +1,13 @@
 <!-- wp:template-part {"slug":"header-wide","tagName":"header"} /-->
 
-<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"4em","bottom":"2.5em"}}},"layout":{"inherit":true}} -->
+<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"4em","bottom":"2.5em"}}}} -->
 <main class="wp-block-group" style="padding-top:4em;padding-bottom:2.5em">
-	<!-- wp:query {"query":{"perPage":6,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false},"displayLayout":{"type":"flex","columns":3},"align":"wide"} -->
-	<div class="wp-block-query alignwide"><!-- wp:post-template -->
-	<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px"}}},"layout":{"inherit":false}} -->
-	<div class="wp-block-group" style="padding-top:30px"><!-- wp:separator {"className":"is-style-wide"} -->
-	<hr class="wp-block-separator is-style-wide"/>
-	<!-- /wp:separator -->
-
-	<!-- wp:post-featured-image {"isLink":true} /-->
-
-	<!-- wp:post-title {"isLink":true,"fontSize":"normal"} /-->
-
-	<!-- wp:post-excerpt /-->
-
-	<!-- wp:post-date {"style":{"typography":{"fontSize":"var(--wp--custom--font-sizes--tiny)","fontWeight":"500"}},"isLink":true} /--></div>
+	
+	<!-- wp:group {"layout":{"inherit":true}} -->
+	<div class="wp-block-group">
+		<!-- wp:pattern {"slug":"skatepark/blog-posts"} /-->
+	</div>
 	<!-- /wp:group -->
-	<!-- /wp:post-template -->
-
-	<!-- wp:query-pagination -->
-	<!-- wp:query-pagination-previous /-->
-
-	<!-- wp:query-pagination-numbers /-->
-
-	<!-- wp:query-pagination-next /-->
-	<!-- /wp:query-pagination --></div>
-	<!-- /wp:query -->
 
 </main>
 <!-- /wp:group -->

skatepark/block-templates/search.html

@@ -3,17 +3,17 @@
 <!-- wp:group {"layout":{"inherit":true}, "tagName":"main"} -->
 <main class="wp-block-group">
 
-	<!-- wp:search {"label":""} /-->
+<!-- wp:search {"label":""} /-->
 
 	<!-- wp:spacer {"height":45} -->
-		<div style="height:45px" aria-hidden="true" class="wp-block-spacer"></div>
+	<div style="height:45px" aria-hidden="true" class="wp-block-spacer"></div>
 	<!-- /wp:spacer -->
 
 	<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true}} -->
 	<!-- wp:post-template -->
 
-		<!-- wp:post-title {"level":3,"isLink":true} /-->
-		<!-- wp:post-excerpt /-->
+		<!-- wp:post-title {"level":3,"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"800"}},"fontSize":"huge","style":{"spacing":{"margin":{"top":"1em"}}}} /-->
+		<!-- wp:post-excerpt {"style":{"spacing":{"padding":{"bottom":"2em"}}}} /-->
 		<!-- wp:separator {"className":"is-style-wide"} -->
 			<hr class="wp-block-separator is-style-wide"/>
 		<!-- /wp:separator -->