Header Update for matching with original Spearhead (#6693)

Header template update for home to match with the original Spearhead theme & screenshot update

spearhead-blocks/parts/header-home.html

@@ -0,0 +1,25 @@
+<!-- wp:group {"backgroundColor":"high-contrast","layout":{"type":"default"}} -->
+<div class="wp-block-group has-high-contrast-background-color has-background"><!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|80"}}},"className":"gapless-group","layout":{"inherit":"true","type":"constrained"}} -->
+<div class="wp-block-group gapless-group" style="padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"35px","top":"35px","right":"35px","left":"35px"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignfull" style="padding-top:35px;padding-right:35px;padding-bottom:35px;padding-left:35px"><!-- wp:group {"layout":{"type":"flex"}} -->
+<div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"5px"}}} -->
+<div class="wp-block-group"><!-- wp:site-title /-->
+
+<!-- wp:site-tagline /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:navigation {"__unstableLocation":"primary","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"}}}} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:heading {"fontSize":"medium"} -->
+<h2 class="has-medium-font-size">Weekly news about tech, investing, and the digital age</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontSize":"1.25rem"}}} -->
+<p style="font-size:1.25rem">Spearhead is a weekly tech podcast released every Wednesday. Join hosts Kjell, Mel, and Jeff as they dive deep into top events, the hottest tech news, and discover which startups received VC funding.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

spearhead-blocks/style.css

@@ -10,7 +10,6 @@ Requires PHP: 5.7
 Version: 0.0.1
 License: GNU General Public License v2 or later
 License URI: https://raw.githubusercontent.com/Automattic/themes/trunk/LICENSE
-Template:
 Text Domain: spearhead-blocks
 Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
 */
@@ -24,6 +23,8 @@ body {
     --wp--preset--color--secondary: var(--wp--preset--color--secondary-dark);
     --wp--preset--color--foreground: var(--wp--preset--color--foreground-dark);
     --wp--preset--color--background: var(--wp--preset--color--background-dark);
+    --wp--preset--color--background: var(--wp--preset--color--background-dark);
+    --wp--preset--color--high-contrast: var(--wp--preset--color--high-contrast-dark);
   }
 }
 /*

spearhead-blocks/templates/home.html

@@ -0,0 +1,31 @@
+<!-- wp:template-part {"slug":"header-home","tagName":"header"} /-->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70"}}},"className":"sp-home-posts","layout":{"type":"constrained"}} -->
+<div class="wp-block-group sp-home-posts" style="padding-top:var(--wp--preset--spacing--70)"><!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"tagName":"main","layout":{"inherit":true}} -->
+<main class="wp-block-query"><!-- wp:post-template -->
+<!-- wp:group -->
+<div class="wp-block-group"><!-- wp:post-title {"isLink":true} /-->
+
+<!-- wp:post-featured-image {"isLink":true} /-->
+
+<!-- wp:post-excerpt /-->
+
+<!-- wp:spacer {"height":"40px"} -->
+<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer --></div>
+<!-- /wp:group -->
+<!-- /wp:post-template -->
+
+<!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:query-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} -->
+<!-- wp:query-pagination-previous /-->
+
+<!-- wp:query-pagination-numbers /-->
+
+<!-- wp:query-pagination-next /-->
+<!-- /wp:query-pagination --></div>
+<!-- /wp:group --></main>
+<!-- /wp:query --></div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

spearhead-blocks/templates/single.html

@@ -3,11 +3,11 @@
 <!-- wp:group {"layout":{"inherit":true}} -->
 <div class="wp-block-group"><!-- wp:post-date {"textColor":"secondary","fontFamily":"ibm-plex-mono"} /-->
 
-<!-- wp:post-title {"style":{"typography":{"fontSize":"3rem","lineHeight":1.3999999999999999}}} /--></div>
+<!-- wp:post-title {"style":{"typography":{"fontSize":"3rem","lineHeight":1.2}}} /--></div>
 <!-- /wp:group -->
 
-<!-- wp:group {"tagName":"main","lock":{"move":false,"remove":true}} -->
-<main class="wp-block-group"><!-- wp:post-featured-image {"align":"full"} /-->
+<!-- wp:group {"layout":{"type":"constrained"},"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"}}}} -->
+<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--40)"><!-- wp:post-featured-image {"align":"full"} /-->
 
 <!-- wp:post-content {"lock":{"move":false,"remove":true},"layout":{"inherit":true}} /-->
 

spearhead-blocks/theme.json

@@ -49,6 +49,11 @@
 					"name": "Background",
 					"slug": "background"
 				},
+				{
+					"color": "#f9f9f9",
+					"name": "High Contrast",
+					"slug": "high-contrast"
+				},
 				{
 					"color": "#FF6A81",
 					"name": "Primary (Dark)",
@@ -68,6 +73,11 @@
 					"color": "#1E1F21",
 					"name": "Background (Dark)",
 					"slug": "background-dark"
+				},
+				{
+					"color": "#191A1B",
+					"name": "High Contrast (Dark)",
+					"slug": "high-contrast-dark"
 				}
 			]
 		},
@@ -275,7 +285,7 @@
 				"typography": {
 					"fontSize": "var:preset|font-size|medium",
 					"fontStyle": "normal",
-					"fontWeight": "500",
+					"fontWeight": "700",
 					"lineHeight": "1.125"
 				}
 			},
@@ -430,7 +440,7 @@
 			}
 		},
 		"spacing": {
-			"blockGap": "0.5em"
+			"blockGap": "2rem"
 		},
 		"typography": {
 			"fontFamily": "var:preset|font-family|libre-franklin",