show patterns in inserter

Reviewed-on: #2

.drone.yml

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

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' );
 }
-wp_enqueue_style( 'custom-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,33 +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"}}} /-->
+<!-- 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 -->

parts/useful-links.html

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

patterns/about.php

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

patterns/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,72 +1,144 @@
-<?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=""></h1>
+    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 -->
+<!-- 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"><!-- wp:list-item -->
+  <ul
-<li>Support</li>
+    id="what-we-offer"
-<!-- /wp:list-item -->
+    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 -->
+    <!-- wp:list-item -->
-<li>Website development</li>
+      <li>Custom development</li>
-<!-- /wp:list-item -->
+    <!-- /wp:list-item -->
 
-<!-- wp:list-item -->
+    <!-- wp:list-item -->
-<li>Custom development</li>
+      <li>Integrated Open Source infrastructure</li>
-<!-- /wp:list-item -->
+    <!-- /wp:list-item -->
 
-<!-- wp:list-item -->
+    <!-- wp:list-item -->
-<li>Training</li>
+      <li>Hosting</li>
-<!-- /wp:list-item -->
+    <!-- /wp:list-item -->
 
-<!-- wp:list-item -->
+    <!-- wp:list-item -->
-<li>Etc whatever u want</li>
+      <li>Support &amp; training</li>
-<!-- /wp:list-item --></ul>
+    <!-- /wp:list-item -->
+
+    <!-- wp:list-item -->
+      <li>
+        And more, check out
+        <a href="https://autonomic.zone/services/">our current offerings</a>
+      </li>
+    <!-- /wp:list-item -->
+  </ul>
 <!-- /wp:list -->
 
-<!-- wp:heading -->
+<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","className":"is-style-tabbed-heading"} -->
-<h2>Interested? Work with us</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>We build technologies and infrastructure to empower users to make a positive impact on the world. All of our services reflect our commitment to our core values:</p>
+  <p class="has-link-color">
+    We build technologies and infrastructure to empower users to make a positive
+    impact on the world. All of our services reflect our
+    <a
+      href="https://autonomic.zone/blog/2022/06/our-founding-principles/"
+      data-type="post"
+      data-id="26"
+      >commitment to our core values</a
+    >:
+  </p>
 <!-- /wp:paragraph -->
 
-<!-- wp:group {"layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"}} -->
+<!-- wp:columns {"verticalAlignment":"center","style":{"border":{"top":{"width":"1px"},"bottom":{"width":"1px"}},"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1.8"}},"className":"values-list"} -->
-<div class="wp-block-group"><!-- wp:buttons {"style":{"spacing":{"blockGap":"0"},"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
+  <div
-<div class="wp-block-buttons" style="font-style:normal;font-weight:700"><!-- wp:button {"className":"is-style-outline"} -->
+    class="wp-block-columns are-vertically-aligned-center values-list"
-<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Sustainability</a></div>
+    id="our-values"
-<!-- /wp:button -->
+    style="
+      border-top-width: 1px;
+      border-bottom-width: 1px;
+      font-style: normal;
+      font-weight: 700;
+      line-height: 1.8;
+    "
+  >
+    <!-- wp:column {"verticalAlignment":"center"} -->
+      <div class="wp-block-column is-vertically-aligned-center">
+        <!-- wp:paragraph {"align":"center"} -->
+          <p class="has-text-align-center">Sustainability</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
 
-<!-- wp:button {"className":"is-style-outline"} -->
+    <!-- wp:column {"verticalAlignment":"center"} -->
-<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Privacy</a></div>
+      <div class="wp-block-column is-vertically-aligned-center">
-<!-- /wp:button -->
+        <!-- wp:paragraph {"align":"center"} -->
+          <p class="has-text-align-center">Privacy</p>
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
 
-<!-- wp:button {"className":"is-style-outline"} -->
+    <!-- wp:column -->
-<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Transparency</a></div>
+      <div class="wp-block-column">
-<!-- /wp:button --></div>
+        <!-- wp:paragraph {"align":"center"} -->
-<!-- /wp:buttons --></div>
+          <p class="has-text-align-center">Transparency</p>
-<!-- /wp:group -->
+        <!-- /wp:paragraph -->
+      </div>
+    <!-- /wp:column -->
+  </div>
+<!-- /wp:columns -->
 
-<!-- wp:paragraph {"fontSize":"small"} -->
+<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0","margin":{"top":"var:preset|spacing|70"}}}} -->
-<p class="has-small-font-size">You can consult our expanded list of values here.</p>
+  <div
-<!-- /wp:paragraph -->
+    class="wp-block-buttons"
-
+    style="margin-top: var(--wp--preset--spacing--70)"
-<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0"}}} -->
+  >
-<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"button","fontSize":"small"} -->
+    <!-- wp:button {"backgroundColor":"button","fontSize":"small"} -->
-<div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-button-background-color has-background wp-element-button">Contact us at <strong>hello@autonomic.zone</strong></a></div>
+      <div class="wp-block-button has-custom-font-size has-small-font-size">
-<!-- /wp:button --></div>
+        <a
+          class="wp-block-button__link has-button-background-color has-background wp-element-button"
+          href="mailto:boop@autonomic.zone"
+          >Contact us at <strong>boop@autonomic.zone</strong></a
+        >
+      </div>
+    <!-- /wp:button -->
+  </div>
 <!-- /wp:buttons -->

patterns/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/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,38 +21,209 @@ 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-bottom: 1px solid;
 }
 
-
+@container (max-width: 20ch) {
-.wp-site-blocks h2::before {
+  .wp-site-blocks h2::before {
-  content: "";
+    width: 7ch;
-  border-top: 1px solid;
+  }
-  border-right: 1px solid;
-  width: 80px;
-  margin-right: 8px;
-  height: 36px;
-  border-bottom: 1px solid var(--wp--preset--color--background);
 }
 
-.wp-site-blocks h2::after {
+.home .wp-site-blocks h2 {
-  content: "";
+  color: var(--wp--preset--color--primary)
-  border-top: 1px solid;
-  flex-grow: 1;
-  margin-left: 8px;
-  height: 36px;
-  border-left: 1px solid;
-  border-bottom: 1px solid var(--wp--preset--color--background);
-}
-
-.wp-site-blocks ul {
-  list-style-image: url('https://beta.autonomic.zone/wp-content/uploads/2023/01/arrow.png');
 }
 
 .wp-block-navigation-item.current-menu-item {
   color: var(--wp--preset--color--secondary)
 }
+
+.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;
+  }
+}
+
+/* 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

@@ -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","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","tagName":"footer"} /-->

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

templates/single.html

@@ -0,0 +1,31 @@
+<!-- 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: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 /-->
+
+      <!-- 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","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,54 +1,149 @@
 {
-	"version": 2,
+	"customTemplates": [
-	"$schema": "https://schemas.wp.org/wp/6.0/theme.json",
+		{
+			"name": "about",
+			"postTypes": [
+				"page"
+			],
+			"title": "About page"
+		},
+		{
+			"name": "wide",
+			"postTypes": [
+				"page"
+			],
+			"title": "Wide"
+		},
+		{
+			"name": "full-bleed",
+			"postTypes": [
+				"page",
+				"post"
+			],
+			"title": "Full bleed"
+		}
+	],
 	"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": "foreground",
 					"color": "#dc3e9d",
-					"name": "Foreground"
+					"name": "Primary",
+					"slug": "primary"
 				},
 				{
-					"slug": "primary",
-					"color": "#dc3e9d",
-					"name": "Primary"
-				},
-				{
-					"slug": "secondary",
 					"color": "#0FB45D",
-					"name": "Secondary"
+					"name": "Secondary",
+					"slug": "secondary"
+				},
+				{
+					"color": "#e89cca",
+					"name": "Primary light",
+					"slug": "primary-light"
+				},
+				{
+					"color": "#FFF",
+					"name": "Contrast text",
+					"slug": "contrast-text"
 				},
 				{
-					"slug": "button",
 					"color": "#FF7613",
-					"name": "Button color"
+					"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": [
@@ -72,6 +167,7 @@
 						}
 					],
 					"fontFamily": "Karmilla",
+					"name": "Karmilla",
 					"slug": "karmilla"
 				},
 				{
@@ -84,63 +180,114 @@
 							]
 						}
 					],
-					"name": "'Darker Grotesque', sans-serif",
+					"fontFamily": "'Darker Grotesque', sans-serif",
-					"fontFamily": "Darker Grotesque",
+					"name": "Darker Grotesque",
 					"slug": "darkergrotesque"
+				},
+				{
+					"fontFace": [
+						{
+							"fontFamily": "FT88",
+							"fontWeight": "400",
+							"src": [
+								"file:./assets/fonts/FT88-School.otf",
+								"file:./assets/fonts/FT88-School.ttf"
+							]
+						}
+					],
+					"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--foreground)"
-		},
 		"blocks": {
-      "core/button": {
+			"core/button": {
-        "border": {
+				"border": {
-          "radius": "0px"
+					"radius": "0px"
-        }
+				}
-      },
+			},
 			"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": {
+			"h1": {
-        "typography": {
+				"typography": {
-          "fontSize": "44px",
+					"fontSize": "36px",
-          "fontWeight": "400",
+					"fontWeight": "700",
-          "lineHeight": "0.9"
+					"lineHeight": "0.9"
-        }
+				}
-      },
+			},
-      "h2": {
+			"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": [
-    {
+		{
-      "name": "nav-menu",
+			"name": "nav-menu",
-      "title": "Navigation"
+			"title": "Navigation"
-    },
+		},
-    {
+		{
-      "name": "footer",
+			"area": "footer",
-      "title": "Footer",
+			"name": "footer",
-      "area": "footer"
+			"title": "Footer"
-    }
+		},
-  ]
+		{
+			"name": "useful-links",
+			"title": "Useful links"
+		}
+	],
+	"version": 3,
+	"$schema": "https://schemas.wp.org/wp/6.7/theme.json"
 }