delete stray file

Reviewed-on: #2

.drone.yml

@@ -11,7 +11,7 @@ steps:
     commands:
       - for f in $(find /drone -name '*.php'); do php -l "$f"; done
   - name: docker cp deploy
-    image: 3wordchant/docker-cp-deploy:latest
+    image: git.coopcloud.tech/coop-cloud/docker-cp-deploy:latest
     settings:
       host: smol-wp.autonomic.zone
       service: beta_autonomic_zone_app

functions.php

@@ -5,4 +5,6 @@ add_action('init', 'custom_stylesheet');
 function custom_stylesheet() {
     wp_register_style( 'custom-styles', get_template_directory_uri() . '/style.css' );
 }
-wp_enqueue_style( 'custom-styles' );
+wp_enqueue_style( 'custom-styles' );
+
+add_action( 'customize_register', '__return_true' );

parts/footer.html

@@ -1,33 +1,92 @@
-<!-- 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"} -->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"margin":{"top":"var:preset|spacing|70"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"secondary","textColor":"background","className":"footer","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
-  <div class="wp-block-columns"><!-- wp:column -->
+  class="wp-block-group footer has-background-color has-secondary-background-color has-text-color has-background has-link-color has-small-font-size"
-  <div class="wp-block-column"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+  style="margin-top:var(--wp--preset--spacing--70);padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
-  <div class="wp-block-group"><!-- wp:site-logo {"width":44,"shouldSyncIcon":false} /-->
+  <!-- wp:columns -->
-  
+  <div class="wp-block-columns"><!-- wp:column {"width":"15%"} -->
-  <!-- wp:group {"layout":{"type":"constrained"}} -->
+    <div class="wp-block-column" style="flex-basis:15%"></div>
-  <div class="wp-block-group"><!-- wp:paragraph -->
+    <!-- /wp:column -->
-  <p><strong>Autonomic Co-operative Limited</strong></p>
+
-  <!-- /wp:paragraph -->
+    <!-- wp:column {"width":"50%"} -->
-  
+    <div class="wp-block-column" style="flex-basis:50%"><!-- wp:columns -->
-  <!-- wp:paragraph -->
+      <div class="wp-block-columns"><!-- wp:column {"width":"60%"} -->
-  <p>1539 Pershore Road<br>Birmingham<br>B30 2JH<br>United Kingdom</p>
+        <div class="wp-block-column" style="flex-basis:60%">
-  <!-- /wp:paragraph --></div>
+          <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
-  <!-- /wp:group --></div>
+          <div class="wp-block-group"><!-- wp:image {"sizeSlug":"large"} -->
-  <!-- /wp:group --></div>
+            <figure class="wp-block-image size-large"><img
-  <!-- /wp:column -->
+                src="https://beta.autonomic.zone/wp-content/uploads/2023/01/monster.png" alt="" /></figure>
-  
+            <!-- /wp:image -->
-  <!-- wp:column -->
+
-  <div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
+            <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained"}} -->
-  <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>
+            <div class="wp-block-group"><!-- wp:paragraph -->
-  <!-- /wp:paragraph -->
+              <p><strong>Autonomic Co-operative Limited</strong></p>
-  
+              <!-- /wp:paragraph -->
-  <!-- wp:paragraph -->
+
-  <p>Registration Number: 4597</p>
+              <!-- wp:paragraph -->
-  <!-- /wp:paragraph -->
+              <p>1539 Pershore Road<br>Birmingham<br>B30 2JH<br>United Kingdom</p>
-  
+              <!-- /wp:paragraph -->
-  <!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
+            </div>
-  <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:group -->
-  <!-- /wp:paragraph --></div>
+          </div>
-  <!-- /wp:column --></div>
+          <!-- /wp:group -->
-  <!-- /wp:columns --></div>
+        </div>
-  <!-- /wp:group -->
+        <!-- /wp:column -->
+
+        <!-- wp:column {"width":"40%","style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} -->
+        <div class="wp-block-column" style="flex-basis:40%">
+          <!-- 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:column -->
+
+    <!-- wp:column {"width":"35%","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
+    <div class="wp-block-column" style="flex-basis:35%">
+      <!-- wp:heading {"textAlign":"center","level":3,"fontFamily":"ft88"} -->
+      <h3 class="has-text-align-center has-ft-88-font-family">Connect with us</h3>
+      <!-- /wp:heading -->
+
+      <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
+      <div class="wp-block-group"><!-- wp:paragraph -->
+        <p><a href="https://autonomic.zone/feed">rss</a></p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+        <p><a href="https://sunbeam.city/@autonomic/" target="_blank" rel="noreferrer noopener">fediverse</a></p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+        <p><a href="https://git.autonomic.zone/" data-type="URL" data-id="https://git.autonomic.zone/" target="_blank"
+            rel="noreferrer noopener">gitea</a></p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+        <p><a href="https://matrix.to/#/#autonospace:autonomic.zone">matrix</a></p>
+        <!-- /wp:paragraph -->
+      </div>
+      <!-- /wp:group -->
+
+      <!-- wp:paragraph {"align":"center"} -->
+      <p class="has-text-align-center">boop@autonomic.zone</p>
+      <!-- /wp:paragraph -->
+    </div>
+    <!-- /wp:column -->
+  </div>
+  <!-- /wp:columns -->
+</div>
+<!-- /wp:group -->

parts/nav-menu.html

@@ -1 +1,15 @@
-<!-- wp:navigation {"ref":104,"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"},"style":{"typography":{"textDecoration":"underline"}}} /-->
+<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"className":"nav-menu","layout":{"type":"default"}} -->
+<div class="wp-block-group nav-menu">
+  <!-- wp:group {"className":"logo-wrapper","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
+  <div class="wp-block-group logo-wrapper">
+    <!-- wp:image {"id":411,"width":64,"sizeSlug":"full","linkDestination":"none"} -->
+    <figure class="wp-block-image size-full is-resized"><img
+        src="https://autonomic.zone/wp-content/uploads/2023/05/monsterpink.png" alt="" class="wp-image-411"
+        style="width:64px" width="64" /></figure>
+    <!-- /wp:image -->
+  </div>
+  <!-- /wp:group -->
+
+  <!-- wp:navigation {"ref":101,"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"},"style":{"typography":{"textDecoration":"underline","textTransform":"lowercase"},"spacing":{"blockGap":"var:preset|spacing|30"}}} /-->
+</div>
+<!-- /wp:group -->

parts/useful-links.html

@@ -0,0 +1,18 @@
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"textColor":"secondary","layout":{"type":"constrained","justifyContent":"center"}} -->
+<div class="wp-block-group has-secondary-color has-text-color">
+  <!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"fontSize":"14px"}},"fontFamily":"ft88"} -->
+  <h3 class="has-text-align-center has-ft-88-font-family" style="font-size:14px">Useful links</h3>
+  <!-- /wp:heading -->
+
+  <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} -->
+  <p class="has-text-align-center has-link-color has-small-font-size"
+    style="font-style:normal;font-weight:700;text-transform:uppercase"><a href="#">Portfolio presentation</a></p>
+  <!-- /wp:paragraph -->
+
+  <!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} -->
+  <p class="has-text-align-center has-link-color has-small-font-size"
+    style="font-style:normal;font-weight:700;text-transform:uppercase"><a href="#">Design portfolio
+      presentation</a></p>
+  <!-- /wp:paragraph -->
+</div>
+<!-- /wp:group -->

patterns/about.php

@@ -0,0 +1,124 @@
+<?php
+/**
+ * Title: Autonomic About Content
+ * Slug: autonomic/about
+ * Description: Default content for the About page
+ * Categories: autonomic
+ */
+?>
+
+<!-- wp:heading -->
+  <h2 class="wp-block-heading">How we work</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+  <p>
+    Autonomic is a hive mind of 13 people around the world turning gentle chaos
+    into websites, infrastructure and design. We share 1 email inbox, we make
+    <a
+      href="https://autonomic.zone/blog/2021/01/how-we-make-decisions/"
+      data-type="post"
+      data-id="78"
+      >decisions using consensus</a
+    >
+    and we all get paid the same.
+  </p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+  <h2 class="wp-block-heading">How we work with clients</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+  <p>We prefer to work with organisations and projects who share our values.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+  <p>
+    Our preferred contact method is email. It may take us a week or two to
+    respond to initial queries, depending on how much work we have on.
+  </p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+  <p>Our agreements are usually in the form of:</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:table -->
+  <figure class="wp-block-table">
+    <table>
+      <tbody>
+        <tr>
+          <td>Retainer:</td>
+          <td>
+            Clients pay us up-front and we work a list of tasks at an agreed
+            upon hourly or daily rate until the retainer is used up.
+          </td>
+        </tr>
+        <tr>
+          <td>Flat-rate:</td>
+          <td>
+            We give clients a quote based up their needs and we deliver on it.
+            Clients pay up-front or in phases.
+          </td>
+        </tr>
+        <tr>
+          <td>We work as needed and bill you after:</td>
+          <td>Less than ideal for us.</td>
+        </tr>
+        <tr>
+          <td>Hosting and support:</td>
+          <td>Billed monthly or yearly.</td>
+        </tr>
+      </tbody>
+    </table>
+  </figure>
+<!-- /wp:table -->
+
+<!-- wp:heading -->
+  <h2 class="wp-block-heading">Additional Fees</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+  <p>
+    We accept payments via bank transfer (BACS or SWIFT), including
+    internationally. We can also receive credit and debit card payments using
+    Stripe. For folks in countries where “wire transfers” can be costly and
+    complicated, we will need to add approx 2.9% on top of the invoice total to
+    cover Stripe’s processing fees.
+  </p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+  <p>
+    We are
+    <a
+      rel="noreferrer noopener"
+      href="https://www.gov.uk/how-vat-works"
+      target="_blank"
+      >VAT registered in the UK</a
+    >, so UK customers will need to pay VAT at 20% on top of invoice total. Our
+    VAT Registration Number is: 399850721.
+  </p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading -->
+  <h2 class="wp-block-heading">Working @ Autonomic</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+  <p>
+    Autonomic values independence and autonomy in our day-to-day work
+    environment.
+  </p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+  <p>
+    When we are recruiting for increased worker membership we will make a post
+    on our <a href="https://autonomic.zone/blog/">blog</a>. If you are
+    interested in joining Autonomic but we are not currently recruiting, you are
+    still welcome to send us your CV at
+    <a href="mailto:boop@autonomic.zone">boop@autonomic.zone</a>.
+  </p>
+<!-- /wp:paragraph -->

patterns/homepage.php

@@ -1,72 +1,146 @@
 <?php
+
 /**
-* Title: Autonomic Homepage
+ * Title: Autonomic Homepage
-* Slug: autonomic/homepage
+ * Slug: autonomic/homepage
-* Description: Default content for the homepage
+ * Description: Default content for the homepage
-* Categories: autonomic
+ * Categories: autonomic
-*/
+ */
 ?>
 
-<!-- wp:heading {"level":1,"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}}}} -->
+<!-- wp:heading {"level":1,"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}},"typography":{"fontSize":"44px","fontStyle":"normal","fontWeight":"400"}}} -->
-<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>
+  <h1
+    class="wp-block-heading"
+    style="
+      padding-bottom: var(--wp--preset--spacing--40);
+      font-size: 44px;
+      font-style: normal;
+      font-weight: 400;
+    "
+  >
+    Autonomic is a co-operative that is owned and run by its workers
+    <img
+      class="wp-image-99"
+      style="width: 26px"
+      src="https://autonomic.zone/wp-content/uploads/2023/01/leaf.png"
+      alt=""
+    />
+  </h1>
 <!-- /wp:heading -->
 
 <!-- wp:heading -->
-<h2>What we offer</h2>
+  <h2 class="wp-block-heading">What we offer</h2>
 <!-- /wp:heading -->
 
-<!-- wp:list {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.6"},"spacing":{"padding":{"left":"120px"}}}} -->
+<!-- wp:list {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.6"},"spacing":{"padding":{"left":"120px"}},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"className":"what-we-offer"} -->
-<ul style="padding-left:120px;font-size:28px;font-style:normal;font-weight:700;line-height:1.6"><!-- wp:list-item -->
+  <ul
-<li>Support</li>
+    id="what-we-offer"
-<!-- /wp:list-item -->
+    class="what-we-offer has-link-color"
+    style="
+      padding-left: 120px;
+      font-size: 28px;
+      font-style: normal;
+      font-weight: 700;
+      line-height: 1.6;
+    "
+  >
+    <!-- wp:list-item -->
+      <li>Website development</li>
+    <!-- /wp:list-item -->
 
-<!-- wp:list-item -->
+    <!-- wp:list-item -->
-<li>Website development</li>
+      <li>Custom development</li>
-<!-- /wp:list-item -->
+    <!-- /wp:list-item -->
 
-<!-- wp:list-item -->
+    <!-- wp:list-item -->
-<li>Custom development</li>
+      <li>Integrated Open Source infrastructure</li>
-<!-- /wp:list-item -->
+    <!-- /wp:list-item -->
 
-<!-- wp:list-item -->
+    <!-- wp:list-item -->
-<li>Training</li>
+      <li>Hosting</li>
-<!-- /wp:list-item -->
+    <!-- /wp:list-item -->
 
-<!-- wp:list-item -->
+    <!-- wp:list-item -->
-<li>Etc whatever u want</li>
+      <li>Support &amp; training</li>
-<!-- /wp:list-item --></ul>
+    <!-- /wp:list-item -->
+
+    <!-- wp:list-item -->
+      <li>
+        And more, check out
+        <a href="https://autonomic.zone/services/">our current offerings</a>
+      </li>
+    <!-- /wp:list-item -->
+  </ul>
 <!-- /wp:list -->
 
 <!-- wp:heading -->
-<h2>Interested? Work with us</h2>
+  <h2 class="wp-block-heading">Interested? Work with us</h2>
 <!-- /wp:heading -->
 
-<!-- wp:paragraph -->
+<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}}} -->
-<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>
+  <p class="has-link-color">
+    We build technologies and infrastructure to empower users to make a positive
+    impact on the world. All of our services reflect our
+    <a
+      href="https://autonomic.zone/blog/2022/06/our-founding-principles/"
+      data-type="post"
+      data-id="26"
+      >commitment to our core values</a
+    >:
+  </p>
 <!-- /wp:paragraph -->
 
-<!-- wp:group {"layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"}} -->
+<!-- wp:columns {"verticalAlignment":"center","style":{"border":{"top":{"width":"1px"},"bottom":{"width":"1px"}},"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1.8"}},"className":"values-list"} -->
-<div class="wp-block-group"><!-- wp:buttons {"style":{"spacing":{"blockGap":"0"},"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
+  <div
-<div class="wp-block-buttons" style="font-style:normal;font-weight:700"><!-- wp:button {"className":"is-style-outline"} -->
+    class="wp-block-columns are-vertically-aligned-center values-list"
-<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Sustainability</a></div>
+    id="our-values"
-<!-- /wp:button -->
+    style="
+      border-top-width: 1px;
+      border-bottom-width: 1px;
+      font-style: normal;
+      font-weight: 700;
+      line-height: 1.8;
+    "
+  >
+    <!-- wp:column {"verticalAlignment":"center"} -->
+      <div class="wp-block-column is-vertically-aligned-center">
+        <!-- wp:paragraph {"align":"center"} -->
+          <p class="has-text-align-center">Sustainability</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
 
-<!-- wp:button {"className":"is-style-outline"} -->
+    <!-- wp:column {"verticalAlignment":"center"} -->
-<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Privacy</a></div>
+      <div class="wp-block-column is-vertically-aligned-center">
-<!-- /wp:button -->
+        <!-- wp:paragraph {"align":"center"} -->
+          <p class="has-text-align-center">Privacy</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
 
-<!-- wp:button {"className":"is-style-outline"} -->
+    <!-- wp:column -->
-<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Transparency</a></div>
+      <div class="wp-block-column">
-<!-- /wp:button --></div>
+        <!-- wp:paragraph {"align":"center"} -->
-<!-- /wp:buttons --></div>
+          <p class="has-text-align-center">Transparency</p>
-<!-- /wp:group -->
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
 
-<!-- wp:paragraph {"fontSize":"small"} -->
+<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0","margin":{"top":"var:preset|spacing|70"}}}} -->
-<p class="has-small-font-size">You can consult our expanded list of values here.</p>
+  <div
-<!-- /wp:paragraph -->
+    class="wp-block-buttons"
-
+    style="margin-top: var(--wp--preset--spacing--70)"
-<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0"}}} -->
+  >
-<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"button","fontSize":"small"} -->
+    <!-- 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>
+      <div class="wp-block-button has-custom-font-size has-small-font-size">
-<!-- /wp:button --></div>
+        <a
-<!-- /wp:buttons -->
+          class="wp-block-button__link has-button-background-color has-background wp-element-button"
+          href="mailto:boop@autonomic.zone"
+          >Contact us at <strong>boop@autonomic.zone</strong></a
+        >
+      </div>
+    <!-- /wp:button -->
+  </div>
+<!-- /wp:buttons -->

patterns/services.php

@@ -0,0 +1,647 @@
+<?php
+/**
+ * Title: Autonomic Services Content
+ * Slug: autonomic/services
+ * Description: Default content for the Services page
+ * Categories: autonomic
+ */
+?>
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
+  <div
+    class="wp-block-columns"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Infrastructure
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Co-op Cloud application packaging and deployment</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Linux server administration (Debian, Ubuntu)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Docker/Docker Swarm</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>CI/CD pipelines (Drone)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Advanced Bash scripting</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Single Sign-On (oauth, Keycloak, passwordless login)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Bots/Automation flows (N8n/Bash/Webhooks)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Databases (MySQL, PostgreSQL, MSSQL)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>NoSQL Databases (Memcache, Redis, MongoDB)</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} -->
+  <div
+    class="wp-block-columns has-button-color has-text-color"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Development
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Wordpress</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Static sites / flat-files CMS (Jekyll, Hugo, Grav etc)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Python (Django, Flask)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Javascript (React, Gatsby)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Go</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>PHP</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>C/C++/D/Rust</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>HTML</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>CSS</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Ruby</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Elm</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Website Performance optimisation</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Analytics (goals, events etc - Matomo, Plausible)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Automated testing</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Monitoring / Graphs</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} -->
+  <div
+    class="wp-block-columns has-secondary-color has-text-color"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Technical Support
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Responsive and empathetic first and second line support</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Procurement advice (what software to use)</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
+  <div
+    class="wp-block-columns"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Organisational Strategy
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Audience mapping</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Communications analysis &amp; planning</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Goal-setting</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Technical workflows</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Consensus decision making</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Sociocracy</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Non-Violent Communication</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Community Building</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Project Management</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Kanban/issue trackers</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} -->
+  <div
+    class="wp-block-columns has-button-color has-text-color"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Design
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Logo design</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Visual identity design (branding)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Website design</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Design for print</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Illustration</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Photography</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Photo editing</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} -->
+  <div
+    class="wp-block-columns has-secondary-color has-text-color"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Usability
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>User experience testing</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Interaction design</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
+  <div
+    class="wp-block-columns"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Training
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Documentation</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Workshop design and delivery</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>One-to-one training</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} -->
+  <div
+    class="wp-block-columns has-button-color has-text-color"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Science
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Sustainable agriculture / climate science</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Physics</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Maths</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} -->
+  <div
+    class="wp-block-columns has-secondary-color has-text-color"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Music Production
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Mixing/mastering</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Encoding/transcoding/production</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Live sound</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Composition for moving image</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
+  <div
+    class="wp-block-columns"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Video
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Editing</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Motion graphics</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Stop motion animation</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} -->
+  <div
+    class="wp-block-columns has-button-color has-text-color"
+    style="
+      border-bottom-width: 1px;
+      padding-bottom: var(--wp--preset--spacing--30);
+    "
+  >
+    <!-- wp:column {"width":"25%"} -->
+      <div class="wp-block-column" style="flex-basis: 25%">
+        <!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
+          <p
+            class="has-text-align-right services-heading"
+            style="
+              font-size: 16px;
+              font-style: normal;
+              font-weight: 700;
+              line-height: 2.5;
+              text-transform: uppercase;
+            "
+          >
+            Linguistics
+          </p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"75%"} -->
+      <div class="wp-block-column" style="flex-basis: 75%">
+        <!-- wp:paragraph -->
+          <p>Copywriting (English, Brazilian Portuguese, Polish, Urdu)</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Translation English to Polish</p>
+        <!-- /wp:paragraph -->
+
+        <!-- wp:paragraph -->
+          <p>Translation English to Brazilian Portuguese</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
+
+<!-- wp:paragraph -->
+  <p>
+    If you have a dream to build something to make the world a better place, we
+    can help. If you have an existing infrastructure that's feeling a bit
+    creaky, we can give it some tender loving care.
+  </p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+  <p>
+    We design systems using only the best open source technologies, integrated
+    into your practices to get stuff done. No artificial limitations are imposed
+    as is common with bigger providers.
+  </p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+  <p>
+    We'll give you an honest appraisal of your needs and we aim to explain the
+    technical requirements and challenges encountered in a language anyone can
+    understand.
+  </p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+  <p>
+    We focus on building long term relationships with our clients that are
+    mutually beneficial and sustainable. Tend to your digital garden and
+    <a href="mailto:boop@autonomic.zone">drop us an email</a> today.
+  </p>
+<!-- /wp:paragraph -->

style.css

@@ -21,38 +21,211 @@ Use it to make something cool, have fun, and share what you've learned
 with others.
 */
 
+html, body {
+  height: 100%;
+}
+
+.wp-site-blocks{
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
 .wp-site-blocks h2 {
   display: flex;
   height: 36px;
   align-items: center;
-  border-bottom: 1px solid;
+  border-top: 1px solid;
 }
 
 
 .wp-site-blocks h2::before {
   content: "";
-  border-top: 1px solid;
+  border-bottom: 1px solid;
   border-right: 1px solid;
   width: 80px;
   margin-right: 8px;
   height: 36px;
-  border-bottom: 1px solid var(--wp--preset--color--background);
+  border-top: 2px solid var(--wp--preset--color--background);
 }
 
 .wp-site-blocks h2::after {
   content: "";
-  border-top: 1px solid;
+  border-bottom: 1px solid;
   flex-grow: 1;
   margin-left: 8px;
   height: 36px;
   border-left: 1px solid;
-  border-bottom: 1px solid var(--wp--preset--color--background);
+  border-top: 2px solid var(--wp--preset--color--background);
 }
 
-.wp-site-blocks ul {
+.wp-site-blocks h2.blog-post-heading {
+  border-top: none;
+  height: revert;
+  container-type: inline-size;
+}
+
+@container (max-width: 20ch) {
+  .wp-site-blocks h2::before {
+    width: 7ch;
+  }
+} 
+
+.wp-site-blocks h2.blog-post-heading::before {
+  content: "##";
+  border-bottom: none;
+  border-right: none;
+  width: 4ch;
+  margin-right: 0;
+  height: revert;
+  border-top: none;
+  font-family: monospace;
+  margin-inline-end: .3em;
+  letter-spacing: 2px;
+}
+
+.wp-site-blocks h2.blog-post-heading::after {
+  content: none;
+  border-bottom: none;
+  flex-grow: 1;
+  margin-left: 0;
+  height: revert;
+  border-left: none;
+  border-top: none;
+}
+
+.home .wp-site-blocks ul {
   list-style-image: url('https://beta.autonomic.zone/wp-content/uploads/2023/01/arrow.png');
 }
 
+.home .wp-site-blocks h2 {
+  color: var(--wp--preset--color--primary)
+}
+
 .wp-block-navigation-item.current-menu-item {
   color: var(--wp--preset--color--secondary)
+}
+
+.wp-block-navigation-item {
+  text-align: end;
+}
+
+.wp-site-blocks h2 a {
+  text-decoration: none;
+}
+
+.wp-site-blocks .home-flower {
+  margin-bottom: -90px !important;
+  z-index: -20;
+  position: relative;
+}
+
+.wp-site-blocks footer {
+  flex-grow: 1;
+}
+
+.wp-site-blocks .footer {
+  height: 100%;
+}
+
+.nav-menu {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.logo-wrapper {
+  width: 32px;
+}
+
+.wp-site-blocks .wp-block-group:nth-child(1) .nav-menu {
+  padding-top: 0 !important;
+}
+
+.wp-site-blocks .wp-block-group:nth-child(1) .logo-wrapper {
+  padding-top: 0 !important;
+}
+
+@media screen and (max-width: 782px){
+  .nav-menu {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  .wp-site-blocks .wp-block-group:nth-child(1) {
+    padding-top: 24px !important;
+  }
+
+  ul#what-we-offer {
+    padding-left: revert !important;
+  }
+  
+  .home .wp-site-blocks h2 {
+    margin-top: 60px;
+  }
+
+  .home .wp-site-blocks h1.wp-block-heading {
+    margin-top: 28px !important;
+  }
+
+  #our-values.values-list {
+    margin-block: 75px
+  }
+
+  .wp-site-blocks footer .autonomic-logo {
+    float: left !important;
+    margin-inline-start: 0 !important;
+  }
+
+  .services-heading {
+    text-align: left;
+    border-bottom: 2px dotted;
+    padding: 0;
+    width: fit-content;
+    margin-inline-start: var(--wp--preset--spacing--40);
+    line-height: 1.5 !important;
+    margin-top: 40px !important;
+  }
+
+  .wp-site-blocks h2.blog-post-heading::before {
+    margin-inline-start: 1em;
+  }
+}
+
+@media screen and (min-width: 600px){
+  .nav-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
+    display: none;
+  }
+  
+  .nav-menu .wp-block-navigation__responsive-container-open:not(.always-shown) {
+    display: inherit;
+  }
+}
+
+@media screen and (min-width: 782px){
+  .nav-menu {
+    display: block;
+    padding-right: 30%;
+  }
+  .nav-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
+    display: block;
+  }
+
+  .nav-menu .wp-block-navigation__responsive-container-open:not(.always-shown) {
+    display: none;
+  }
+
+  .logo-wrapper {
+    padding-bottom: 88px;
+    width: inherit;
+  }
+
+  .wp-site-blocks .category-portfolio h2 {
+    margin-block: 40px !important;
+  }
+
+  .wp-site-blocks h2.blog-post-heading {
+    margin-top: 4em;
+    font-size: var(--wp--preset--font-size--medium);
+  }
 }

templates/about.html

@@ -0,0 +1,83 @@
+<!-- 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":"15%"} -->
+          <div class="wp-block-column" style="flex-basis: 15%">
+            <!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /-->
+          </div>
+        <!-- /wp:column -->
+
+        <!-- wp:column {"width":"50%"} -->
+          <div class="wp-block-column" style="flex-basis: 50%">
+            <!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
+
+            <!-- wp:post-content /-->
+          </div>
+        <!-- /wp:column -->
+
+        <!-- wp:column {"width":"35%"} -->
+          <div class="wp-block-column" style="flex-basis: 35%">
+            <!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained"},"fontSize":"small"} -->
+              <div
+                class="wp-block-group has-small-font-size"
+                style="
+                  border-width: 1px;
+                  padding-top: var(--wp--preset--spacing--30);
+                  padding-right: var(--wp--preset--spacing--30);
+                  padding-bottom: var(--wp--preset--spacing--30);
+                  padding-left: var(--wp--preset--spacing--30);
+                "
+              >
+                <!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"textTransform":"uppercase"}}} -->
+                  <h3
+                    class="wp-block-heading has-text-align-center"
+                    style="text-transform: uppercase"
+                  >
+                    Business info
+                  </h3>
+                <!-- /wp:heading -->
+
+                <!-- wp:paragraph {"align":"center","fontFamily":"ft88"} -->
+                  <p class="has-text-align-center has-ft-88-font-family">
+                    Autonomic Co-operative
+                  </p>
+                <!-- /wp:paragraph -->
+              </div>
+            <!-- /wp:group -->
+
+            <!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast-text"}}}},"borderColor":"primary","backgroundColor":"primary-light","textColor":"contrast-text","layout":{"type":"constrained","justifyContent":"center"},"fontSize":"small"} -->
+              <div
+                class="wp-block-group has-border-color has-primary-border-color has-contrast-text-color has-primary-light-background-color has-text-color has-background has-link-color has-small-font-size"
+                style="
+                  border-width: 1px;
+                  padding-top: var(--wp--preset--spacing--40);
+                  padding-right: var(--wp--preset--spacing--40);
+                  padding-bottom: var(--wp--preset--spacing--40);
+                  padding-left: var(--wp--preset--spacing--40);
+                "
+              >
+                <!-- wp:paragraph -->
+                  <p>
+                    We are a Co-operative Society, registered in the “United”
+                    “Kingdom” under the Co-operative and Community Benefit
+                    Societies Act 2014 – you can find our registration
+                    information
+                    <a
+                      href="https://mutuals.fca.org.uk/Search/Society/30380"
+                      target="_blank"
+                      rel="noreferrer noopener"
+                      >on the Financial Conduct Authority website</a
+                    >.
+                  </p>
+                <!-- /wp:paragraph -->
+              </div>
+            <!-- /wp:group -->
+          </div>
+        <!-- /wp:column -->
+      </div>
+    <!-- /wp:columns -->
+  </div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->

templates/blog.html

@@ -0,0 +1,45 @@
+<!-- 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":"15%"} -->
+          <div class="wp-block-column" style="flex-basis: 15%">
+            <!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /-->
+          </div>
+        <!-- /wp:column -->
+
+        <!-- wp:column {"width":"50%"} -->
+          <div class="wp-block-column" style="flex-basis: 50%">
+            <!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
+
+            <!-- wp:query {"queryId":40,"query":{"perPage":"5","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[],"taxQuery":{"category":[21]}}} -->
+              <div class="wp-block-query">
+                <!-- wp:post-template {"layout":{"type":"default"}} -->
+                  <!-- wp:post-title {"isLink":true,"style":{"typography":{"textDecoration":"none"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"className":"blog-post-heading"} /-->
+
+                  <!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"border":{"width":"1px"}},"borderColor":"primary"} /-->
+
+                  <!-- wp:post-excerpt {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|70"}}}} /-->
+                <!-- /wp:post-template -->
+
+                <!-- wp:query-pagination {"paginationArrow":"arrow","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"layout":{"type":"flex","justifyContent":"center"}} -->
+                  <!-- wp:query-pagination-previous /-->
+
+                  <!-- wp:query-pagination-numbers /-->
+
+                  <!-- wp:query-pagination-next /-->
+                <!-- /wp:query-pagination -->
+              </div>
+            <!-- /wp:query -->
+          </div>
+        <!-- /wp:column -->
+
+        <!-- wp:column {"width":"35%"} -->
+          <div class="wp-block-column" style="flex-basis: 35%"></div>
+        <!-- /wp:column -->
+      </div>
+    <!-- /wp:columns -->
+  </div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->

templates/index.html

@@ -1,18 +1,26 @@
 <!-- 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-columns"><!-- wp:column {"width":"15%"} -->
-<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-column" style="flex-basis:15%">
-<div class="wp-block-group" style="padding-top:188px;padding-right:64px"><!-- wp:template-part {"slug":"nav-menu","theme":"autonomic","area":"uncategorized"} /--></div>
+      <!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /-->
-<!-- /wp:group --></div>
+    </div>
-<!-- /wp:column -->
+    <!-- /wp:column -->
 
-<!-- wp:column {"width":"64%"} -->
+    <!-- wp:column {"width":"50%"} -->
-<div class="wp-block-column" style="flex-basis:64%"><!-- wp:post-content /--></div>
+    <div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-content /--></div>
-<!-- /wp:column -->
+    <!-- /wp:column -->
 
-<!-- wp:column {"width":"16%"} -->
+    <!-- wp:column {"verticalAlignment":"bottom","width":"35%"} -->
-<div class="wp-block-column" style="flex-basis:16%"></div>
+    <div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:35%">
-<!-- /wp:column --></div>
+      <!-- wp:image {"id":147,"sizeSlug":"full","linkDestination":"none","className":"home-flower"} -->
-<!-- /wp:columns --></div>
+      <figure class="wp-block-image size-full home-flower"><img
+          src="https://beta.autonomic.zone/wp-content/uploads/2023/02/01flowergreen-1.png" alt=""
+          class="wp-image-147" /></figure>
+      <!-- /wp:image -->
+    </div>
+    <!-- /wp:column -->
+  </div>
+  <!-- /wp:columns -->
+</div>
 <!-- /wp:group -->
-  <!-- wp:template-part {"slug":"footer","theme":"autonomic"} /-->
+<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->

templates/our-work.html

@@ -0,0 +1,44 @@
+<!-- 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":"15%"} -->
+    <div class="wp-block-column" style="flex-basis:15%">
+      <!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /-->
+    </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"85%","layout":{"type":"default"}} -->
+    <div class="wp-block-column" style="flex-basis:85%"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
+
+      <!-- wp:post-content /-->
+
+      <!-- wp:query {"queryId":40,"query":{"perPage":5,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[],"taxQuery":{"category":[20]}},"displayLayout":{"type":"list"}} -->
+      <div class="wp-block-query"><!-- wp:post-template -->
+        <!-- wp:post-title {"style":{"typography":{"textDecoration":"none","textTransform":"uppercase"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"spacing":{"margin":{"top":"var:preset|spacing|50","right":"0","bottom":"var:preset|spacing|20","left":"0"}}},"fontSize":"small"} /-->
+
+        <!-- wp:columns -->
+        <div class="wp-block-columns"><!-- wp:column {"width":"50%"} -->
+          <div class="wp-block-column" style="flex-basis:50%"><!-- wp:group {"layout":{"type":"constrained"}} -->
+            <div class="wp-block-group">
+              <!-- wp:post-featured-image {"align":"wide","style":{"border":{"width":"1px"}},"borderColor":"primary"} /-->
+            </div>
+            <!-- /wp:group -->
+          </div>
+          <!-- /wp:column -->
+
+          <!-- wp:column {"width":"50%"} -->
+          <div class="wp-block-column" style="flex-basis:50%">
+            <!-- wp:post-content {"style":{"typography":{"lineHeight":"1.5","fontSize":"0.8em"}}} /--></div>
+          <!-- /wp:column -->
+        </div>
+        <!-- /wp:columns -->
+        <!-- /wp:post-template -->
+      </div>
+      <!-- /wp:query -->
+    </div>
+    <!-- /wp:column -->
+  </div>
+  <!-- /wp:columns -->
+</div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->

templates/services.html

@@ -0,0 +1,24 @@
+<!-- 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":"15%"} -->
+    <div class="wp-block-column" style="flex-basis:15%">
+      <!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /-->
+    </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"50%"} -->
+    <div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
+
+      <!-- wp:post-content /-->
+    </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"35%"} -->
+    <div class="wp-block-column" style="flex-basis:35%"></div>
+    <!-- /wp:column -->
+  </div>
+  <!-- /wp:columns -->
+</div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->

templates/single.html

@@ -0,0 +1,29 @@
+<!-- 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":"15%"} -->
+    <div class="wp-block-column" style="flex-basis:15%">
+      <!-- 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-block-theme","area":"uncategorized"} /--></div>
+      <!-- /wp:group -->
+    </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"50%"} -->
+    <div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
+
+      <!-- wp:post-featured-image /-->
+
+      <!-- wp:post-content /-->
+    </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"35%"} -->
+    <div class="wp-block-column" style="flex-basis:35%"></div>
+    <!-- /wp:column -->
+  </div>
+  <!-- /wp:columns -->
+</div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->

theme.json

@@ -1,6 +1,36 @@
 {
 	"version": 2,
 	"$schema": "https://schemas.wp.org/wp/6.0/theme.json",
+	"customTemplates": [
+		{
+			"name": "about",
+			"title": "About page",
+			"postTypes": [
+				"page"
+			]
+		},
+		{
+			"name": "services",
+			"title": "Services page",
+			"postTypes": [
+				"page"
+			]
+		},
+		{
+			"name": "our-work",
+			"title": "Our Work page",
+			"postTypes": [
+				"page"
+			]
+		},
+		{
+			"name": "blog",
+			"title": "Blog page",
+			"postTypes": [
+				"page"
+			]
+		}
+	],
 	"settings": {
 		"appearanceTools": true,
 		"color": {
@@ -13,11 +43,6 @@
 					"color": "#F5FBF8",
 					"name": "Background"
 				},
-				{
-					"slug": "foreground",
-					"color": "#dc3e9d",
-					"name": "Foreground"
-				},
 				{
 					"slug": "primary",
 					"color": "#dc3e9d",
@@ -32,12 +57,27 @@
 					"slug": "button",
 					"color": "#FF7613",
 					"name": "Button color"
+				},
+				{
+					"slug": "primary-light",
+					"color": "#e89cca",
+					"name": "Primary light"
+				},
+				{
+					"slug": "contrast-text",
+					"color": "#FFF",
+					"name": "Contrast text"
+				},
+				{
+					"slug": "orange",
+					"color": "#FF7613",
+					"name": "Orange"
 				}
 			]
 		},
 		"layout": {
-			"contentSize": "1000px",
+			"contentSize": "1226px",
-			"wideSize": "1100px"
+			"wideSize": "1226px"
 		},
 		"spacing": {
 			"units": [ "px", "em", "rem", "vh", "vw", "%" ]
@@ -84,9 +124,31 @@
 							]
 						}
 					],
-					"name": "'Darker Grotesque', sans-serif",
+					"name": "Darker Grotesque",
-					"fontFamily": "Darker Grotesque",
+					"fontFamily": "'Darker Grotesque', sans-serif",
 					"slug": "darkergrotesque"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "FT88",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/FT88-School.otf",
+								"file:./assets/fonts/FT88-School.ttf"
+							]
+						}
+					],
+					"name": "FT88",
+					"fontFamily": "FT88, serif",
+					"slug": "ft88"
+				}
+			],
+			"fontSizes": [
+				{
+					"name": "Small",
+					"slug": "small",
+					"size": "15px"
 				}
 			]
 		}
@@ -94,11 +156,11 @@
 	"styles": {
 		"typography": {
 			"fontFamily": "var(--wp--preset--font-family--karmilla)",
-			"fontSize": "21px"
+			"fontSize": "24px"
 		},
 		"color": {
 			"background": "var(--wp--preset--color--background)",
-			"text": "var(--wp--preset--color--foreground)"
+			"text": "var(--wp--preset--color--primary)"
 		},
 		"blocks": {
       "core/button": {
@@ -109,7 +171,7 @@
 			"core/navigation": {
 				"typography": {
 					"fontFamily": "var(--wp--preset--font-family--darkergrotesque)",
-					"fontSize": "21px",
+					"fontSize": "24px",
 					"fontStyle": "normal",
 					"fontWeight": "600",
 					"textTransform": "uppercase"
@@ -119,17 +181,25 @@
 		"elements": {
       "h1": {
         "typography": {
-          "fontSize": "44px",
+          "fontSize": "36px",
-          "fontWeight": "400",
+          "fontWeight": "700",
           "lineHeight": "0.9"
         }
       },
       "h2": {
         "typography": {
-          "fontSize": "14px",
+          "fontSize": "16px",
           "textTransform": "uppercase"
-        }
+        },
-      }
+				"color": {
+					"text": "var(--wp--preset--color--secondary)"
+				}
+      },
+			"link": {
+				"color": {
+					"text": "var(--wp--preset--color--secondary)"
+				}
+			}
     }
 	},
 	"templateParts": [
@@ -141,6 +211,10 @@
       "name": "footer",
       "title": "Footer",
       "area": "footer"
+    },
+    {
+      "name": "useful-links",
+      "title": "Useful links"
     }
   ]
 }