home: tweak styling

functions.php

@@ -0,0 +1,8 @@
+<?php
+
+add_action('init', 'custom_stylesheet');
+ 
+function custom_stylesheet() {
+    wp_register_style( 'custom-styles', get_template_directory_uri() . '/style.css' );
+}
+wp_enqueue_style( 'custom-styles' );

parts/footer.html

@@ -1,5 +1,5 @@
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"secondary","textColor":"background","layout":{"type":"constrained"}} -->
-<div class="wp-block-group has-background-color has-secondary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:columns -->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"secondary","textColor":"background","layout":{"type":"constrained"},"fontSize":"small"} -->
+<div class="wp-block-group has-background-color has-secondary-background-color has-text-color has-background has-link-color has-small-font-size" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:columns -->
   <div class="wp-block-columns"><!-- wp:column -->
   <div class="wp-block-column"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
   <div class="wp-block-group"><!-- wp:site-logo {"width":44,"shouldSyncIcon":false} /-->

patterns/homepage.php

@@ -7,16 +7,16 @@
 */
 ?>
 
-<!-- wp:heading {"level":1} -->
-<h1>Autonomic is a co-operative that is owned and run by its workers</h1>
+<!-- wp:heading {"level":1,"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}}}} -->
+<h1 style="padding-bottom:var(--wp--preset--spacing--40)">Autonomic is a co-operative that is owned and run by its workers <img class="wp-image-193" style="width: 26px;" src="http://autonomic.local/wp-content/uploads/2023/01/leaf.png" alt=""></h1>
 <!-- /wp:heading -->
 
 <!-- wp:heading -->
 <h2>What we offer</h2>
 <!-- /wp:heading -->
 
-<!-- wp:list -->
-<ul><!-- wp:list-item -->
+<!-- wp:list {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.6"},"spacing":{"padding":{"left":"120px"}}}} -->
+<ul style="padding-left:120px;font-size:28px;font-style:normal;font-weight:700;line-height:1.6"><!-- wp:list-item -->
 <li>Support</li>
 <!-- /wp:list-item -->
 
@@ -46,8 +46,8 @@
 <!-- /wp:paragraph -->
 
 <!-- wp:group {"layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"}} -->
-<div class="wp-block-group"><!-- wp:buttons {"style":{"spacing":{"blockGap":"0"}}} -->
-<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
+<div class="wp-block-group"><!-- wp:buttons {"style":{"spacing":{"blockGap":"0"},"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
+<div class="wp-block-buttons" style="font-style:normal;font-weight:700"><!-- wp:button {"className":"is-style-outline"} -->
 <div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Sustainability</a></div>
 <!-- /wp:button -->
 
@@ -61,12 +61,12 @@
 <!-- /wp:buttons --></div>
 <!-- /wp:group -->
 
-<!-- wp:paragraph -->
-<p>You can consult our expanded list of values here.</p>
+<!-- wp:paragraph {"fontSize":"small"} -->
+<p class="has-small-font-size">You can consult our expanded list of values here.</p>
 <!-- /wp:paragraph -->
 
 <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0"}}} -->
-<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"button"} -->
-<div class="wp-block-button"><a class="wp-block-button__link has-button-background-color has-background wp-element-button">Contact us at hello@autonomic.zone</a></div>
+<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"button","fontSize":"small"} -->
+<div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-button-background-color has-background wp-element-button">Contact us at <strong>hello@autonomic.zone</strong></a></div>
 <!-- /wp:button --></div>
 <!-- /wp:buttons -->

style.css

@@ -20,3 +20,35 @@ This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned
 with others.
 */
+
+.wp-site-blocks h2 {
+  display: flex;
+  height: 36px;
+  align-items: center;
+  border-bottom: 1px solid;
+}
+
+
+.wp-site-blocks h2::before {
+  content: "";
+  border-top: 1px solid;
+  border-right: 1px solid;
+  width: 80px;
+  margin-right: 8px;
+  height: 36px;
+  border-bottom: 1px solid #f5fbf8;
+}
+
+.wp-site-blocks h2::after {
+  content: "";
+  border-top: 1px solid;
+  flex-grow: 1;
+  margin-left: 8px;
+  height: 36px;
+  border-left: 1px solid;
+  border-bottom: 1px solid #f5fbf8;
+}
+
+.wp-site-blocks ul {
+  list-style-image: url('/wp-content/themes/autonomic/assets/images/arrow.png');
+}

theme.json

@@ -114,24 +114,22 @@
 					"fontWeight": "600",
 					"textTransform": "uppercase"
 				}
-			},
-			"core/heading": {
-				"elements": {
-					"h1": {
-						"typography": {
-              "fontSize": "44px",
-              "fontWeight": "400",
-							"lineHeight": "0.9"
-            }
-					},
-					"h2": {
-						"typography": {
-              "fontSize": "14px",
-							"textTransform": "uppercase"
-            }
-					}
-				}
 			}
+    },
+		"elements": {
+      "h1": {
+        "typography": {
+          "fontSize": "44px",
+          "fontWeight": "400",
+          "lineHeight": "0.9"
+        }
+      },
+      "h2": {
+        "typography": {
+          "fontSize": "14px",
+          "textTransform": "uppercase"
+        }
+      }
     }
 	},
 	"templateParts": [