Rainfall: Update index template styling and add pagination

rainfall/templates/index.html

@@ -1,66 +1,49 @@
 <!-- wp:group {"backgroundColor":"light-orange"} -->
-<div class="wp-block-group has-light-orange-background-color has-background">
-	<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+<div class="wp-block-group has-light-orange-background-color has-background"><!-- wp:template-part {"slug":"header","tagName":"header"} /-->
 
-	<!-- wp:group {"layout":{"inherit":true}} -->
-	<div class="wp-block-group">
-		<!-- wp:group {"align": "wide"} -->
-		<div class="alignwide wp-block-group">
-			<!-- wp:query-title {"type":"archive"} /-->
-		</div>
-		<!-- /wp:group -->
-		<!-- wp:spacer {"height":"12px"} -->
-		<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>
-		<!-- /wp:spacer -->
-	</div>
-	<!-- /wp:group -->
-</div>
+<!-- wp:group {"layout":{"inherit":true}} -->
+<div class="wp-block-group"><!-- wp:group {"align":"wide"} -->
+<div class="wp-block-group alignwide"><!-- wp:query-title {"type":"archive"} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:spacer {"height":"12px"} -->
+<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer --></div>
+<!-- /wp:group --></div>
 <!-- /wp:group -->
 
 <!-- wp:group {"align":"wide","layout":{"inherit":true}} -->
 <div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide"} -->
-	<div class="wp-block-columns alignwide">
-	<!-- wp:column {"width":"70%","style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}}} -->
-	<div class="wp-block-column"
-		style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;flex-basis:70%">
-		<!-- wp:query {"queryId":8,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"displayLayout":{"type":"list"}} -->
-		<div class="wp-block-query">
-			<!-- wp:post-template -->
-			<!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"width":"1px"},"left":{"width":"0px","style":"none"}},"spacing":{"margin":{"bottom":"0px"},"padding":{"top":"0px","right":"0px","bottom":"var(--wp--style--block-gap)","left":"0px"}}}} -->
-			<div class="wp-block-columns alignwide are-vertically-aligned-center"
-				style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-width:1px;border-left-style:none;border-left-width:0px;padding-top:0px;padding-right:0px;padding-bottom:var(--wp--style--block-gap);padding-left:0px;margin-bottom:0px;">
-				<!-- wp:column {"verticalAlignment":"center","width":"100px"} -->
-				<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:100px">
-					<!-- wp:post-date {"format":"M j","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} /-->
-				</div>
-				<!-- /wp:column -->
-	<!-- wp:column {"width":"180px"} -->
-	<div class="wp-block-column" style="flex-basis:180px">
-		<!-- wp:post-featured-image {"width":"179px","height":"100px"} /-->
-	</div>
-	<!-- /wp:column -->
+<div class="wp-block-columns alignwide"><!-- wp:column {"width":"70%","style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}}} -->
+<div class="wp-block-column" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;flex-basis:70%"><!-- wp:query {"query":{"pages":0,"offset":0,"postType":"post","inherit":true},"displayLayout":{"type":"list"}} -->
+<div class="wp-block-query"><!-- wp:post-template -->
+<!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"border":{"top":{"width":"0px","style":"none"},"right":{"width":"0px","style":"none"},"bottom":{"width":"1px"},"left":{"width":"0px","style":"none"}},"spacing":{"margin":{"bottom":"0px"},"padding":{"top":"0px","right":"0px","bottom":"var(--wp--style--block-gap)","left":"0px"}}}} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-center" style="border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-width:1px;border-left-style:none;border-left-width:0px;margin-bottom:0px;padding-top:0px;padding-right:0px;padding-bottom:var(--wp--style--block-gap);padding-left:0px"><!-- wp:column {"verticalAlignment":"center","width":"100px"} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:100px"><!-- wp:post-date {"format":"M j","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} /--></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"180px"} -->
+<div class="wp-block-column" style="flex-basis:180px"><!-- wp:post-featured-image {"width":"179px","height":"100px"} /--></div>
+<!-- /wp:column -->
 
-	<!-- wp:column {"verticalAlignment":"center","width":"53.34%"} -->
-	<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:53.34%">
-		<!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.1","textTransform":"uppercase","fontStyle":"normal","fontWeight":"400"},"color":{"text":"#ffffff","link":"#ffffff"}},"fontSize":"large"} /-->
-	</div>
-	<!-- /wp:column -->
-	</div>
-	<!-- /wp:columns -->
-	<!-- /wp:post-template -->
-	</div>
-	<!-- /wp:query -->
-	</div>
-	<!-- /wp:column -->
+<!-- wp:column {"verticalAlignment":"center","width":"53.34%"} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:53.34%"><!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.1","textTransform":"uppercase","fontStyle":"normal","fontWeight":"400"},"color":{"text":"#ffffff","link":"#ffffff"}},"fontSize":"large"} /--></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+<!-- /wp:post-template -->
 
-	<!-- wp:column {"width":"30%","style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}}} -->
-	<div class="wp-block-column"
-		style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;flex-basis:30%">
-		<!-- wp:template-part {"slug":"sidebar"} /-->
-	</div>
-	<!-- /wp:column -->
-	</div>
-	<!-- /wp:columns -->
-</div>
+<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<!-- wp:query-pagination-previous /-->
+
+<!-- wp:query-pagination-next /-->
+<!-- /wp:query-pagination --></div>
+<!-- /wp:query --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"30%","style":{"spacing":{"padding":{"top":"20px","right":"20px","bottom":"20px","left":"20px"}}}} -->
+<div class="wp-block-column" style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;flex-basis:30%"><!-- wp:template-part {"slug":"sidebar"} /--></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
 <!-- /wp:group -->
-	<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->