Rainfall: try using index as home template (#6701)

* Add archive template

* Move home to index template

* Indent query markup

* Fix search input text colour

* Fix query part alignment

rainfall/parts/query.html

@@ -1,35 +1,51 @@
 <!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignwide"><!-- wp:columns {"align":"wide"} -->
-<div class="wp-block-columns alignwide"><!-- wp:column {"width":"70%","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
-<div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);flex-basis:70%"><!-- wp:query {"queryId":0,"query":{"pages":0,"offset":0,"postType":"post","inherit":true,"perPage":10},"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 -->
+<div class="wp-block-group alignwide">
+    <!-- wp:columns {"align":"wide"} -->
+    <div class="wp-block-columns alignwide">
+        <!-- wp:column {"width":"70%","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"0px","bottom":"var:preset|spacing|40","left":"0px"}}}} -->
+        <div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--40);padding-right:0px;padding-bottom:var(--wp--preset--spacing--40);padding-left:0px;flex-basis:70%">
+            <!-- wp:query {"queryId":0,"query":{"pages":0,"offset":0,"postType":"post","inherit":true,"perPage":10},"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 {"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 -->
+                        <!-- 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 -->
 
-<!-- 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 {"width":"180px"} -->
+                        <div class="wp-block-column" style="flex-basis:180px">
+                            <!-- wp:post-featured-image {"width":"179px","height":"100px"} /-->
+                        </div>
+                        <!-- /wp:column -->
+                    </div>
+                    <!-- /wp:columns -->
+                <!-- /wp:post-template -->
 
-</div>
-<!-- /wp:columns -->
-<!-- /wp:post-template -->
-
-<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
-<!-- wp:query-pagination-previous /-->
+                <!-- 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:query-pagination-next /-->
+                <!-- /wp:query-pagination -->
+            </div>
+            <!-- /wp:query -->
+        </div>
+        <!-- /wp:column -->
 
-<!-- wp:column {"width":"30%","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
-<div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40);flex-basis:30%"><!-- wp:template-part {"slug":"sidebar"} /--></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns --></div>
+        <!-- wp:column {"width":"30%","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"0px","bottom":"var:preset|spacing|40","left":"0px"}}}} -->
+        <div class="wp-block-column" style="padding-top:var(--wp--preset--spacing--40);padding-right:0px;padding-bottom:var(--wp--preset--spacing--40);padding-left:0px;flex-basis:30%">
+            <!-- wp:template-part {"slug":"sidebar"} /-->
+        </div>
+        <!-- /wp:column -->
+    </div>
+    <!-- /wp:columns -->
+</div>
 <!-- /wp:group -->

rainfall/patterns/home-query.php

@@ -16,23 +16,24 @@
 
 <!-- wp:query {"queryId":0,"query":{"pages":0,"offset":0,"postType":"post","inherit":false,"perPage":4},"displayLayout":{"type":"flex","columns":2}} -->
 <div class="wp-block-query">
-<!-- wp:post-template -->
+    <!-- wp:post-template -->
 
-<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"},"align":"wide","style":{"spacing":{"blockGap":"1rem"}}} -->
-<div class="wp-block-group alignwide">
-<!-- wp:post-featured-image {"width":"100%","height":"max(32vw, 50vh)"} /-->
+        <!-- wp:group {"layout":{"type":"flex","orientation":"vertical"},"align":"wide","style":{"spacing":{"blockGap":"1rem"}}} -->
+        <div class="wp-block-group alignwide">
+            <!-- wp:post-featured-image {"width":"100%","height":"max(32vw, 50vh)"} /-->
 
-<!-- wp:post-date {"format":"M j","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} /-->
+            <!-- wp:post-date {"format":"M j","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} /-->
 
-<!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.1","textTransform":"uppercase","fontStyle":"normal","fontWeight":"400"},"color":{"text":"#ffffff","link":"#ffffff"}},"fontSize":"large"} /-->
+            <!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.1","textTransform":"uppercase","fontStyle":"normal","fontWeight":"400"},"color":{"text":"#ffffff","link":"#ffffff"}},"fontSize":"large"} /-->
 
-<!-- wp:post-excerpt /--></div>
-<!-- /wp:group -->
-<!-- /wp:post-template -->
+            <!-- wp:post-excerpt /-->
+        </div>
+        <!-- /wp:group -->
+    <!-- /wp:post-template -->
 
-<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
-<!-- wp:query-pagination-previous /-->
-
-<!-- wp:query-pagination-next /-->
-<!-- /wp:query-pagination --></div>
+    <!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
+        <!-- wp:query-pagination-previous /-->
+        <!-- wp:query-pagination-next /-->
+    <!-- /wp:query-pagination -->
+</div>
 <!-- /wp:query -->

rainfall/style.css

@@ -52,6 +52,7 @@ Tags: two-columns, custom-colors, custom-menu, custom-logo, editor-style, featur
 .has-black-background-color .wp-block-search__input {
 	background-color: var(--wp--preset--color--black);
 	border: 1px solid var(--wp--preset--color--white);
+	color: var(--wp-preset--color--white);
 }
 
 /*

rainfall/templates/archive.html

@@ -0,0 +1,35 @@
+<!-- wp:group {"backgroundColor":"light-orange"} -->
+<div class="wp-block-group has-light-orange-background-color has-background">
+    <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+    <!-- wp:group {"layout":{"type":"constrained"}} -->
+    <div class="wp-block-group">
+        <!-- wp:group {"align":"wide"} -->
+        <div class="wp-block-group alignwide">
+            <!-- wp:columns -->
+            <div class="wp-block-columns">
+                <!-- wp:column {"width":"55rem"} -->
+                <div class="wp-block-column" style="flex-basis:55rem">
+                    <!-- wp:query-title {"type":"archive"} /-->
+                </div>
+                <!-- /wp:column -->
+
+                <!-- wp:column -->
+                <div class="wp-block-column"></div>
+                <!-- /wp:column -->
+            </div>
+            <!-- /wp:columns -->
+        </div>
+        <!-- /wp:group -->
+
+        <!-- wp:spacer {"height":"var(--wp--preset--spacing--20)"} -->
+        <div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>
+        <!-- /wp:spacer -->
+    </div>
+    <!-- /wp:group -->
+</div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"query"} /-->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

rainfall/templates/home.html

@@ -1,54 +0,0 @@
-<!-- wp:group {"backgroundColor":"orange"} -->
-<div class="wp-block-group has-orange-background-color has-background">
-
-	<!-- wp:template-part {"slug":"header","tag":"header"} /-->
-	<!-- wp:pattern {"slug":"rainfall/big-header"} /-->
-
-	<!-- wp:spacer {"height":"12px"} -->
-	<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
-</div>
-<!-- /wp:group -->
-
-<!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
-<div class="wp-block-group">
-	<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"9.36rem"}}} -->
-	<div class="wp-block-columns alignwide">
-		<!-- wp:column {"width":"70%","style":{"spacing":{"padding":{"top":"20px","right":"0","bottom":"20px","left":"0"}}}} -->
-		<div class="wp-block-column" style="padding-top:20px;padding-right:0;padding-bottom:20px;padding-left:0;flex-basis:70%">
-
-			<!-- wp:pattern {"slug":"rainfall/home-query"} /-->
-
-		</div>
-		<!-- /wp:column -->
-
-		<!-- wp:column {"width":"30%","style":{"spacing":{"padding":{"top":"20px","right":"0","bottom":"20px","left":"0"}}}} -->
-		<div class="wp-block-column" style="padding-top:20px;padding-right:0;padding-bottom:20px;padding-left:0;flex-basis:30%">
-
-			<!-- wp:template-part {"slug":"sidebar"} /-->
-
-		</div>
-		<!-- /wp:column -->
-
-	</div>
-	<!-- /wp:columns -->
-
-</div>
-<!-- /wp:group -->
-
-<!-- wp:group {"layout":{"type":"default"},"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"backgroundColor":"black","textColor":"white"} -->
-<div class="wp-block-group has-white-color has-black-background-color has-text-color has-background has-link-color">
-
-	<!-- wp:spacer {"height":"4rem"} -->
-	<div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
-
-	<!-- wp:pattern {"slug":"rainfall/cta"} /-->
-
-	<!-- wp:spacer {"height":"4rem"} -->
-	<div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
-	
-	<!-- wp:template-part {"slug":"footer","tag":"footer"} /-->
-</div>
-<!-- /wp:group -->

rainfall/templates/index.html

@@ -1,35 +1,54 @@
-<!-- wp:group {"backgroundColor":"light-orange"} -->
-<div class="wp-block-group has-light-orange-background-color has-background">
-    <!-- wp:template-part {"slug":"header","tagName":"header"} /-->
-
-    <!-- wp:group {"layout":{"type":"constrained"}} -->
-    <div class="wp-block-group">
-        <!-- wp:group {"align":"wide"} -->
-        <div class="wp-block-group alignwide">
-            <!-- wp:columns -->
-            <div class="wp-block-columns">
-                <!-- wp:column {"width":"55rem"} -->
-                <div class="wp-block-column" style="flex-basis:55rem">
-                    <!-- wp:query-title {"type":"archive"} /-->
-                </div>
-                <!-- /wp:column -->
-
-                <!-- wp:column -->
-                <div class="wp-block-column"></div>
-                <!-- /wp:column -->
-            </div>
-            <!-- /wp:columns -->
-        </div>
-        <!-- /wp:group -->
-
-        <!-- wp:spacer {"height":"var(--wp--preset--spacing--20)"} -->
-        <div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>
-        <!-- /wp:spacer -->
-    </div>
-    <!-- /wp:group -->
+<!-- wp:group {"backgroundColor":"orange"} -->
+<div class="wp-block-group has-orange-background-color has-background">
+
+	<!-- wp:template-part {"slug":"header","tag":"header"} /-->
+	<!-- wp:pattern {"slug":"rainfall/big-header"} /-->
+
+	<!-- wp:spacer {"height":"12px"} -->
+	<div style="height:12px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->
 </div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"query"} /-->
+<!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
+<div class="wp-block-group">
+	<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"9.36rem"}}} -->
+	<div class="wp-block-columns alignwide">
+		<!-- wp:column {"width":"70%","style":{"spacing":{"padding":{"top":"20px","right":"0","bottom":"20px","left":"0"}}}} -->
+		<div class="wp-block-column" style="padding-top:20px;padding-right:0;padding-bottom:20px;padding-left:0;flex-basis:70%">
+
+			<!-- wp:pattern {"slug":"rainfall/home-query"} /-->
+
+		</div>
+		<!-- /wp:column -->
+
+		<!-- wp:column {"width":"30%","style":{"spacing":{"padding":{"top":"20px","right":"0","bottom":"20px","left":"0"}}}} -->
+		<div class="wp-block-column" style="padding-top:20px;padding-right:0;padding-bottom:20px;padding-left:0;flex-basis:30%">
+
+			<!-- wp:template-part {"slug":"sidebar"} /-->
+
+		</div>
+		<!-- /wp:column -->
+
+	</div>
+	<!-- /wp:columns -->
 
-<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
+</div>
+<!-- /wp:group -->
+
+<!-- wp:group {"layout":{"type":"default"},"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"backgroundColor":"black","textColor":"white"} -->
+<div class="wp-block-group has-white-color has-black-background-color has-text-color has-background has-link-color">
+
+	<!-- wp:spacer {"height":"4rem"} -->
+	<div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->
+
+	<!-- wp:pattern {"slug":"rainfall/cta"} /-->
+
+	<!-- wp:spacer {"height":"4rem"} -->
+	<div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->
+	
+	<!-- wp:template-part {"slug":"footer","tag":"footer"} /-->
+</div>
+<!-- /wp:group -->