windhamdavid 5 months ago
parent
commit
67309c0fc2
4 changed files with 60 additions and 38 deletions
  1. 4 4
      parts/header.html
  2. 15 2
      patterns/sidebar.php
  3. 22 9
      templates/page-sidebar.html
  4. 19 23
      theme.json

+ 4 - 4
parts/header.html

@@ -1,5 +1,5 @@
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","bottom":"20px"}}},"className":"has-contrast-light-color has-primary-background-color has-background","layout":{"type":"constrained"}} -->
-<div class="wp-block-group has-contrast-light-color has-primary-background-color has-background" style="padding-top:30px;padding-bottom:20px">
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"20px","bottom":"20px"}}},"className":"has-contrast-light-color has-primary-background-color has-background","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-contrast-light-color has-primary-background-color has-background" style="padding-top:20px;padding-bottom:20px">
 	<!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
 	<!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
 	<div class="wp-block-group alignwide">
 	<div class="wp-block-group alignwide">
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex"}} -->
 		<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex"}} -->
@@ -21,8 +21,8 @@
 	<!-- /wp:group -->
 	<!-- /wp:group -->
 </div>
 </div>
 <!-- /wp:group -->
 <!-- /wp:group -->
-<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"20px","bottom":"20px"}}},"className":"has-contrast-light-color has-contrast-background-color has-background","layout":{"type":"constrained","justifyContent":"center"}} -->
-	<div class="wp-block-group alignwide has-contrast-light-color has-contrast-background-color has-background" style="padding-top:20px;padding-bottom:20px">
+<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"20px","bottom":"20px"}}},"className":"has-contrast-light-color has-secondary-background-color has-background","layout":{"type":"constrained","justifyContent":"center"}} -->
+	<div class="wp-block-group alignwide has-contrast-light-color has-secondary-background-color has-background" style="padding-top:20px;padding-bottom:20px">
 		<!-- wp:navigation {"ref":11,"layout":{"type":"flex","justifyContent":"left","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"},"blockGap":"var:preset|spacing|40"},"layout":{"selfStretch":"fit","flexSize":null}}} /-->
 		<!-- wp:navigation {"ref":11,"layout":{"type":"flex","justifyContent":"left","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"},"blockGap":"var:preset|spacing|40"},"layout":{"selfStretch":"fit","flexSize":null}}} /-->
 	</div>
 	</div>
 <!-- /wp:group -->
 <!-- /wp:group -->

+ 15 - 2
patterns/sidebar.php

@@ -8,7 +8,20 @@
  */
  */
 ?>
 ?>
 
 
-<!-- wp:group {"align":"full","textColor":"base","backgroundColor":"primary","layout":{"type":"constrained"}} -->
-<div class="wp-block-group alignfull has-text-color-base has-contrast-light-color has-primary-background-color has-text-color has-background">
+<!-- wp:group {"type":"constrained"} -->
+<div class="wp-block-group">
+  <!-- wp:heading {"level":4} -->
+  <h4	class="wp-block-heading">Careers</h4>
+	<!-- /wp:heading -->
+  <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0","margin":{"top":"0","bottom":"0"}}}} -->
+    <div class="wp-block-buttons" style="margin-top:0;margin-bottom:0">
+  <!-- wp:button {"textAlign":"center","backgroundColor":"contrast","textColor":"base","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"spacing":{"padding":{"left":"var:preset|spacing|40","right":"var:preset|spacing|40"}}}} -->
+  <div class="wp-block-button">
+    <a class="wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background has-link-color has-text-align-center wp-element-button" href="https://selfregional.org" style="padding-right:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">www.selfregional.org</a>
+  </div>
+  <!-- /wp:button -->
+  </div>
+  <!-- /wp:buttons -->
+
 </div>
 </div>
 <!-- /wp:group -->
 <!-- /wp:group -->

+ 22 - 9
templates/page-sidebar.html

@@ -2,15 +2,28 @@
 
 
 <!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}},"layout":{"type":"default"}} -->
 <!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}},"layout":{"type":"default"}} -->
 <main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)">
 <main class="wp-block-group" style="padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)">
-	<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->
-	<div class="wp-block-group alignfull">
-		<!-- wp:post-title {"level":1} /-->
-	</div>
-	<!-- /wp:group -->
-	<!-- wp:post-content {"layout":{"type":"constrained"}} /-->
-	<!-- wp:spacer {"height":"1rem"} -->
-	<div style="height:1rem" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
+  <!-- wp:group {"layout":{"type":"constrained"}} -->
+  <div class="wp-block-group">
+  <!-- wp:columns -->
+  <div class="wp-block-columns">
+    <!-- wp:column {"width":"70%"} -->
+    <div class="wp-block-column" style="flex-basis:70%">
+      <!-- wp:post-title {"level":1} /-->
+      <!-- wp:post-content {"layout":{"type":"constrained"}} /-->
+      <!-- wp:spacer {"height":"1rem"} -->
+      <div style="height:1rem" aria-hidden="true" class="wp-block-spacer"></div>
+      <!-- /wp:spacer -->
+    </div>
+    <!-- /wp:column -->
+    <!-- wp:column {"width":"30%"} -->
+    <div class="wp-block-column" style="flex-basis:30%">
+      <!-- wp:template-part {"slug":"sidebar","tagName":"sidebar","className":"sidebar"} /-->
+    </div>
+    <!-- /wp:column -->
+  </div>
+  <!-- /wp:columns -->
+  </div>
+  <!-- /wp:group -->
 </main>
 </main>
 <!-- /wp:group -->
 <!-- /wp:group -->
 
 

+ 19 - 23
theme.json

@@ -16,18 +16,18 @@
 			"defaultPalette": false,
 			"defaultPalette": false,
 			"palette": [
 			"palette": [
 				{
 				{
-					"slug": "base",
+					"slug": "white",
 					"color": "#FFFFFF",
 					"color": "#FFFFFF",
-					"name": "Base"
+					"name": "White"
 				},
 				},
         {
         {
 					"slug": "black",
 					"slug": "black",
 					"color": "#000000",
 					"color": "#000000",
-					"name": "Base"
+					"name": "Black"
 				},
 				},
 				{
 				{
 					"slug": "contrast",
 					"slug": "contrast",
-					"color": "#5D6168",
+					"color": "#001A40",
 					"name": "Contrast"
 					"name": "Contrast"
 				},
 				},
 				{
 				{
@@ -42,7 +42,7 @@
 				},
 				},
 				{
 				{
 					"slug": "secondary",
 					"slug": "secondary",
-					"color": "#19458c",
+					"color": "#01255C",
 					"name": "Secondary"
 					"name": "Secondary"
 				},
 				},
 				{
 				{
@@ -61,32 +61,28 @@
 			"gradients": [
 			"gradients": [
         {
         {
 					"slug": "primary-secondary",
 					"slug": "primary-secondary",
-					"gradient": "linear-gradient(to right, #009C9F 0%, #19458C 100%)",
+					"gradient": "linear-gradient(to right, #19458c 0%, #01255C 100%)",
 					"name": "Primary Secondary"
 					"name": "Primary Secondary"
 				}
 				}
 			],
 			],
 			"customDuotone": false,
 			"customDuotone": false,
 			"defaultDuotone": false,
 			"defaultDuotone": false,
 			"duotone": [
 			"duotone": [
+
 				{
 				{
-					"colors": [ "#19458C", "#FFFFFF"],
-					"slug": "secondary-light",
-					"name": "Secondary"
-				},
-				{
-					"colors": ["#009C9F", "#FFFFFF"],
+					"colors": ["#19458C", "#FFFFFF"],
 					"slug": "primary-light",
 					"slug": "primary-light",
 					"name": "Primary Light"
 					"name": "Primary Light"
 				},
 				},
 				{
 				{
-					"colors": ["#009C9F", "#19458C"],
-					"slug": "primary-secondary",
-					"name": "Primary Secondary"
+					"colors": [ "#01255C", "#FFFFFF"],
+					"slug": "secondary-light",
+					"name": "Secondary"
 				},
 				},
 				{
 				{
-					"colors": ["#e5f6f7", "#FFFFFF"],
-					"slug": "primary-light-light",
-					"name": "Primary Light Light"
+					"colors": ["#19458C", "#01255C"],
+					"slug": "primary-secondary",
+					"name": "Primary Secondary"
 				}
 				}
 			]
 			]
 		},
 		},
@@ -128,13 +124,13 @@
 					"size": "1.3rem",
 					"size": "1.3rem",
 					"name": "Large",
 					"name": "Large",
 					"fluid": {
 					"fluid": {
-						"min": "1.3rem",
+						"min": "1.2rem",
 						"max": "2rem"
 						"max": "2rem"
 					}
 					}
 				},
 				},
 				{
 				{
 					"slug": "x-large",
 					"slug": "x-large",
-					"size": "2.5rem",
+					"size": "2.2rem",
 					"name": "XL",
 					"name": "XL",
 					"fluid": {
 					"fluid": {
 						"min": "2rem",
 						"min": "2rem",
@@ -143,7 +139,7 @@
 				},
 				},
 				{
 				{
 					"slug": "xx-large",
 					"slug": "xx-large",
-					"size": "3rem",
+					"size": "2.8rem",
 					"name": "XXL",
 					"name": "XXL",
 					"fluid": {
 					"fluid": {
 						"min": "3rem",
 						"min": "3rem",
@@ -165,7 +161,7 @@
 				"elements": {
 				"elements": {
 					"link": {
 					"link": {
 						"color": {
 						"color": {
-							"text": "var(--wp--preset--color--contrast)"
+							"text": "var(--wp--preset--color--primary)"
 						},
 						},
 						"typography": {
 						"typography": {
 							"textDecoration": "none",
 							"textDecoration": "none",
@@ -173,7 +169,7 @@
 						},
 						},
 						":hover": {
 						":hover": {
 							"color": {
 							"color": {
-								"text": "var(--wp--preset--color--contrast)"
+								"text": "var(--wp--preset--color--secondary)"
 							},
 							},
 							"typography": {
 							"typography": {
 								"textDecoration": "none"
 								"textDecoration": "none"