home: update url of images to match server

.drone.yml

@@ -0,0 +1,40 @@
+---
+kind: pipeline
+name: deploy to docker container
+steps:
+  - name: remove .git
+    image: debian:buster
+    commands:
+      - rm -r .git/
+  - name: php syntax check
+    image: php:8.0.10-cli
+    commands:
+      - for f in $(find /drone -name '*.php'); do php -l "$f"; done
+  - name: docker cp deploy
+    image: 3wordchant/docker-cp-deploy:latest
+    settings:
+      host: smol-wp.autonomic.zone
+      service: beta_autonomic_zone_app
+      source: .
+      dest: /var/www/html/wp-content/themes/autonomic-block-theme
+      deploy_key:
+        from_secret: drone_ssh_smol-wp.autonomic.zone
+    depends_on:
+      - php syntax check
+  - name: notify on failure
+    image: plugins/slack
+    settings:
+      username: comradebritney
+      channel: internal.website
+      template: "{{repo.owner}}/{{repo.name}} build failed: {{build.link}}. Last commit by @{{build.author}}"
+      webhook:
+        from_secret: rc_builds_url
+    depends_on:
+      - docker cp deploy
+    when:
+      status:
+        - failure
+
+trigger:
+  branch:
+    - main

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,8 +1,8 @@
-<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"backgroundColor":"secondary","textColor":"background","layout":{"type":"constrained"}} -->
-<div class="wp-block-group has-background-color has-secondary-background-color has-text-color has-background" 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":true} /-->
+  <div class="wp-block-group"><!-- wp:site-logo {"width":44,"shouldSyncIcon":false} /-->
   
   <!-- wp:group {"layout":{"type":"constrained"}} -->
   <div class="wp-block-group"><!-- wp:paragraph -->
@@ -18,7 +18,7 @@
   
   <!-- 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 FCA.</p>
+  <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 -->
@@ -26,7 +26,7 @@
   <!-- /wp:paragraph -->
   
   <!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
-  <p style="font-weight:700">Member of the CoTech Network</p>
+  <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>

parts/nav-menu.html

@@ -1 +1 @@
-<!-- wp:navigation {"ref":104,"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"}} /-->
+<!-- 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-99" style="width: 26px;" src="https://beta.autonomic.zone/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,39 @@ 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 var(--wp--preset--color--background);
+}
+
+.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 var(--wp--preset--color--background);
+}
+
+.wp-site-blocks ul {
+  list-style-image: url('https://beta.autonomic.zone/wp-content/uploads/2023/01/arrow.png');
+}
+
+.wp-block-navigation-item.current-menu-item {
+  color: var(--wp--preset--color--secondary)
+}

templates/index.html

@@ -1,12 +1,18 @@
-<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:columns -->
-  <div class="wp-block-columns"><!-- wp:column {"width":"33.33%"} -->
-  <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:template-part {"slug":"nav-menu","theme":"autonomic"} /--></div>
-  <!-- /wp:column -->
+<!-- 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":"66.66%"} -->
-  <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:post-content /--></div>
-  <!-- /wp:column --></div>
-  <!-- /wp:columns --></div>
-  <!-- /wp:group -->
+<!-- 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

@@ -10,7 +10,7 @@
 			"palette": [
 				{
 					"slug": "background",
-					"color": "#ffffff",
+					"color": "#F5FBF8",
 					"name": "Background"
 				},
 				{
@@ -25,13 +25,18 @@
 				},
 				{
 					"slug": "secondary",
-					"color": "#27c773",
+					"color": "#0FB45D",
 					"name": "Secondary"
+				},
+				{
+					"slug": "button",
+					"color": "#FF7613",
+					"name": "Button color"
 				}
 			]
 		},
 		"layout": {
-			"contentSize": "700px",
+			"contentSize": "1000px",
 			"wideSize": "1100px"
 		},
 		"spacing": {
@@ -68,18 +73,64 @@
 					],
 					"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--karmilla)"
+			"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": [
     {