update todo

speed up button hover effect
2025-07-30 16:49:53 +05:00 · 2025-07-30 16:30:49 +05:00 · 2025-07-30 16:30:21 +05:00 · 2025-07-30 16:29:57 +05:00 · 2025-07-30 16:25:40 +05:00 · 2025-07-30 16:20:27 +05:00
10 changed files with 446 additions and 788 deletions
--- a/.todo
+++ b/.todo
@ -0,0 +1,35 @@
+✔ Change default font size to 18px @done(25-07-30 16:05)
+  ✔ Change default font size for paragraph block @done(25-07-30 16:05)
+  ✔ Change default font size on front page @done(25-07-30 15:48)
+  ✔ Change default text on about page font size @done(25-07-30 15:52)
+  ✔ Change font size on services page @done(25-07-30 15:59)
+  ✔ Change font size on our work page @done(25-07-30 15:59)
+  ✔ Change font size on blog page @done(25-07-30 15:59)
+  ✔ Sync all content changes to live @done(25-07-30 16:04)
+
+✔ Fix broken full-bleed template in post editor @done(25-07-30 16:20)
+
+☐ Migrate style.css to theme.json as much as possible
+
+☐ Add diamond ends to tabbed headings
+
+☐ Create diamond ends separator block style
+
+☐ Remove underline from blog post headings on index page
+
+✔ Add hover effect to boop@autonomic.zone button @done(25-07-30 16:30)
+
+☐ Create 404 page template
+
+☐ Sync frontpage content with pattern
+
+☐ Create "blog home" template to replace Index template
+  ☐ Alternatively, migrate blog home content to blog page instead of template
+
+☐ Create "No title" page template
+
+☐ Update figma mockups to resemble wp theme figma templates
+
+☐ Add devcontainer/wp-now configuration
+
+☐ Standardize font sizes in theme (use variables for everything)
--- a/block-styles.css
+++ b/block-styles.css
@ -81,7 +81,12 @@ ul.is-style-arrow-list {
 }

 /* 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)),
+:where(:not(.template-full-bleed)) .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;
+  max-width: 600px !important;
+}
+
+body.template-full-bleed :where(:not(.template-full-bleed)) .edit-post-visual-editor .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
+body.template-full-bleed .edit-post-visual-editor .editor-styles-wrapper .editor-editor-canvas__post-title-wrapper > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
+  max-width: unset !important;
 }
--- a/functions.php
+++ b/functions.php
@ -34,7 +34,12 @@ 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' ) ));
+    wp_enqueue_script( 
+        'autonomic-block-styles', 
+        get_template_directory() . '/js/block-styles.js', 
+        array( 'wp-blocks', 'wp-dom-ready', 'wp-edit-post' ), 
+        filemtime( get_template_directory() .  '/js/block-styles.js' ) 
+    );
 }
 add_action( 'enqueue_block_editor_assets', 'autonomic_theme_scripts' );

@ -71,4 +76,18 @@ function so306588_trim_excerpt_custom_restore($text)
 remove_filter('get_the_excerpt', 'wp_trim_excerpt');

 // add custom filter
-add_filter('get_the_excerpt', 'so306588_trim_excerpt_custom');
+add_filter('get_the_excerpt', 'so306588_trim_excerpt_custom');
+
+/*
+ * Add template class to admin body based on current page's template.
+ */
+function mytheme_add_template_class($classes)
+{
+    $template = get_page_template_slug();
+    if ($template) {
+        $class = preg_replace('/\.php$/', '', $template);
+        $classes .= ' template-' . sanitize_html_class($class);
+    }
+    return $classes;
+}
+add_filter('admin_body_class', 'mytheme_add_template_class');
--- a/patterns/footer.php
+++ b/patterns/footer.php
@ -1,94 +1,98 @@
 <?php
 /**
- * Title: footer
+ * 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>
+<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="https://autonomic.local/wp-content/themes/autonomic-block-theme/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>
+<!-- /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">
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><a href="https://autonomic.local/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>
+<!-- /wp:heading -->
+
+<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
+<div class="wp-block-group"><!-- wp:paragraph -->
+<p><a href="https://autonomic.local/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>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p><a href="https://bsky.app/profile/autonomic.local" target="_blank" rel="noreferrer noopener">bluesky</a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>
+              <a href="https://git.autonomic.local/" data-type="URL" data-id="https://git.autonomic.local/" target="_blank" rel="noreferrer noopener">gitea</a>
            </p>
-  <!-- /wp:paragraph -->
-  
-  <!-- wp:paragraph -->
-  <p>
-              <a href="https://matrix.to/#/#autonospace:autonomic.zone">matrix</a>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>
+              <a href="https://matrix.to/#/#autonospace:autonomic.local">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>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:paragraph {"align":"center"} -->
+<p class="has-text-align-center">
+            <a href="mailto:boop@autonomic.local">boop@autonomic.local</a>
          </p>
-  <!-- /wp:paragraph --></div>
-  <!-- /wp:column --></div>
-  <!-- /wp:columns --></div>
-  <!-- /wp:group -->
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
--- a/patterns/homepage.php
+++ b/patterns/homepage.php
@ -1,144 +0,0 @@
-<!-- wp:heading {"level":1,"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}},"typography":{"fontSize":"44px","fontStyle":"normal","fontWeight":"400"}}} -->
-  <h1
-    class="wp-block-heading"
-    style="
-      padding-bottom: var(--wp--preset--spacing--40);
-      font-size: 44px;
-      font-style: normal;
-      font-weight: 400;
-    "
-  >
-    Autonomic is a co-operative that is owned and run by its workers
-    <img
-      class="wp-image-99"
-      style="width: 26px"
-      src="https://autonomic.zone/wp-content/uploads/2023/01/leaf.png"
-      alt=""
-    />
-  </h1>
-<!-- /wp:heading -->
-
-<!-- wp:heading {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","className":"is-style-tabbed-heading"} -->
-  <h2
-    class="wp-block-heading is-style-tabbed-heading has-primary-color has-text-color has-link-color"
-  >
-    What we offer
-  </h2>
-<!-- /wp:heading -->
-
-<!-- wp:list {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.6"},"spacing":{"padding":{"left":"120px"}},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"className":"what-we-offer is-style-arrow-list"} -->
-  <ul
-    id="what-we-offer"
-    class="what-we-offer is-style-arrow-list has-link-color"
-    style="
-      padding-left: 120px;
-      font-size: 28px;
-      font-style: normal;
-      font-weight: 700;
-      line-height: 1.6;
-    "
-  >
-    <!-- wp:list-item -->
-      <li>Website development</li>
-    <!-- /wp:list-item -->
-
-    <!-- wp:list-item -->
-      <li>Custom development</li>
-    <!-- /wp:list-item -->
-
-    <!-- wp:list-item -->
-      <li>Integrated Open Source infrastructure</li>
-    <!-- /wp:list-item -->
-
-    <!-- wp:list-item -->
-      <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 {"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","className":"is-style-tabbed-heading"} -->
-  <h2
-    class="wp-block-heading is-style-tabbed-heading has-primary-color has-text-color has-link-color"
-  >
-    Interested? Work with us
-  </h2>
-<!-- /wp:heading -->
-
-<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}}} -->
-  <p class="has-link-color">
-    We build technologies and infrastructure to empower users to make a positive
-    impact on the world. All of our services reflect our
-    <a
-      href="https://autonomic.zone/blog/2022/06/our-founding-principles/"
-      data-type="post"
-      data-id="26"
-      >commitment to our core values</a
-    >:
-  </p>
-<!-- /wp:paragraph -->
-
-<!-- wp:columns {"verticalAlignment":"center","style":{"border":{"top":{"width":"1px"},"bottom":{"width":"1px"}},"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1.8"}},"className":"values-list"} -->
-  <div
-    class="wp-block-columns are-vertically-aligned-center values-list"
-    id="our-values"
-    style="
-      border-top-width: 1px;
-      border-bottom-width: 1px;
-      font-style: normal;
-      font-weight: 700;
-      line-height: 1.8;
-    "
-  >
-    <!-- wp:column {"verticalAlignment":"center"} -->
-      <div class="wp-block-column is-vertically-aligned-center">
-        <!-- wp:paragraph {"align":"center"} -->
-          <p class="has-text-align-center">Sustainability</p>
-        <!-- /wp:paragraph -->
-      </div>
-    <!-- /wp:column -->
-
-    <!-- wp:column {"verticalAlignment":"center"} -->
-      <div class="wp-block-column is-vertically-aligned-center">
-        <!-- wp:paragraph {"align":"center"} -->
-          <p class="has-text-align-center">Privacy</p>
-        <!-- /wp:paragraph -->
-      </div>
-    <!-- /wp:column -->
-
-    <!-- wp:column -->
-      <div class="wp-block-column">
-        <!-- wp:paragraph {"align":"center"} -->
-          <p class="has-text-align-center">Transparency</p>
-        <!-- /wp:paragraph -->
-      </div>
-    <!-- /wp:column -->
-  </div>
-<!-- /wp:columns -->
-
-<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0","margin":{"top":"var:preset|spacing|70"}}}} -->
-  <div
-    class="wp-block-buttons"
-    style="margin-top: var(--wp--preset--spacing--70)"
-  >
-    <!-- wp:button {"backgroundColor":"button","fontSize":"small"} -->
-      <div class="wp-block-button has-custom-font-size has-small-font-size">
-        <a
-          class="wp-block-button__link has-button-background-color has-background wp-element-button"
-          href="mailto:boop@autonomic.zone"
-          >Contact us at <strong>boop@autonomic.zone</strong></a
-        >
-      </div>
-    <!-- /wp:button -->
-  </div>
-<!-- /wp:buttons -->
--- a/patterns/nav-menu.php
+++ b/patterns/nav-menu.php
@ -1,6 +1,6 @@
 <?php
 /**
- * Title: nav-menu
+ * Title: Site Navigation
 * Slug: autonomic/nav-menu
 * Inserter: yes
 */
--- a/patterns/services-list.php
+++ b/patterns/services-list.php
@ -1,20 +0,0 @@
-<?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 -->
--- a/patterns/services.php
+++ b/patterns/services.php
@ -1,647 +1,398 @@
 <?php
 /**
- * Title: Autonomic Services Content
+ * Title: Services
 * 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:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"fontSize":"big"} -->
+<div class="wp-block-columns has-big-font-size" 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","className":"services-heading","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
+<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: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>Linux server administration (Debian, Ubuntu)</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Docker/Docker Swarm</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>CI/CD pipelines (Drone)</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Advanced Bash scripting</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>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>Bots/Automation flows (N8n/Bash/Webhooks)</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Databases (MySQL, PostgreSQL, MSSQL)</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:paragraph -->
+<p>NoSQL Databases (Memcache, Redis, MongoDB)</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Email accounts, servers and lists</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:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"orange"} -->
+<div class="wp-block-columns has-orange-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","className":"services-heading","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
+<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: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>JavaScript/TypeScript</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Python (Django, Flask)</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Web applications (React, Next.js)</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Javascript (React, Gatsby)</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>PayloadCMS&amp;  flat-file CMS</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Go</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Static Site Generators  (Astro, Jekyll, Hugo, Grav)</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>PHP</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Python (Django, Flask)</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>C/C++/D/Rust</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Go</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>HTML</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>PHP</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>CSS</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>C/C++/D/Rust</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Ruby</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>HTML</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Elm</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>CSS</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Website Performance optimisation</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Ruby</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Analytics (goals, events etc - Matomo, Plausible)</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Elm</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Automated testing</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Dart/Flutter app development</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Monitoring / Graphs</p>
-        <!-- /wp:paragraph -->
-      </div>
-    <!-- /wp:column -->
-  </div>
+<!-- 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 -->
+<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","className":"services-heading","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
+<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: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: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 -->
+<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","className":"services-heading","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
+<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: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>Communications analysis &amp; planning</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Goal-setting</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Goal-setting</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Technical workflows</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Technical workflows</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Consensus decision making</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Consensus decision making</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Sociocracy</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Sociocracy</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Non-Violent Communication</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Non-Violent Communication</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Community Building</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Community Building</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Project Management</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: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:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"orange"} -->
+<div class="wp-block-columns has-orange-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","className":"services-heading","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
+<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: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>Visual identity design (branding)</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Website design</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Website design</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Design for print</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Design for print</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Illustration</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Illustration</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Photography</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Photography</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Photo editing</p>
-        <!-- /wp:paragraph -->
-      </div>
-    <!-- /wp:column -->
-  </div>
+<!-- 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 -->
+<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","className":"services-heading","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
+<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: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: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 -->
+<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","className":"services-heading","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
+<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: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>Workshop design and delivery</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>One-to-one training</p>
-        <!-- /wp:paragraph -->
-      </div>
-    <!-- /wp:column -->
-  </div>
+<!-- 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:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"orange"} -->
+<div class="wp-block-columns has-orange-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","className":"services-heading","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
+<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: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>Physics</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Maths</p>
-        <!-- /wp:paragraph -->
-      </div>
-    <!-- /wp:column -->
-  </div>
+<!-- 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 -->
+<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","className":"services-heading","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
+<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: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>Encoding/transcoding/production</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Live sound</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: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 -->
+<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","className":"services-heading","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
+<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: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>Motion graphics</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Stop motion animation</p>
-        <!-- /wp:paragraph -->
-      </div>
-    <!-- /wp:column -->
-  </div>
+<!-- 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:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"orange"} -->
+<div class="wp-block-columns has-orange-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","className":"services-heading","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
+<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:column {"width":"75%"} -->
+<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
+<p>Copywriting (English, Brazilian Portuguese, Polish, Urdu, Swedish)</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Translation English to Polish</p>
-        <!-- /wp:paragraph -->
+<!-- wp:paragraph -->
+<p>Translation English / Polish</p>
+<!-- /wp:paragraph -->

-        <!-- wp:paragraph -->
-          <p>Translation English to Brazilian Portuguese</p>
-        <!-- /wp:paragraph -->
-      </div>
-    <!-- /wp:column -->
-  </div>
+<!-- wp:paragraph -->
+<p>Translation English / Brazilian Portuguese</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph -->
+<p>Translation English / Swedish</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 {"fontSize":"big"} -->
+<p class="has-big-font-size">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 {"fontSize":"big"} -->
+<p class="has-big-font-size">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 {"fontSize":"big"} -->
+<p class="has-big-font-size">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 -->
+<!-- wp:paragraph {"fontSize":"big"} -->
+<p class="has-big-font-size">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.local">drop us an email</a> today.</p>
+<!-- /wp:paragraph -->
--- a/style.css
+++ b/style.css
@ -92,6 +92,9 @@ body {
  padding: 1em;
 }

+.wp-block-button { transition: all 0.125s ease-in-out; }
+.wp-block-button:hover { transform: scale(1.05); }
+
@media screen and (max-width: 782px) {
  .nav-menu {
    padding-left: 1rem;
--- a/theme.json
+++ b/theme.json
@ -226,6 +226,11 @@
 	},
 	"styles": {
 		"blocks": {
+			"core/paragraph": {
+				"typography": {
+					"fontSize": "20px"
+				}
+			},
 			"core/button": {
 				"border": {
 					"radius": "0px"
Author	SHA1	Message	Date
Aadil Ayub	8cbe542542	update todo All checks were successful continuous-integration/drone/push Build is passing Details	2025-07-30 16:49:53 +05:00
Aadil Ayub	1a0c1bd04b	update todo All checks were successful continuous-integration/drone/push Build is passing Details	2025-07-30 16:30:49 +05:00
Aadil Ayub	981a835575	speed up button hover effect All checks were successful continuous-integration/drone/push Build is passing Details	2025-07-30 16:30:21 +05:00
Aadil Ayub	e98f88329f	add hover effect to buttons	2025-07-30 16:29:57 +05:00
Aadil Ayub	9d8197aae1	fix front page template All checks were successful continuous-integration/drone/push Build is passing Details	2025-07-30 16:25:40 +05:00
Aadil Ayub	8be2b61615	Fix broken full bleed template in post editor All checks were successful continuous-integration/drone/push Build is passing Details	2025-07-30 16:20:27 +05:00
Aadil Ayub	4e9c38d695	add .todo to gitignore	2025-07-30 16:05:00 +05:00
Aadil Ayub	daec65d8d2	Change default font size to 20 and update patterns All checks were successful continuous-integration/drone/push Build is passing Details	2025-07-30 16:01:11 +05:00
Aadil Ayub	5256c8cb6a	fix random php error in site editor All checks were successful continuous-integration/drone/push Build is passing Details	2025-07-30 15:45:36 +05:00
Aadil Ayub	4fe96e23a4	Update todo file All checks were successful continuous-integration/drone/push Build is passing Details	2025-07-29 20:28:12 +05:00
Aadil Ayub	4f776358ed	add todo file	2025-07-29 20:27:38 +05:00