show patterns in inserter

block-styles.css

@@ -0,0 +1,87 @@
+
+/* 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);
+}
+
+.is-style-tabbed-heading a {
+  text-decoration: none !important;
+}
+
+.is-style-tabbed-heading a:hover {
+  text-decoration: underline !important;
+}
+
+@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;
+}

functions.php

@@ -4,5 +4,71 @@ 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( 'block-styles' );
+}
+add_action( 'after_setup_theme', 'autonomic_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' );
+
+// stage style.css on editor
+function enqueue_editor_styles() {
+    wp_enqueue_style( 'editor-styles', get_template_directory_uri() . '/editor-style.css' );
+}
+add_action( 'enqueue_block_editor_assets', 'enqueue_editor_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');

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',
+    }
+  )
+} )

parts/footer.html

@@ -1,43 +1 @@
-<!-- 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:pattern {"slug":"autonomic/footer"} /-->
-<div
-  class="wp-block-group has-background-color has-secondary-background-color has-text-color has-background has-link-color has-small-font-size"
-  style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:columns -->
-  <div class="wp-block-columns"><!-- wp:column -->
-    <div class="wp-block-column"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
-      <div class="wp-block-group"><!-- wp:site-logo {"width":44,"shouldSyncIcon":false} /-->
-
-        <!-- wp:group {"layout":{"type":"constrained"}} -->
-        <div class="wp-block-group"><!-- wp:paragraph -->
-          <p><strong>Autonomic Co-operative Limited</strong></p>
-          <!-- /wp:paragraph -->
-
-          <!-- wp:paragraph -->
-          <p>1539 Pershore Road<br>Birmingham<br>B30 2JH<br>United Kingdom</p>
-          <!-- /wp:paragraph -->
-        </div>
-        <!-- /wp:group -->
-      </div>
-      <!-- /wp:group -->
-    </div>
-    <!-- /wp:column -->
-
-    <!-- wp:column -->
-    <div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
-      <p style="font-weight:700">We are a Co-operative Society registered with the <a href="https://mutuals.fca.org.uk/"
-          data-type="URL" data-id="https://mutuals.fca.org.uk/" target="_blank" rel="noreferrer noopener">FCA</a>.</p>
-      <!-- /wp:paragraph -->
-
-      <!-- wp:paragraph -->
-      <p>Registration Number: 4597</p>
-      <!-- /wp:paragraph -->
-
-      <!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
-      <p style="font-weight:700">Member of the <a href="https://www.coops.tech/" data-type="URL"
-          data-id="https://www.coops.tech/">CoTech Network</a></p>
-      <!-- /wp:paragraph -->
-    </div>
-    <!-- /wp:column -->
-  </div>
-  <!-- /wp:columns -->
-</div>
-<!-- /wp:group -->

parts/nav-menu.html

@@ -1 +1,9 @@
-<!-- wp:navigation {"ref":104,"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"},"style":{"typography":{"textDecoration":"underline","textTransform":"lowercase"},"spacing":{"blockGap":"var:preset|spacing|30"}}} /-->
+<!-- wp:group {"className":"nav-menu","style":{"spacing":{"blockGap":"0"}},"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 {"lightbox":{"enabled":false},"width":"64px","height":"undefinedpx","sizeSlug":"full","linkDestination":"custom"} -->
+<figure class="wp-block-image size-full is-resized"><a href="/"><img src="http://autonomic.local/wp-content/themes/autonomic-block-theme/assets/images/monsterpink.png" alt="" style="width:64px;height:undefinedpx"/></a></figure>
+<!-- /wp:image --></div>
+<!-- /wp:group -->
+
+<!-- wp:navigation {"ref":101,"overlayBackgroundColor":"background","overlayTextColor":"primary","style":{"typography":{"textDecoration":"underline","textTransform":"lowercase"},"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"}} /--></div>
+<!-- /wp:group -->

patterns/about.php

@@ -8,27 +8,36 @@
 ?>
 
 <!-- wp:heading -->
-<h2>How we work</h2>
+  <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 decisions through a consensus decision-making process.</p>
+  <p>
-<!-- /wp:paragraph -->
+    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
-<!-- wp:paragraph -->
+    <a
-<p>Our other processes are documented in our Handbook.</p>
+      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>How we work with clients</h2>
+  <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 [link]. Let us know your situation and we may be able to work for you at a solidarity rate.</p>
+  <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, to help us collectivise communications [link to contact] – we often take about a week or two to respond to initial queries, depending on how much work we have on. helo@autonomic.zone</p>
+  <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 -->
@@ -41,33 +50,75 @@
       <tbody>
         <tr>
           <td>Retainer:</td>
-        <td>You pay us a retainer up front and we work. We like this.</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 you a quote and deliver on it. We don’t like this.</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>It’s fine, we do it sometimes</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:paragraph -->
-<p>We accept payments via bank transfer (BACS or SWIFT), including internationally. We can also receive credit and debit card payments using Stripe, especially for folks in the US where “wire transfers” can be costly and complicated – please add 2.9% to cover Stripe’s processing fees.</p>
-<!-- /wp:paragraph -->
-
 <!-- wp:heading -->
-<h2>Working @ Autonomic</h2>
+  <h2 class="wp-block-heading">Additional Fees</h2>
 <!-- /wp:heading -->
 
 <!-- wp:paragraph -->
-<p>Autonomic values independence and autonomy in our day-to-day work environment; you can read more on our values page and our internal handbook.</p>
+  <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>When we are recruiting for increased worker membership we will make a post on our [blog]. If you are interested in joining Autonomic but we are not currently recruiting you are still welcome to send us your CV.</p>
+  <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/footer.php

@@ -0,0 +1,94 @@
+<?php
+/**
+ * Title: footer
+ * Slug: autonomic/footer
+ * Inserter: yes
+ */
+?>
+<!-- wp:group {"className":"footer","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","fontSize":"small","layout":{"type":"constrained"}} -->
+<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 {"sizeSlug":"full","linkDestination":"none","align":"right","className":"autonomic-logo"} -->
+  <figure class="wp-block-image alignright size-full autonomic-logo"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/monster.png" alt=""/></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>
+                    986 Pershore Road<br>Birmingham<br>B29 7PX<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>, <a href="https://workers.coop">workers.coop</a>, &amp; <a href="https://patio.coop">Patio</a> co-operative networks.</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 -->

patterns/front-page.php

@@ -0,0 +1,33 @@
+<?php
+/**
+ * Title: front-page
+ * Slug: autonomic/front-page
+ * Inserter: yes
+ */
+?>
+<!-- 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","area":"uncategorized"} /-->
+    </div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"width":"50%"} -->
+    <div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-content /--></div>
+    <!-- /wp:column -->
+
+    <!-- wp:column {"verticalAlignment":"bottom","width":"35%"} -->
+    <div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:35%">
+      <!-- wp:image {"sizeSlug":"full","linkDestination":"none","className":"home-flower"} -->
+      <figure class="wp-block-image size-full home-flower"><img
+          src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/01flowergreen-1.png" alt=""
+          class="" /></figure>
+      <!-- /wp:image -->
+    </div>
+    <!-- /wp:column -->
+  </div>
+  <!-- /wp:columns -->
+</div>
+<!-- /wp:group -->
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

patterns/homepage.php

@@ -1,29 +1,43 @@
-<?php
+<!-- wp:heading {"level":1,"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}},"typography":{"fontSize":"44px","fontStyle":"normal","fontWeight":"400"}}} -->
-/**
+  <h1
- * Title: Autonomic Homepage
+    class="wp-block-heading"
- * Slug: autonomic/homepage
+    style="
- * Description: Default content for the homepage
+      padding-bottom: var(--wp--preset--spacing--40);
- * Categories: autonomic
+      font-size: 44px;
- */
+      font-style: normal;
-?>
+      font-weight: 400;
-
+    "
-<!-- 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="">
+    <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 -->
+<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","className":"is-style-tabbed-heading"} -->
-<h2>What we offer</h2>
+  <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"}}}} -->
+<!-- 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 style="padding-left:120px;font-size:28px;font-style:normal;font-weight:700;line-height:1.6">
+  <ul
-  <!-- wp:list-item -->
+    id="what-we-offer"
-  <li>Support</li>
+    class="what-we-offer is-style-arrow-list has-link-color"
-  <!-- /wp:list-item -->
+    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 -->
@@ -33,59 +47,97 @@
     <!-- /wp:list-item -->
 
     <!-- wp:list-item -->
-  <li>Training</li>
+      <li>Integrated Open Source infrastructure</li>
     <!-- /wp:list-item -->
 
     <!-- wp:list-item -->
-  <li>Etc whatever u want</li>
+      <li>Hosting</li>
+    <!-- /wp:list-item -->
+
+    <!-- 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 -->
+<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","className":"is-style-tabbed-heading"} -->
-<h2>
+  <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 -->
+<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}}} -->
-<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 commitment to our core values:
+    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">
+    id="our-values"
-      <a class="wp-block-button__link wp-element-button">
+    style="
-        Sustainability
+      border-top-width: 1px;
-      </a>
+      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:button -->
+    <!-- /wp:column -->
 
-    <!-- wp:button {"className":"is-style-outline"} -->
+    <!-- wp:column {"verticalAlignment":"center"} -->
-    <div class="wp-block-button is-style-outline">
+      <div class="wp-block-column is-vertically-aligned-center">
-      <a class="wp-block-button__link wp-element-button">
+        <!-- wp:paragraph {"align":"center"} -->
-        Privacy
+          <p class="has-text-align-center">Privacy</p>
-      </a>
+        <!-- /wp:paragraph -->
       </div>
-    <!-- /wp:button -->
+    <!-- /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 -->
+        <!-- wp:paragraph {"align":"center"} -->
+          <p class="has-text-align-center">Transparency</p>
+        <!-- /wp:paragraph -->
       </div>
-  <!-- /wp:buttons -->
+    <!-- /wp:column -->
   </div>
-<!-- /wp:group -->
+<!-- /wp:columns -->
 
-<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0"}}} -->
+<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0","margin":{"top":"var:preset|spacing|70"}}}} -->
-<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"button","fontSize":"small"} -->
+  <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">
+        <a
-      Contact us at <strong>hello@autonomic.zone</strong>
+          class="wp-block-button__link has-button-background-color has-background wp-element-button"
-    </a>
+          href="mailto:boop@autonomic.zone"
+          >Contact us at <strong>boop@autonomic.zone</strong></a
+        >
       </div>
     <!-- /wp:button -->
   </div>

patterns/nav-menu.php

@@ -0,0 +1,16 @@
+<?php
+/**
+ * Title: nav-menu
+ * Slug: autonomic/nav-menu
+ * Inserter: yes
+ */
+?>
+<!-- wp:group {"className":"nav-menu","style":{"spacing":{"blockGap":"0"}},"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 {"lightbox":{"enabled":false},"width":"64px","height":"undefinedpx","sizeSlug":"full","linkDestination":"custom"} -->
+<figure class="wp-block-image size-full is-resized"><a href="/"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/monsterpink.png" alt="" style="width:64px;height:undefinedpx"/></a></figure>
+<!-- /wp:image --></div>
+<!-- /wp:group -->
+
+<!-- wp:navigation {"overlayBackgroundColor":"background","overlayTextColor":"primary","style":{"typography":{"textDecoration":"underline","textTransform":"lowercase"},"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"}} /--></div>
+<!-- /wp:group -->

patterns/service-card.php

@@ -1,28 +0,0 @@
-<?php
-/**
- * Title: Autonomic Service Card
- * Slug: autonomic/service-card
- * Description: Card for Service page
- * Categories: autonomic
- */
-?>
-
-<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
-<div class="wp-block-group service-card" style="border-width:1px">
-  <!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
-  <div class="wp-block-group" style="border-bottom-width:1px">
-    <!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
-    <h3 
-      class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" 
-      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);font-size:14px;text-transform:uppercase">
-      Mastodon
-    </h3>
-    <!-- /wp:heading -->
-  </div>
-  <!-- /wp:group -->
-
-  <!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
-  <p class="has-small-font-size" 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)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
-  <!-- /wp:paragraph -->
-</div>
-<!-- /wp:group -->

patterns/services-list.php

@@ -0,0 +1,20 @@
+<?php
+/**
+ * Title: Services List
+ * Slug: autonomic/services-list
+ * Categories: 
+ */
+?>
+<!-- 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"}}} -->
+<p class="has-text-align-right" style="font-size:16px;font-style:normal;font-weight:700;line-height:2.5;text-transform:uppercase">Hosted Tools</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"75%"} -->
+<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"18px","lineHeight":"2"}}} -->
+<p style="font-size:18px;line-height:2">Mastodon/Hometown<br>Nextcloud<br>Matrix<br>MediaWiki<br>Discourse<br>Peertube<br>Take a look at <a href="https://recipes.coopcloud.tech/">the Co-op Cloud recipes page</a> for more</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->

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

@@ -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,36 +21,20 @@ 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;
+  flex-direction: column;
-  align-items: center;
+  height: 100%;
-  border-top: 1px solid;
 }
 
-
+@container (max-width: 20ch) {
   .wp-site-blocks h2::before {
-  content: "";
+    width: 7ch;
-  border-bottom: 1px solid;
-  border-right: 1px solid;
-  width: 80px;
-  margin-right: 8px;
-  height: 36px;
-  border-top: 2px solid var(--wp--preset--color--background);
   }
-
-.wp-site-blocks h2::after {
-  content: "";
-  border-bottom: 1px solid;
-  flex-grow: 1;
-  margin-left: 8px;
-  height: 36px;
-  border-left: 1px solid;
-  border-top: 2px solid var(--wp--preset--color--background);
-}
-
-.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 {
@@ -61,25 +45,185 @@ with others.
   color: var(--wp--preset--color--secondary)
 }
 
-.service-card {
+.wp-block-navigation-item {
-  max-width: 48%;
+  text-align: end;
-}
-
-.kt-tab-title-2 {
-  color: var(--wp--preset--color--orange) !important;
-  border-color: var(--wp--preset--color--orange) !important;
-}
-.kt-tab-title-3 {
-  color: var(--wp--preset--color--secondary) !important;
-  border-color: var(--wp--preset--color--secondary) !important;
-}
-
-.contact-monster {
-  display: flex;
-  align-items: flex-end;
-  height: 100%;
 }
 
 .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;
+  }
+}
+
+/* custom styles for lumbung presentation page */
+@media (max-width: 800px) {
+  .first-slide h1 {
+    font-size: 32px !important;
+  }
+  
+  .run-up-points ul li { 
+    font-size: 32px !important;
+  }
+}
+
+/* for free palestine block */
+.free-palestine-banner { 
+  color: var(--wp--preset--color--background); 
+  font-family: Inter, sans-serif; 
+}
+  
+/* responsive tweaks */
+.wp-block-navigation__responsive-container.is-menu-open {
+  padding: 1em
+}
+
+@media (max-width: 720px) {
+  .wp-block-group.site-container {
+    padding-top: 8px !important;
+  }
+}

templates/about.html

@@ -1,32 +1,47 @@
 <!-- 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-group" style="padding-top: 96px">
-  <div class="wp-block-columns"><!-- wp:column {"width":"20%"} -->
+    <!-- wp:columns -->
-    <div class="wp-block-column" style="flex-basis:20%">
+      <div class="wp-block-columns">
-      <!-- wp:group {"style":{"spacing":{"padding":{"top":"188px","right":"64px"}}},"layout":{"type":"constrained"}} -->
+        <!-- wp:column {"width":"15%"} -->
-      <div class="wp-block-group" style="padding-top:188px;padding-right:64px">
+          <div class="wp-block-column" style="flex-basis: 15%">
-        <!-- wp:template-part {"slug":"nav-menu","theme":"autonomic-block-theme","area":"uncategorized"} /--></div>
+            <!-- wp:template-part {"slug":"nav-menu","area":"uncategorized"} /-->
-      <!-- /wp:group -->
           </div>
         <!-- /wp:column -->
 
-    <!-- wp:column {"width":"64%"} -->
+        <!-- wp:column {"width":"50%"} -->
-    <div class="wp-block-column" style="flex-basis:64%"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
+          <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":"16%"} -->
+        <!-- wp:column {"width":"35%"} -->
-    <div class="wp-block-column" style="flex-basis:16%">
+          <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"
+              <div
-        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)">
+                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="has-text-align-center" style="text-transform:uppercase">Business info</h3>
+                  <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>
+                  <p class="has-text-align-center has-ft-88-font-family">
+                    Autonomic Co-operative
+                  </p>
                 <!-- /wp:paragraph -->
               </div>
             <!-- /wp:group -->
@@ -34,12 +49,27 @@
             <!-- 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)">
+                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
+                  <p>
-          Benefit Societies Act 2014 – you can find our registration information <a
+                    We are a Co-operative Society, registered in the “United”
-            href="https://mutuals.fca.org.uk/Search/Society/30380" target="_blank" rel="noreferrer noopener">on the
+                    “Kingdom” under the Co-operative and Community Benefit
-            Financial Conduct Authority website</a>.</p>
+                    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 -->
@@ -50,4 +80,4 @@
   </div>
 <!-- /wp:group -->
 
-<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme"} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

templates/blog.html

@@ -1,44 +0,0 @@
-<!-- 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-block-theme","area":"uncategorized"} /--></div>
-      <!-- /wp:group -->
-    </div>
-    <!-- /wp:column -->
-
-    <!-- wp:column {"width":"64%"} -->
-    <div class="wp-block-column" style="flex-basis:64%"><!-- 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":[18]}}} -->
-      <div class="wp-block-query"><!-- wp:post-template -->
-        <!-- wp:post-title {"isLink":true,"style":{"typography":{"textDecoration":"none"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}}} /-->
-
-        <!-- 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":"16%"} -->
-    <div class="wp-block-column" style="flex-basis:16%"></div>
-    <!-- /wp:column -->
-  </div>
-  <!-- /wp:columns -->
-</div>
-<!-- /wp:group -->
-
-<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme"} /-->

templates/front-page.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"autonomic/front-page"} /-->

templates/full-bleed.html

@@ -0,0 +1 @@
+<!-- wp:post-content /-->

templates/index.html

@@ -1,23 +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":"20%"} -->
+  <div class="wp-block-columns"><!-- wp:column {"width":"15%"} -->
-    <div class="wp-block-column" style="flex-basis:20%">
+    <div class="wp-block-column" style="flex-basis:15%">
-      <!-- wp:group {"style":{"spacing":{"padding":{"top":"188px","right":"64px"}}},"layout":{"type":"constrained"}} -->
+      <!-- wp:template-part {"slug":"nav-menu","area":"uncategorized"} /-->
-      <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":"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-title {"level":1,"textColor":"secondary"} /-->
+
+      <!-- wp:post-content /-->
+    </div>
     <!-- /wp:column -->
 
-    <!-- wp:column {"width":"16%"} -->
+    <!-- wp:column {"width":"35%"} -->
-    <div class="wp-block-column" style="flex-basis:16%"></div>
+    <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"} /-->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

templates/our-work.html

@@ -1,38 +0,0 @@
-<!-- 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-block-theme","area":"uncategorized"} /--></div>
-      <!-- /wp:group -->
-    </div>
-    <!-- /wp:column -->
-
-    <!-- wp:column {"width":"64%"} -->
-    <div class="wp-block-column" style="flex-basis:64%"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
-
-      <!-- wp:post-content /-->
-
-      <!-- wp:query {"queryId":40,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[],"taxQuery":{"category":[17]}}} -->
-      <div class="wp-block-query"><!-- wp:post-template -->
-        <!-- wp:post-title {"style":{"typography":{"textDecoration":"none"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}}} /-->
-
-        <!-- wp:post-featured-image {"align":"wide","style":{"border":{"width":"1px"}},"borderColor":"primary"} /-->
-
-        <!-- wp:post-content /-->
-        <!-- /wp:post-template -->
-      </div>
-      <!-- /wp:query -->
-    </div>
-    <!-- /wp:column -->
-
-    <!-- wp:column {"width":"16%"} -->
-    <div class="wp-block-column" style="flex-basis:16%"></div>
-    <!-- /wp:column -->
-  </div>
-  <!-- /wp:columns -->
-</div>
-<!-- /wp:group -->
-
-<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme"} /-->

templates/services.html

@@ -1,37 +0,0 @@
-<!-- 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-block-theme","area":"uncategorized"} /--></div>
-      <!-- /wp:group -->
-    </div>
-    <!-- /wp:column -->
-
-    <!-- wp:column {"width":"64%"} -->
-    <div class="wp-block-column" style="flex-basis:64%"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
-
-      <!-- wp:post-content /-->
-    </div>
-    <!-- /wp:column -->
-
-    <!-- wp:column {"width":"16%"} -->
-    <div class="wp-block-column" style="flex-basis:16%">
-      <!-- wp:group {"className":"contact-monster","layout":{"type":"constrained"}} -->
-      <div class="wp-block-group contact-monster">
-        <!-- wp:image {"id":123,"sizeSlug":"full","linkDestination":"none"} -->
-        <figure class="wp-block-image size-full"><img
-            src="https://beta.autonomic.zone/wp-content/uploads/2023/01/monster-contact.png" alt=""
-            class="wp-image-123" /></figure>
-        <!-- /wp:image -->
-      </div>
-      <!-- /wp:group -->
-    </div>
-    <!-- /wp:column -->
-  </div>
-  <!-- /wp:columns -->
-</div>
-<!-- /wp:group -->
-
-<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme"} /-->

templates/single.html

@@ -1,16 +1,18 @@
 <!-- wp:group {"style":{"spacing":{"padding":{"top":"96px"}}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group" style="padding-top:96px"><!-- wp:columns -->
-  <div class="wp-block-columns"><!-- wp:column {"width":"20%"} -->
+  <div class="wp-block-columns"><!-- wp:column {"width":"15%"} -->
-    <div class="wp-block-column" style="flex-basis:20%">
+    <div class="wp-block-column" style="flex-basis:15%">
-      <!-- wp:group {"style":{"spacing":{"padding":{"top":"188px","right":"64px"}}},"layout":{"type":"constrained"}} -->
+      <!-- wp:template-part {"slug":"nav-menu","area":"uncategorized"} /--></div>
-      <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":"64%"} -->
+    <!-- wp:column {"width":"50%"} -->
-    <div class="wp-block-column" style="flex-basis:64%"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
+    <div class="wp-block-column" style="flex-basis:50%">
+      <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"constrained"}} -->
+      <div class="wp-block-group"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
+
+        <!-- wp:post-date {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"typography":{"textTransform":"uppercase"}},"textColor":"secondary","fontSize":"medium"} /-->
+      </div>
+      <!-- /wp:group -->
 
       <!-- wp:post-featured-image /-->
 
@@ -18,12 +20,12 @@
     </div>
     <!-- /wp:column -->
 
-    <!-- wp:column {"width":"16%"} -->
+    <!-- wp:column {"width":"35%"} -->
-    <div class="wp-block-column" style="flex-basis:16%"></div>
+    <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"} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

templates/wide.html

@@ -0,0 +1,20 @@
+<!-- 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":"14.7%","className":"pcss-f32ed2a1","style":{"spacing":{"padding":{"left":"0px"}}},"pcssAdditionalCss":"","pcssClassId":"pcss-f32ed2a1"} -->
+    <div class="wp-block-column pcss-f32ed2a1" style="padding-left:0px;flex-basis:14.7%">
+      <!-- wp:template-part {"slug":"nav-menu","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 /-->
+    </div>
+    <!-- /wp:column -->
+  </div>
+  <!-- /wp:columns -->
+</div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

theme.json

@@ -1,94 +1,149 @@
 {
-	"version": 2,
-	"$schema": "https://schemas.wp.org/wp/6.0/theme.json",
 	"customTemplates": [
 		{
 			"name": "about",
-			"title": "About page",
 			"postTypes": [
 				"page"
-			]
+			],
+			"title": "About page"
 		},
 		{
-			"name": "services",
+			"name": "wide",
-			"title": "Services page",
 			"postTypes": [
 				"page"
-			]
+			],
+			"title": "Wide"
 		},
 		{
-			"name": "our-work",
+			"name": "full-bleed",
-			"title": "Our Work page",
 			"postTypes": [
-				"page"
+				"page",
-			]
+				"post"
-		},
+			],
-		{
+			"title": "Full bleed"
-			"name": "blog",
-			"title": "Blog page",
-			"postTypes": [
-				"page"
-			]
 		}
 	],
 	"settings": {
 		"appearanceTools": true,
 		"color": {
-			"defaultPalette": false,
-			"defaultGradients": false,
 			"defaultDuotone": false,
+			"defaultGradients": false,
+			"defaultPalette": false,
 			"palette": [
 				{
-					"slug": "background",
 					"color": "#F5FBF8",
-					"name": "Background"
+					"name": "Background",
+					"slug": "background"
 				},
 				{
-					"slug": "primary",
 					"color": "#dc3e9d",
-					"name": "Primary"
+					"name": "Primary",
+					"slug": "primary"
 				},
 				{
-					"slug": "secondary",
 					"color": "#0FB45D",
-					"name": "Secondary"
+					"name": "Secondary",
+					"slug": "secondary"
 				},
 				{
-					"slug": "button",
-					"color": "#FF7613",
-					"name": "Button color"
-				},
-				{
-					"slug": "primary-light",
 					"color": "#e89cca",
-					"name": "Primary light"
+					"name": "Primary light",
+					"slug": "primary-light"
 				},
 				{
-					"slug": "contrast-text",
 					"color": "#FFF",
-					"name": "Contrast text"
+					"name": "Contrast text",
+					"slug": "contrast-text"
 				},
 				{
-					"slug": "orange",
 					"color": "#FF7613",
-					"name": "Orange"
+					"name": "Orange",
+					"slug": "orange"
+				},
+				{
+					"color": "#000",
+					"name": "Black",
+					"slug": "black"
 				}
 			]
 		},
 		"layout": {
-			"contentSize": "1000px",
+			"contentSize": "1226px",
-			"wideSize": "1100px"
+			"wideSize": "1226px"
 		},
 		"spacing": {
-			"units": [ "px", "em", "rem", "vh", "vw", "%" ]
+			"units": [
+				"px",
+				"em",
+				"rem",
+				"vh",
+				"vw",
+				"%"
+			]
 		},
 		"typography": {
+			"defaultFontSizes": false,
 			"dropCap": true,
 			"fontFamilies": [
 				{
+					"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif",
 					"name": "System (Roboto, Segoe UI, Ubuntu)",
-					"slug": "system",
+					"slug": "system"
-					"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",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"
+							]
+						}
+					],
+					"fontFamily": "Inter, sans-serif",
+					"name": "Inter",
+					"slug": "inter"
 				},
 				{
 					"fontFace": [
@@ -112,6 +167,7 @@
 						}
 					],
 					"fontFamily": "Karmilla",
+					"name": "Karmilla",
 					"slug": "karmilla"
 				},
 				{
@@ -124,8 +180,8 @@
 							]
 						}
 					],
-					"name": "Darker Grotesque",
 					"fontFamily": "'Darker Grotesque', sans-serif",
+					"name": "Darker Grotesque",
 					"slug": "darkergrotesque"
 				},
 				{
@@ -139,22 +195,36 @@
 							]
 						}
 					],
-					"name": "FT88",
 					"fontFamily": "FT88, serif",
+					"name": "FT88",
 					"slug": "ft88"
 				}
+			],
+			"fontSizes": [
+				{
+					"name": "Small",
+					"size": "15px",
+					"slug": "small"
+				},
+				{
+					"name": "Medium",
+					"size": "21px",
+					"slug": "medium"
+				},
+				{
+					"name": "Big",
+					"size": "24px",
+					"slug": "big"
+				},
+				{
+					"name": "Huge",
+					"size": "44px",
+					"slug": "xl"
+				}
 			]
 		}
 	},
 	"styles": {
-		"typography": {
-			"fontFamily": "var(--wp--preset--font-family--karmilla)",
-			"fontSize": "21px"
-		},
-		"color": {
-			"background": "var(--wp--preset--color--background)",
-			"text": "var(--wp--preset--color--primary)"
-		},
 		"blocks": {
 			"core/button": {
 				"border": {
@@ -164,30 +234,43 @@
 			"core/navigation": {
 				"typography": {
 					"fontFamily": "var(--wp--preset--font-family--darkergrotesque)",
-					"fontSize": "21px",
+					"fontSize": "24px",
 					"fontStyle": "normal",
 					"fontWeight": "600",
 					"textTransform": "uppercase"
 				}
 			}
 		},
+		"color": {
+			"background": "var(--wp--preset--color--background)",
+			"text": "var(--wp--preset--color--primary)"
+		},
 		"elements": {
 			"h1": {
 				"typography": {
-          "fontSize": "44px",
+					"fontSize": "36px",
-          "fontWeight": "400",
+					"fontWeight": "700",
 					"lineHeight": "0.9"
 				}
 			},
 			"h2": {
-        "typography": {
+				"color": {
-          "fontSize": "14px",
+					"text": "var(--wp--preset--color--secondary)"
-          "textTransform": "uppercase"
 				},
+				"typography": {
+					"fontSize": "16px",
+					"textTransform": "uppercase"
+				}
+			},
+			"link": {
 				"color": {
 					"text": "var(--wp--preset--color--secondary)"
 				}
 			}
+		},
+		"typography": {
+			"fontFamily": "var(--wp--preset--font-family--karmilla)",
+			"fontSize": "24px"
 		}
 	},
 	"templateParts": [
@@ -196,13 +279,15 @@
 			"title": "Navigation"
 		},
 		{
+			"area": "footer",
 			"name": "footer",
-      "title": "Footer",
+			"title": "Footer"
-      "area": "footer"
 		},
 		{
 			"name": "useful-links",
 			"title": "Useful links"
 		}
-  ]
+	],
+	"version": 3,
+	"$schema": "https://schemas.wp.org/wp/6.7/theme.json"
 }