Improved layout of front page design and fixed block markup mismatch in post-list.php

loudness/patterns/front-page.php

@@ -0,0 +1,18 @@
+<?php
+/**
+ * Title: Front Page
+ * Slug: loudness/front-page
+ * Inserter: no
+ */
+?>
+
+<?php
+if ( 'posts' === get_option( 'show_on_front' ) ) {
+	// Show query
+	echo( '<!-- wp:spacer {"height":"var(--wp--preset--spacing--70)"} --><div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div><!-- /wp:spacer -->' );
+	echo( '<!-- wp:pattern {"slug":"loudness/posts-list"} /-->' );
+} else {
+	// show content
+	echo( '<!-- wp:post-content {"tagName":"main","layout":{"inherit":true}} /-->' );
+}
+

loudness/patterns/post-list.php

@@ -43,7 +43,7 @@
 <!-- /wp:columns -->
 
 <!-- wp:separator {"style":{"spacing":{"margin":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}}} -->
-<hr class="wp-block-separator has-alpha-channel-opacity" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)"/>
+<hr class="wp-block-separator has-alpha-channel-opacity" style="margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)"/>
 <!-- /wp:separator -->
 
 <!-- /wp:post-template -->

loudness/templates/front-page.html

@@ -0,0 +1,14 @@
+<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group">
+
+	<!-- wp:group {"backgroundColor":"primary","layout":{"type":"default"}} -->
+	<div class="wp-block-group has-primary-background-color has-background">
+		<!-- wp:template-part {"slug":"header","theme":"themes/loudness","tagName":"header"} /-->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:pattern {"slug":"loudness/front-page"} /-->	
+</div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->