add Inter font

fix missing font name in theme.json
trying last commit again
2024-05-06 15:01:28 +05:00 · 2024-05-06 14:57:56 +05:00 · 2024-04-02 14:16:03 +05:00 · 2024-04-02 14:12:20 +05:00 · 2024-04-01 15:10:14 +05:00 · 2024-04-01 13:34:05 +05:00
23 changed files with 1853 additions and 149 deletions
--- a/.drone.yml
+++ b/.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
--- a/assets/fonts/FT88-School.otf
+++ b/assets/fonts/FT88-School.otf
--- a/assets/fonts/FT88-School.ttf
+++ b/assets/fonts/FT88-School.ttf
--- a/assets/fonts/InterVariable-Italic.woff2
+++ b/assets/fonts/InterVariable-Italic.woff2
--- a/assets/fonts/InterVariable.woff2
+++ b/assets/fonts/InterVariable.woff2
--- a/block-styles.css
+++ b/block-styles.css
@ -0,0 +1,79 @@
+
+/* For the "Tabbed Heading" block style */
+.is-style-tabbed-heading {
+  display: flex;
+  height: 36px;
+  align-items: center;
+  border-top: 1px solid;
+  font-size: 14px;
+}
+
+.is-style-tabbed-heading::before {
+  content: "";
+  border-bottom: 1px solid;
+  border-right: 1px solid;
+  width: 80px;
+  margin-right: 12px;
+  height: 36px;
+  border-top: 2px solid var(--wp--preset--color--background);
+}
+
+@media (max-width: 782px) {
+  .is-style-tabbed-heading::before {
+    width: 32px;
+  }
+}
+
+.is-style-tabbed-heading::after {
+  content: "";
+  border-bottom: 1px solid;
+  flex-grow: 1;
+  margin-left: 12px;
+  height: 36px;
+  border-left: 1px solid;
+  border-top: 2px solid var(--wp--preset--color--background);
+}
+
+/* For the "Markdown-style Heading" block style */
+.is-style-markdown-heading {
+  margin-bottom: 1em;
+}
+
+.is-style-markdown-heading.wp-block-post-title a {
+  display: inline;
+}
+
+.is-style-markdown-heading::before {
+  content: "##";
+  width: 4ch;
+  margin-right: 0;
+  font-family: monospace;
+  margin-inline-end: .3em;
+  letter-spacing: 2px;
+}
+
+@media screen and (max-width: 782px) {
+  .is-style-markdown-heading::before {
+    margin-inline-start: 1em;
+  }
+}
+
+@media screen and (min-width: 782px) {
+  .is-style-markdown-heading {
+    margin-top: 4em;
+    font-size: var(--wp--preset--font-size--medium);
+  }
+}
+
+/* For "Arrow" style lists 
+* TODO: use an svg or dashicons arrow component for this
+*/
+ul.is-style-arrow-list {
+  list-style-image: url('https://beta.autonomic.zone/wp-content/uploads/2023/01/arrow.png');
+}
+
+/* HACK: fixing stretched out post width in editor */
+.edit-post-visual-editor .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
+.edit-post-visual-editor .editor-styles-wrapper .editor-editor-canvas__post-title-wrapper > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
+    max-width: 600px !important;
+}
--- a/functions.php
+++ b/functions.php
@ -4,5 +4,65 @@ add_action('init', 'custom_stylesheet');
 
 function custom_stylesheet() {
    wp_register_style( 'custom-styles', get_template_directory_uri() . '/style.css' );
+    
+    /** 
+     * making sure css from block styles gets loaded on front-end
+     * TODO: unify both css files into one stylesheet
+    */
+    wp_register_style( 'block-styles', get_theme_file_uri( 'block-styles.css' ) );
 }
-wp_enqueue_style( 'custom-styles' );
+wp_enqueue_style( 'custom-styles' );
+wp_enqueue_style( 'block-styles' );
+
+
+function autonomic_block_styles() {
+    /**
+    * Enable support for block editor styles
+    * @link https://developer.wordpress.org/themes/basics/theme-functions/#theme-support-in-block-themes
+	*/
+	add_theme_support( 'editor-styles' );
+	add_theme_support( 'wp-block-styles' );
+	add_editor_style( 'block-styles.css' );
+}
+add_action( 'after_setup_theme', 'autonomic_block_styles' );
+
+function autonomic_theme_scripts() {
+    // this is also for block styles
+    wp_enqueue_script( 'autonomic-block-styles', get_theme_file_uri( '/js/block-styles.js' ), array( 'wp-blocks', 'wp-dom-ready', 'wp-edit-post' ), filemtime( get_theme_file_uri( '/js/block-styles.js' ) ));
+}
+add_action( 'enqueue_block_editor_assets', 'autonomic_theme_scripts' );
+
+
+// Code for enabling line breaks in post excerpts
+
+define('EXCERPT_RARELY', '{[}]');
+define('EXCERPT_BR', nl2br(PHP_EOL));
+
+function so306588_trim_excerpt_custom($text = '')
+{
+    add_filter('the_content', 'so306588_trim_excerpt_custom_mark', 6);
+
+    // get through origin filter
+    $text = wp_trim_excerpt($text);
+
+    remove_filter('the_content', 'so306588_trim_excerpt_custom_mark', 6);
+
+    return so306588_trim_excerpt_custom_restore($text);
+}
+
+function so306588_trim_excerpt_custom_mark($text)
+{
+    $text = nl2br($text);
+    return str_replace(EXCERPT_BR, EXCERPT_RARELY, $text);
+}
+
+function so306588_trim_excerpt_custom_restore($text)
+{
+    return str_replace(EXCERPT_RARELY, EXCERPT_BR, $text);
+}
+
+// remove default filter
+remove_filter('get_the_excerpt', 'wp_trim_excerpt');
+
+// add custom filter
+add_filter('get_the_excerpt', 'so306588_trim_excerpt_custom');
--- a/js/block-styles.js
+++ b/js/block-styles.js
@ -0,0 +1,36 @@
+wp.domReady( () => {
+  wp.blocks.registerBlockStyle(
+    'core/heading', {
+      name: 'tabbed-heading',
+      label: 'Tabbed Heading',
+    }
+  )
+
+  wp.blocks.registerBlockStyle(
+    'core/post-title', {
+      name: 'tabbed-heading',
+      label: 'Tabbed Heading',
+    }
+  )
+
+  wp.blocks.registerBlockStyle(
+    'core/heading', {
+      name: 'markdown-heading',
+      label: 'Markdown-style Heading',
+    }
+  )
+
+  wp.blocks.registerBlockStyle(
+    'core/post-title', {
+      name: 'markdown-heading',
+      label: 'Markdown-style Heading',
+    }
+  )
+
+  wp.blocks.registerBlockStyle(
+    'core/list', {
+      name: 'arrow-list',
+      label: 'Arrows',
+    }
+  )
+} )
--- a/parts/footer.html
+++ b/parts/footer.html
@ -1,33 +1,176 @@
-<!-- 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 -->
+<!-- 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 footer has-background-color has-secondary-background-color has-text-color has-background has-link-color has-small-font-size"
+    style="
+      margin-top: var(--wp--preset--spacing--70);
+      padding-top: var(--wp--preset--spacing--60);
+      padding-bottom: var(--wp--preset--spacing--60);
+    "
+  >
+    <!-- wp:columns -->
+      <div class="wp-block-columns">
+        <!-- wp:column {"verticalAlignment":"center","width":"10%","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"layout":{"type":"default"}} -->
+          <div
+            class="wp-block-column is-vertically-aligned-center"
+            style="
+              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);
+              flex-basis: 10%;
+            "
+          >
+            <!-- wp:image {"align":"right","id":105,"sizeSlug":"full","linkDestination":"none","className":"autonomic-logo"} -->
+              <figure
+                class="wp-block-image alignright size-full autonomic-logo"
+              >
+                <img
+                  src="https://autonomic.zone/wp-content/uploads/2023/01/monster.png"
+                  alt=""
+                  class="wp-image-105"
+                />
+              </figure>
+            <!-- /wp:image -->
+          </div>
+        <!-- /wp:column -->
+
+        <!-- wp:column {"width":"50%"} -->
+          <div class="wp-block-column" style="flex-basis: 50%">
+            <!-- wp:columns -->
+              <div class="wp-block-columns">
+                <!-- wp:column {"width":"60%"} -->
+                  <div class="wp-block-column" style="flex-basis: 60%">
+                    <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+                      <div class="wp-block-group">
+                        <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"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 -->
+
+                            <!-- wp:paragraph -->
+                              <p>
+                                <a
+                                  href="https://autonomic.zone/gdpr/"
+                                  data-type="page"
+                                  data-id="184"
+                                  ><strong>Privacy Policy</strong></a
+                                >
+                              </p>
+                            <!-- /wp:paragraph -->
+                          </div>
+                        <!-- /wp:group -->
+                      </div>
+                    <!-- /wp:group -->
+                  </div>
+                <!-- /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</a
+                        >
+                        network of tech worker co-ops
+                      </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="wp-block-heading 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">
+                <a href="mailto:boop@autonomic.zone">boop@autonomic.zone</a>
+              </p>
+            <!-- /wp:paragraph -->
+          </div>
+        <!-- /wp:column -->
+      </div>
+    <!-- /wp:columns -->
+  </div>
+<!-- /wp:group -->
--- a/parts/nav-menu.html
+++ b/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 -->
--- a/parts/useful-links.html
+++ b/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 -->
--- a/patterns/about.php
+++ b/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 -->
--- a/patterns/homepage.php
+++ b/patterns/homepage.php
@ -1,72 +1,144 @@
-<?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 {"level":1,"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}},"typography":{"fontSize":"44px","fontStyle":"normal","fontWeight":"400"}}} -->
+  <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>
+<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","className":"is-style-tabbed-heading"} -->
+  <h2
+    class="wp-block-heading is-style-tabbed-heading has-primary-color has-text-color has-link-color"
+  >
+    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 {"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 is-style-arrow-list"} -->
+  <ul
+    id="what-we-offer"
+    class="what-we-offer is-style-arrow-list 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 -->
-<li>Website development</li>
-<!-- /wp:list-item -->
+    <!-- wp:list-item -->
+      <li>Custom development</li>
+    <!-- /wp:list-item -->

-<!-- wp:list-item -->
-<li>Custom development</li>
-<!-- /wp:list-item -->
+    <!-- wp:list-item -->
+      <li>Integrated Open Source infrastructure</li>
+    <!-- /wp:list-item -->

-<!-- wp:list-item -->
-<li>Training</li>
-<!-- /wp:list-item -->
+    <!-- wp:list-item -->
+      <li>Hosting</li>
+    <!-- /wp:list-item -->

-<!-- wp:list-item -->
-<li>Etc whatever u want</li>
-<!-- /wp:list-item --></ul>
+    <!-- wp:list-item -->
+      <li>Support &amp; training</li>
+    <!-- /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>
+<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","className":"is-style-tabbed-heading"} -->
+  <h2
+    class="wp-block-heading is-style-tabbed-heading has-primary-color has-text-color has-link-color"
+  >
+    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 {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}}} -->
+  <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"}} -->
-<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: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-columns are-vertically-aligned-center values-list"
+    id="our-values"
+    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"} -->
-<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Privacy</a></div>
-<!-- /wp:button -->
+    <!-- wp:column {"verticalAlignment":"center"} -->
+      <div class="wp-block-column is-vertically-aligned-center">
+        <!-- wp:paragraph {"align":"center"} -->
+          <p class="has-text-align-center">Privacy</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->

-<!-- 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:column -->
+      <div class="wp-block-column">
+        <!-- wp:paragraph {"align":"center"} -->
+          <p class="has-text-align-center">Transparency</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->

-<!-- 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 -->
+<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0","margin":{"top":"var:preset|spacing|70"}}}} -->
+  <div
+    class="wp-block-buttons"
+    style="margin-top: var(--wp--preset--spacing--70)"
+  >
+    <!-- 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"
+          href="mailto:boop@autonomic.zone"
+          >Contact us at <strong>boop@autonomic.zone</strong></a
+        >
+      </div>
+    <!-- /wp:button -->
+  </div>
+<!-- /wp:buttons -->
--- a/patterns/services.php
+++ b/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 -->
--- a/screenshot.png
+++ b/screenshot.png
--- a/style.css
+++ b/style.css
@ -1,8 +1,8 @@
 /*
-Theme Name: Autonomic
+Theme Name: Autonomic Block Theme
 Author: Autonomic Co-operative
 Author URI: https://autonomic.zone
-Theme URI: 
+Description: Block-enabled WordPress theme for http://autonomic.zone
 Tags: full-site-editing
 Text Domain: autonomic
 Requires at least: 6.0
@ -21,38 +21,181 @@ Use it to make something cool, have fun, and share what you've learned
 with others.
 */

-.wp-site-blocks h2 {
+html, body {
+  height: 100%;
+}
+
+.wp-site-blocks {
  display: flex;
-  height: 36px;
-  align-items: center;
-  border-bottom: 1px solid;
+  flex-direction: column;
+  height: 100%;
 }

-
-.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);
+@container (max-width: 20ch) {
+  .wp-site-blocks h2::before {
+    width: 7ch;
+  }
 }

-.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');
+.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;
+  width: 262px;
+  margin-left: auto;
+}
+
+.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;
+}
+
+.wp-block-navigation__responsive-container.is-menu-open {
+  padding: 1em;
+}
+
+@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;
+  }
+
+  #our-values.values-list div:nth-child(2) {
+    border-right-width: 0 !important;
+    border-left-width: 0 !important;
+    border-block: 1px solid;
+  }
+}
+
+@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;
+  }
+}
+
+/* copied over from "additional css" panel in wp
+  TODO: integrate this with the rest of the css
+*/
+@media screen and (max-width: 600px) {
+	.home-flower {
+		display: none;
+	}
+	.wp-container-13 .wp-block-group {
+		padding-top: 0 !important;
+	}
+
+	h1, p {
+		padding: 1rem;
+	}
+
+	.footer {
+		padding-inline: 1rem;
+	}
+
+	.footer p {
+		padding: 0;
+	}
+
+	.wp-site-blocks .wp-block-group:nth-child(1) {
+		padding-top:  24px !important;
+	}
+}
+
+@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;
+  }
 }
--- a/templates/about.html
+++ b/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"} /-->
--- a/templates/blog.html
+++ b/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":"is-style-markdown-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"} /-->
--- a/templates/index.html
+++ b/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-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 -->
+  <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":"64%"} -->
-<div class="wp-block-column" style="flex-basis:64%"><!-- wp:post-content /--></div>
-<!-- /wp:column -->
+    <!-- wp:column {"width":"50%"} -->
+    <div class="wp-block-column" style="flex-basis:50%"><!-- 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:column {"verticalAlignment":"bottom","width":"35%"} -->
+    <div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:35%">
+      <!-- wp:image {"id":147,"sizeSlug":"full","linkDestination":"none","className":"home-flower"} -->
+      <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"} /-->
--- a/templates/our-work.html
+++ b/templates/our-work.html
@ -0,0 +1,49 @@
+<!-- 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]}}} -->
+              <div class="wp-block-query">
+                <!-- wp:post-template {"layout":{"type":"default"}} -->
+                  <!-- wp:post-title {"isLink":true,"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"}}},"className":"is-style-tabbed-heading","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-excerpt {"moreText":"Read more"} /-->
+                        </div>
+                      <!-- /wp:column -->
+                    </div>
+                  <!-- /wp:columns -->
+                <!-- /wp:post-template -->
+              </div>
+            <!-- /wp:query -->
+          </div>
+        <!-- /wp:column -->
+      </div>
+    <!-- /wp:columns -->
+  </div>
+<!-- /wp:group -->
--- a/templates/services.html
+++ b/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"} /-->
--- a/templates/single.html
+++ b/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"} /-->
--- a/theme.json
+++ b/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",
-			"wideSize": "1100px"
+			"contentSize": "1226px",
+			"wideSize": "1226px"
 		},
 		"spacing": {
 			"units": [ "px", "em", "rem", "vh", "vw", "%" ]
@ -50,6 +90,61 @@
 					"slug": "system",
 					"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif"
 				},
+				{
+					"name": "Inter",
+					"slug": "inter",
+					"fontFamily": "Inter, sans-serif",
+					"fontFace": [
+						{
+							"fontFamily": "Inter",
+							"fontStyle": "normal",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/InterVariable.woff2"
+							]
+						},
+						{
+							"fontFamily": "Inter",
+							"fontStyle": "italic",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/InterVariable-Italic.woff2"
+							]
+						},
+						{
+							"fontFamily": "Inter",
+							"fontStyle": "normal",
+							"fontWeight": "500",
+							"src": [
+								"file:./assets/fonts/InterVariable.woff2"
+							]
+						},
+						{
+							"fontFamily": "Inter",
+							"fontStyle": "italic",
+							"fontWeight": "500",
+							"src": [
+								"file:./assets/fonts/InterVariable-Italic.woff2"
+							]
+						},
+						{
+							"fontFamily": "Inter",
+							"fontStyle": "normal",
+							"fontWeight": "700",
+							"src": [
+								"file:./assets/fonts/InterVariable.woff2"
+							]
+						},
+						{
+							"fontFamily": "Inter",
+							"fontStyle": "italic",
+							"fontWeight": "700",
+							"src": [
+								"file:./assets/fonts/InterVariable-Italic.woff2"
+							]
+						}
+					],
+				},
 				{
 					"fontFace": [
 						{
@ -72,7 +167,8 @@
 						}
 					],
 					"fontFamily": "Karmilla",
-					"slug": "karmilla"
+					"slug": "karmilla",
+					"name": "Karmilla"
 				},
 				{
 					"fontFace": [
@ -84,9 +180,31 @@
 							]
 						}
 					],
-					"name": "'Darker Grotesque', sans-serif",
-					"fontFamily": "Darker Grotesque",
+					"name": "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 +212,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 +227,7 @@
 			"core/navigation": {
 				"typography": {
 					"fontFamily": "var(--wp--preset--font-family--darkergrotesque)",
-					"fontSize": "21px",
+					"fontSize": "24px",
 					"fontStyle": "normal",
 					"fontWeight": "600",
 					"textTransform": "uppercase"
@ -119,17 +237,25 @@
 		"elements": {
      "h1": {
        "typography": {
-          "fontSize": "44px",
-          "fontWeight": "400",
+          "fontSize": "36px",
+          "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 +267,10 @@
      "name": "footer",
      "title": "Footer",
      "area": "footer"
+    },
+    {
+      "name": "useful-links",
+      "title": "Useful links"
    }
  ]
 }
Author	SHA1	Message	Date
Aadil Ayub	9fb26dc51f	add Inter font All checks were successful continuous-integration/drone/push Build is passing Details	2024-05-06 15:01:28 +05:00
Aadil Ayub	9c34083eaa	fix missing font name in theme.json	2024-05-06 14:57:56 +05:00
Aadil Ayub	885dfeb558	trying last commit again All checks were successful continuous-integration/drone/push Build is passing Details	2024-04-02 14:16:03 +05:00
Aadil Ayub	aa681ec890	reset post width on site editor All checks were successful continuous-integration/drone/push Build is passing Details	2024-04-02 14:12:20 +05:00
Aadil Ayub	f5790a0b11	experiment with adding line breaks in post excerpts All checks were successful continuous-integration/drone/push Build is passing Details	2024-04-01 15:10:14 +05:00
Aadil Ayub	0e573099fc	override content width in post editor All checks were successful continuous-integration/drone/push Build is passing Details	2024-04-01 13:34:05 +05:00
Aadil Ayub	3d807fe637	make post editor narrower All checks were successful continuous-integration/drone/push Build is passing Details	2024-03-31 17:36:19 +05:00
Aadil Ayub	e154870778	fix blog post editor having wide width All checks were successful continuous-integration/drone/push Build is passing Details	2024-03-31 17:34:06 +05:00
Aadil Ayub	1896f78a9f	put css in correct section All checks were successful continuous-integration/drone/push Build is passing Details	2024-03-29 11:59:41 +05:00
Aadil Ayub	74bc1b4bb4	add some padding to mobile menu All checks were successful continuous-integration/drone/push Build is passing Details	2024-03-29 11:54:13 +05:00
Aadil Ayub	cd0b5cc6b3	tweak tabbed heading style on mobile All checks were successful continuous-integration/drone/push Build is passing Details	2023-09-04 16:49:16 +05:00
Aadil Ayub	5851ce6b2f	tweak markdown heading style All checks were successful continuous-integration/drone/push Build is passing Details	2023-09-04 16:32:24 +05:00
Aadil Ayub	d5792411d7	tweak markdown heading style All checks were successful continuous-integration/drone/push Build is passing Details	2023-09-04 16:30:40 +05:00
Aadil Ayub	b605c94927	tweak markdown heading style All checks were successful continuous-integration/drone/push Build is passing Details	2023-09-04 16:28:24 +05:00
Aadil Ayub	bf3ca7c814	tweak markdown heading style All checks were successful continuous-integration/drone/push Build is passing Details	2023-09-04 16:26:14 +05:00
Aadil Ayub	b5c85b550c	add borders to values section on mobile All checks were successful continuous-integration/drone/push Build is passing Details	2023-09-04 15:57:53 +05:00
Aadil Ayub	bced078a81	fix "what we offer" section on mobile All checks were successful continuous-integration/drone/push Build is passing Details	2023-09-04 15:52:36 +05:00
Aadil Ayub	34d1beb1e2	tweak tabbed heading style All checks were successful continuous-integration/drone/push Build is passing Details	2023-09-04 15:42:47 +05:00
Aadil Ayub	0a0ddcf0d4	make home flower smaller All checks were successful continuous-integration/drone/push Build is passing Details	2023-09-04 15:33:18 +05:00
Aadil Ayub	04b0f8ac72	add theme description All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 18:00:31 +05:00
Aadil Ayub	b9a144a351	update theme description and add screenshot All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 17:58:53 +05:00
Aadil Ayub	94412e46fc	make our work items into separate posts All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 17:43:24 +05:00
Aadil Ayub	f916d6d137	sync patterns/templates with live site content All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 17:38:54 +05:00
Aadil Ayub	0fb366b310	add comment All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 17:22:03 +05:00
Aadil Ayub	36945564f7	create arrow list block style All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 17:21:08 +05:00
Aadil Ayub	05f5156a1e	create markdown heading block style All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 17:11:33 +05:00
Aadil Ayub	0492c109ea	make tabbed block style available to post titles All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 16:03:59 +05:00
Aadil Ayub	ac71ee411f	make tabbed-heading block css generic All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 16:01:38 +05:00
Aadil Ayub	906cf389ae	enqueue block styles css on front-end All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 15:57:57 +05:00
Aadil Ayub	1fc09b0187	use correct css selector to target tabbed heading block style All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 15:56:09 +05:00
Aadil Ayub	496d3fd031	attempt #2 at registering block style All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 15:53:44 +05:00
Aadil Ayub	66c432457a	fix typo in block style registration All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 15:44:31 +05:00
Aadil Ayub	14d518206e	whoops, forgot to eneque php All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 15:41:54 +05:00
Aadil Ayub	95efe847b8	turn "tab" style headings into block style All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 15:37:47 +05:00
Aadil Ayub	2eb70c8f54	disable customizer All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 15:16:45 +05:00
Aadil Ayub	4e5925c2b4	copy over additional css from wp customizer All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 15:15:43 +05:00
Aadil Ayub	0b4ef0589b	update footer template part All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 14:59:43 +05:00
Aadil Ayub	a8a93f259d	delete stray file All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 14:58:52 +05:00
Aadil Ayub	decb07d355	update services pattern	2023-08-29 14:58:35 +05:00
Aadil Ayub	922be3ee29	update blog index template All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 14:57:05 +05:00
Aadil Ayub	0ac4fa0ff8	update about page template All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 14:55:23 +05:00
Aadil Ayub	236033ea9d	update about page pattern All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 14:53:57 +05:00
Aadil Ayub	9f20373f57	update homepage pattern All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-29 14:52:29 +05:00
Aadil Ayub	00808e5eeb	force footer logo alignment styles on mobile All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-25 21:15:30 +05:00
Aadil Ayub	f6d5baa44d	tweak blog post heading styles on desktop All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-25 20:56:01 +05:00
Aadil Ayub	e203fff263	whoops, wrong order of classes All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-25 20:51:03 +05:00
Aadil Ayub	dfcd2507f2	add vertical space between portfolio headings and content All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-25 20:49:43 +05:00
Aadil Ayub	5237877b4a	attempt to fix multiline blog post headings on mobile All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-25 20:44:12 +05:00
Aadil Ayub	42ede0cc32	fix blog post headings on mobile All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-25 20:35:55 +05:00
Aadil Ayub	37d483dfd2	redesign headings on blog posts page All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-25 20:33:57 +05:00
Aadil Ayub	16b13ba39e	fix services page section headings on mobile All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-25 20:15:24 +05:00
Aadil Ayub	56cd3f46ab	align footer logo to right on mobile All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-25 19:57:58 +05:00
Aadil Ayub	69f46396d9	homepage: add spacing to values list on mobile All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-25 19:52:59 +05:00
Aadil Ayub	17a075378e	homepage: improve headings' spacing on mobile All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-25 19:49:53 +05:00
Aadil Ayub	865f543d80	fix bullet padding on home page on mobile All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-25 19:44:50 +05:00
Aadil Ayub	0274667f69	set default link color to green All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-25 19:40:05 +05:00
Aadil Ayub	0c7c22c54c	delete stray file All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-25 19:31:49 +05:00
desmukh	910889fb41	nav-menu: improve mobile screen styling All checks were successful continuous-integration/drone/push Build is passing Details	2023-08-08 18:40:58 +05:00
kawaiipunk	628c393fa1	Changed amoung of posts to 5 on our work page All checks were successful continuous-integration/drone/push Build is passing Details	2023-06-08 16:45:07 +01:00
desmukh	b7fe3d9994	navmenu: remove block gap All checks were successful continuous-integration/drone/push Build is passing Details	2023-06-02 14:49:12 +05:00
desmukh	2ff7ad6662	navmenu: fix menu ref to match prod server All checks were successful continuous-integration/drone/push Build is passing Details	2023-06-02 14:28:27 +05:00
desmukh	3ecea1b50c	move navmenu wrapper from page template to nav and add monster All checks were successful continuous-integration/drone/push Build is passing Details	2023-06-02 14:00:13 +05:00
desmukh	3b4dd77724	navmenu: fix text alignment when wrapped All checks were successful continuous-integration/drone/push Build is passing Details	2023-06-01 18:31:18 +05:00
desmukh	742b24ab4e	home: reposition flower at bottom of section All checks were successful continuous-integration/drone/push Build is passing Details	2023-05-09 14:22:30 +05:00
trav	d794519180	aadil mobile fix All checks were successful continuous-integration/drone/push Build is passing Details continuous-integration/drone Build is passing Details	2023-02-03 11:01:31 -08:00
trav	9539f9eee4	footer links fix All checks were successful continuous-integration/drone/push Build is passing Details	2023-02-03 10:58:30 -08:00
trav	5190127d55	footer email fix Some checks failed continuous-integration/drone/push Build is failing Details continuous-integration/drone Build is passing Details	2023-02-03 10:36:50 -08:00
desmukh	43414b9a43	footer: replace logo block with image block All checks were successful continuous-integration/drone/push Build is passing Details	2023-02-03 20:47:21 +05:00
desmukh	86a1e94a6d	increase all font sizes by about 15% All checks were successful continuous-integration/drone/push Build is passing Details	2023-02-03 18:16:09 +05:00
desmukh	fd2e637e92	make footer expand to fill empty vertical space All checks were successful continuous-integration/drone/push Build is passing Details	2023-02-03 17:30:51 +05:00
desmukh	b26824efa8	theme: tweak h2 style All checks were successful continuous-integration/drone/push Build is passing Details	2023-02-03 13:21:51 +05:00
desmukh	d6f4c70a8d	home: fix flower image url All checks were successful continuous-integration/drone/push Build is passing Details	2023-02-03 13:09:33 +05:00
desmukh	afa3e07279	footer: adjust column width and add 'connect with us' All checks were successful continuous-integration/drone/push Build is passing Details	2023-02-03 12:46:36 +05:00
desmukh	a475c0fd59	adjust layout column widths of all templates	2023-02-03 11:50:49 +05:00
desmukh	1dd429685a	home: adjust layout column widths and add flower	2023-02-03 11:42:28 +05:00
desmukh	8688174a52	home: change core values from buttons to text	2023-02-03 11:00:13 +05:00
desmukh	e50b88f770	update services page content & template All checks were successful continuous-integration/drone/push Build is passing Details	2023-02-03 10:26:45 +05:00
desmukh	bf9c1f97f2	home: remove 'expanded list of values' text All checks were successful continuous-integration/drone/push Build is passing Details	2023-02-01 14:38:06 +05:00
desmukh	7fc990046e	add template for single posts	2023-02-01 14:29:14 +05:00
desmukh	3d74678f79	blog index: add pagination	2023-02-01 13:07:31 +05:00
desmukh	2d582a0387	our-work: dont linkify post title/image	2023-02-01 12:54:18 +05:00
desmukh	f8464942f6	update blog index template	2023-02-01 12:44:45 +05:00
desmukh	817a6561e0	our-work: add filter to posts query	2023-02-01 12:12:43 +05:00
desmukh	8a35c8a9ed	theme: make default h2 colour green except for home	2023-02-01 11:08:17 +05:00
desmukh	72da4d0fac	services: move tabs and card from template to page All checks were successful continuous-integration/drone/push Build is passing Details	2023-01-27 13:29:48 +05:00
Aadil Ayub	74a64992ed	formatting All checks were successful continuous-integration/drone/push Build is passing Details	2023-01-27 10:56:59 +05:00
desmukh	a10bbda7e5	theme: fix incorrect font naming All checks were successful continuous-integration/drone/push Build is passing Details	2023-01-27 01:02:17 +05:00
desmukh	85b4d42382	about: tweak card typography	2023-01-27 00:58:43 +05:00
desmukh	3927f95138	feat: create template for Our Work page	2023-01-27 00:55:57 +05:00
desmukh	a8cc30d27e	nav-menu: decrease spacing	2023-01-26 23:35:42 +05:00
desmukh	c73d44fd5b	services: fix image url All checks were successful continuous-integration/drone/push Build is passing Details	2023-01-26 23:12:41 +05:00
desmukh	9719f37a4b	feat: create templace for services page All checks were successful continuous-integration/drone/push Build is passing Details	2023-01-26 23:02:35 +05:00
desmukh	513576851e	nav-menu: make typography lowercase All checks were successful continuous-integration/drone/push Build is passing Details	2023-01-26 12:58:32 +05:00
desmukh	82a0000db8	feat: add custom template for about	2023-01-26 12:56:08 +05:00
desmukh	70792b12fa	Merge branch 'main' of ssh://git.autonomic.zone:2222/autonomic-cooperative/autonomic-block-theme into main All checks were successful continuous-integration/drone/push Build is passing Details	2023-01-26 11:31:31 +05:00
desmukh	5b4bddb537	change name of theme to match beta server	2023-01-26 11:31:08 +05:00
3wc	b5989327d7	Switch to self-hosted docker-cp-deploy image All checks were successful continuous-integration/drone/push Build is passing Details	2023-01-24 14:35:55 -08:00
desmukh	67024469a8	add pattern for default About page content	2023-01-24 15:51:36 +05:00
desmukh	f43f00990f	Merge branch 'dev' into main All checks were successful continuous-integration/drone/push Build is passing Details	2023-01-24 14:47:23 +05:00
Aadil Ayub	b0e50e45f7	Merge pull request 'fix rocketchat channel alert' (#2 ) from dev into main All checks were successful continuous-integration/drone/push Build is passing Details Reviewed-on: #2	2023-01-24 08:51:54 +01:00
Aadil Ayub	8f2338619f	Merge pull request 'Merge recent changes' (#1 ) from dev into main Some checks failed continuous-integration/drone/push Build is failing Details Reviewed-on: #1	2023-01-24 08:44:26 +01:00