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

@@ -0,0 +1,33 @@
+<!-- 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} /-->
+  
+  <!-- wp:group {"layout":{"type":"constrained"}} -->
+  <div class="wp-block-group"><!-- wp:paragraph -->
+  <p><strong>Autonomic Co-operative Limited</strong></p>
+  <!-- /wp:paragraph -->
+  
+  <!-- wp:paragraph -->
+  <p>1539 Pershore Road<br>Birmingham<br>B30 2JH<br>United Kingdom</p>
+  <!-- /wp:paragraph --></div>
+  <!-- /wp:group --></div>
+  <!-- /wp:group --></div>
+  <!-- /wp:column -->
+  
+  <!-- wp:column -->
+  <div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
+  <p style="font-weight:700">We are a Co-operative Society registered with the <a href="https://mutuals.fca.org.uk/" data-type="URL" data-id="https://mutuals.fca.org.uk/" target="_blank" rel="noreferrer noopener">FCA</a>.</p>
+  <!-- /wp:paragraph -->
+  
+  <!-- wp:paragraph -->
+  <p>Registration Number: 4597</p>
+  <!-- /wp:paragraph -->
+  
+  <!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
+  <p style="font-weight:700">Member of the <a href="https://www.coops.tech/" data-type="URL" data-id="https://www.coops.tech/">CoTech Network</a></p>
+  <!-- /wp:paragraph --></div>
+  <!-- /wp:column --></div>
+  <!-- /wp:columns --></div>
+  <!-- /wp:group -->

parts/nav-menu.html

@@ -0,0 +1 @@
+<!-- wp:navigation {"ref":104,"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"},"style":{"typography":{"textDecoration":"underline"}}} /-->

patterns/homepage.php

@@ -0,0 +1,72 @@
+<?php
+/**
+* Title: Autonomic Homepage
+* Slug: autonomic/homepage
+* Description: Default content for the homepage
+* Categories: autonomic
+*/
+?>
+
+<!-- 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 {"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 -->
+
+<!-- wp:list-item -->
+<li>Website development</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Custom development</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Training</li>
+<!-- /wp:list-item -->
+
+<!-- wp:list-item -->
+<li>Etc whatever u want</li>
+<!-- /wp:list-item --></ul>
+<!-- /wp:list -->
+
+<!-- wp:heading -->
+<h2>Interested? Work with us</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>We build technologies and infrastructure to empower users to make a positive impact on the world. All of our services reflect our commitment to our core values:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:group {"layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"}} -->
+<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 -->
+
+<!-- wp:button {"className":"is-style-outline"} -->
+<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Privacy</a></div>
+<!-- /wp:button -->
+
+<!-- wp:button {"className":"is-style-outline"} -->
+<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Transparency</a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div>
+<!-- /wp:group -->
+
+<!-- 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","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');
+}

templates/index.html

@@ -0,0 +1,18 @@
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"96px"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:96px"><!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column {"width":"20%"} -->
+<div class="wp-block-column" style="flex-basis:20%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"188px","right":"64px"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:188px;padding-right:64px"><!-- wp:template-part {"slug":"nav-menu","theme":"autonomic","area":"uncategorized"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"64%"} -->
+<div class="wp-block-column" style="flex-basis:64%"><!-- wp:post-content /--></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"16%"} -->
+<div class="wp-block-column" style="flex-basis:16%"></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
+  <!-- wp:template-part {"slug":"footer","theme":"autonomic"} /-->

theme.json

@@ -1,5 +1,6 @@
 {
 	"version": 2,
+	"$schema": "https://schemas.wp.org/wp/6.0/theme.json",
 	"settings": {
 		"appearanceTools": true,
 		"color": {
@@ -9,7 +10,7 @@
 			"palette": [
 				{
 					"slug": "background",
-					"color": "#ffffff",
+					"color": "#F5FBF8",
 					"name": "Background"
 				},
 				{
@@ -26,11 +27,16 @@
 					"slug": "secondary",
 					"color": "#27c773",
 					"name": "Secondary"
+				},
+				{
+					"slug": "button",
+					"color": "#FF7613",
+					"name": "Button color"
 				}
 			]
 		},
 		"layout": {
-			"contentSize": "700px",
+			"contentSize": "1000px",
 			"wideSize": "1100px"
 		},
 		"spacing": {
@@ -43,17 +49,98 @@
 					"name": "System (Roboto, Segoe UI, Ubuntu)",
 					"slug": "system",
 					"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Karmilla",
+							"fontStyle": "normal",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/karmilla-regular-webfont.woff2",
+								"file:./assets/fonts/karmilla-regular-webfont.woff"
+							]
+						},
+						{
+							"fontFamily": "Karmilla",
+							"fontStyle": "bold",
+							"fontWeight": "700",
+							"src": [
+								"file:./assets/fonts/karmilla-bold-webfont.woff2",
+								"file:./assets/fonts/karmilla-bold-webfont.woff"
+							]
+						}
+					],
+					"fontFamily": "Karmilla",
+					"slug": "karmilla"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "Darker Grotesque",
+							"fontWeight": "700",
+							"src": [
+								"file:./assets/fonts/DarkerGrotesque-Semibold.woff"
+							]
+						}
+					],
+					"name": "'Darker Grotesque', sans-serif",
+					"fontFamily": "Darker Grotesque",
+					"slug": "darkergrotesque"
 				}
 			]
 		}
 	},
 	"styles": {
 		"typography": {
-			"fontFamily": "var(--wp--preset--font-family--system)"
+			"fontFamily": "var(--wp--preset--font-family--karmilla)",
+			"fontSize": "21px"
 		},
 		"color": {
 			"background": "var(--wp--preset--color--background)",
 			"text": "var(--wp--preset--color--foreground)"
+		},
+		"blocks": {
+      "core/button": {
+        "border": {
+          "radius": "0px"
+        }
+      },
+			"core/navigation": {
+				"typography": {
+					"fontFamily": "var(--wp--preset--font-family--darkergrotesque)",
+					"fontSize": "21px",
+					"fontStyle": "normal",
+					"fontWeight": "600",
+					"textTransform": "uppercase"
+				}
+			}
+    },
+		"elements": {
+      "h1": {
+        "typography": {
+          "fontSize": "44px",
+          "fontWeight": "400",
+          "lineHeight": "0.9"
+        }
+      },
+      "h2": {
+        "typography": {
+          "fontSize": "14px",
+          "textTransform": "uppercase"
         }
       }
+    }
+	},
+	"templateParts": [
+    {
+      "name": "nav-menu",
+      "title": "Navigation"
+    },
+    {
+      "name": "footer",
+      "title": "Footer",
+      "area": "footer"
+    }
+  ]
 }