autonomic-cooperative/autonomic-block-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: autonomic-cooperative:4fe96e23a4e1356d60d9d42a28a108805b29762f
Branches Tags
autonomic-cooperative:main autonomic-cooperative:dev
...
compare: autonomic-cooperative:main
Branches Tags
autonomic-cooperative:main autonomic-cooperative:dev

9 Commits
4fe96e23a4 ... main

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
10 changed files with 424 additions and 799 deletions
Expand all files Collapse all files

24
.todo
View File

@ -1,13 +1,13 @@
☐ Change default font size to 18px
☐ Change default font size for paragraph block
☐ Change default text on about page font size
☐ Change font size on services page
☐ Change font size on our work page
☐ Change font size on blog page
✔ 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
☐ Change services page to use tabs
✔ Fix broken full-bleed template in post editor @done(25-07-30 16:20)
☐ Migrate style.css to theme.json as much as possible
@ -17,7 +17,7 @@
☐ Remove underline from blog post headings on index page
☐ Add hover effect to boop@autonomic.zone button
✔ Add hover effect to boop@autonomic.zone button @done(25-07-30 16:30)
☐ Create 404 page template
@ -30,4 +30,6 @@
☐ Update figma mockups to resemble wp theme figma templates
☐ Add devcontainer/wp-now configuration
☐ Add devcontainer/wp-now configuration
☐ Standardize font sizes in theme (use variables for everything)

9
block-styles.css
View File

@ -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;
}

23
functions.php
View File

@ -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');

154
patterns/footer.php
View File

@ -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 -->

144
patterns/homepage.php
View File

@ -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 -->

2
patterns/nav-menu.php
View File

@ -1,6 +1,6 @@
<?php
/**
* Title: nav-menu
* Title: Site Navigation
* Slug: autonomic/nav-menu
* Inserter: yes
*/

20
patterns/services-list.php
View File

@ -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 -->

839
patterns/services.php
View File

@ -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 -->

3
style.css
View File

@ -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;

5
theme.json
View File

@ -226,6 +226,11 @@
},
"styles": {
"blocks": {
"core/paragraph": {
"typography": {
"fontSize": "20px"
}
},
"core/button": {
"border": {
"radius": "0px"