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

Change default font size to 20 and update patterns
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Aadil Ayub
2025-07-30 16:01:11 +05:00
parent 5256c8cb6a
commit daec65d8d2
7 changed files with 453 additions and 808 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
patterns/footer.php
View File

@ -1,94 +1,98 @@
<?php <?php
/** /**
* Title: footer * Title: Footer
* Slug: autonomic/footer * Slug: autonomic/footer
* Inserter: yes * 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"}} --> <!-- 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-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-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"} --> <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> <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:image --></div>
<!-- /wp:column --> <!-- /wp:column -->
<!-- wp:column {"width":"50%"} --> <!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:columns --> <div class="wp-block-column" style="flex-basis:50%"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"60%"} --> <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-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:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph --> <div class="wp-block-group"><!-- wp:paragraph -->
<p> <p>
<strong>Autonomic Co-operative Limited</strong> <strong>Autonomic Co-operative Limited</strong>
</p> </p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p> <p>
986 Pershore Road<br>Birmingham<br>B29 7PX<br>United Kingdom 986 Pershore Road<br>Birmingham<br>B29 7PX<br>United Kingdom
</p> </p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p><a href="https://autonomic.zone/gdpr/" data-type="page" data-id="184"><strong>Privacy Policy</strong> </a></p> <p><a href="https://autonomic.local/gdpr/" data-type="page" data-id="184"><strong>Privacy Policy</strong> </a></p>
<!-- /wp:paragraph --></div> <!-- /wp:paragraph --></div>
<!-- /wp:group --></div> <!-- /wp:group --></div>
<!-- /wp:group --></div> <!-- /wp:group --></div>
<!-- /wp:column --> <!-- /wp:column -->
<!-- wp:column {"width":"40%","style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} --> <!-- 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"}}} --> <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> <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 -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Registration Number: 4597</p> <p>Registration Number: 4597</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} --> <!-- 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> <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:paragraph --></div>
<!-- /wp:column --></div> <!-- /wp:column --></div>
<!-- /wp:columns --></div> <!-- /wp:columns --></div>
<!-- /wp:column --> <!-- /wp:column -->
<!-- wp:column {"width":"35%","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} --> <!-- 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"} --> <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"> <h3 class="wp-block-heading has-text-align-center has-ft-88-font-family">
Connect with us Connect with us
</h3> </h3>
<!-- /wp:heading --> <!-- /wp:heading -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} --> <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:paragraph --> <div class="wp-block-group"><!-- wp:paragraph -->
<p><a href="https://autonomic.zone/feed">rss</a></p> <p><a href="https://autonomic.local/feed">rss</a></p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p> <p>
<a href="https://sunbeam.city/@autonomic/" target="_blank" rel="noreferrer noopener">fediverse</a> <a href="https://sunbeam.city/@autonomic/" target="_blank" rel="noreferrer noopener">fediverse</a>
</p> </p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p> <p><a href="https://bsky.app/profile/autonomic.local" target="_blank" rel="noreferrer noopener">bluesky</a></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://git.autonomic.local/" data-type="URL" data-id="https://git.autonomic.local/" target="_blank" rel="noreferrer noopener">gitea</a>
</p> </p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p> <p>
<a href="https://matrix.to/#/#autonospace:autonomic.zone">matrix</a> <a href="https://matrix.to/#/#autonospace:autonomic.local">matrix</a>
</p> </p>
<!-- /wp:paragraph --></div> <!-- /wp:paragraph --></div>
<!-- /wp:group --> <!-- /wp:group -->
<!-- wp:paragraph {"align":"center"} --> <!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"> <p class="has-text-align-center">
<a href="mailto:boop@autonomic.zone">boop@autonomic.zone</a> <a href="mailto:boop@autonomic.local">boop@autonomic.local</a>
</p> </p>
<!-- /wp:paragraph --></div> <!-- /wp:paragraph --></div>
<!-- /wp:column --></div> <!-- /wp:column --></div>
<!-- /wp:columns --></div> <!-- /wp:columns --></div>
<!-- /wp:group --> <!-- /wp:group -->

97
patterns/front-page.php
View File

@ -1,33 +1,82 @@
<?php <?php
/** /**
* Title: front-page * Title: Front Page
* Slug: autonomic/front-page * Slug: autonomic/front-page
* Inserter: yes * Inserter: yes
*/ */
?> ?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"96px"}}},"layout":{"type":"constrained"}} --> <!-- wp:heading {"level":1,"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}},"typography":{"fontSize":"44px","fontStyle":"normal","fontWeight":"400"}}} -->
<div class="wp-block-group" style="padding-top:96px"><!-- wp:columns --> <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>
<div class="wp-block-columns"><!-- wp:column {"width":"15%"} --> <!-- /wp:heading -->
<div class="wp-block-column" style="flex-basis:15%">
<!-- wp:template-part {"slug":"nav-menu","area":"uncategorized"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} --> <!-- wp:group {"tagName":"section","style":{"spacing":{"margin":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-content /--></div> <section id="what-we-offer" class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)"><!-- wp:heading {"className":"is-style-tabbed-heading","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} -->
<!-- /wp:column --> <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:column {"verticalAlignment":"bottom","width":"35%"} --> <!-- wp:list {"className":"what-we-offer is-style-arrow-list","style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.6"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"spacing":{"padding":{"left":"91px"}}}} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:35%"> <ul style="padding-left:91px;font-size:28px;font-style:normal;font-weight:700;line-height:1.6" class="wp-block-list what-we-offer is-style-arrow-list has-link-color"><!-- wp:list-item -->
<!-- wp:image {"sizeSlug":"full","linkDestination":"none","className":"home-flower"} --> <li>Website development</li>
<figure class="wp-block-image size-full home-flower"><img <!-- /wp:list-item -->
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/01flowergreen-1.png" alt=""
class="" /></figure> <!-- wp:list-item -->
<!-- /wp:image --> <li>Custom app development</li>
</div> <!-- /wp:list-item -->
<!-- /wp:column -->
</div> <!-- wp:list-item -->
<!-- /wp:columns --> <li>Integrated Open Source infrastructure</li>
</div> <!-- /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 --></section>
<!-- /wp:group --> <!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->
<!-- wp:group {"tagName":"section","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<section id="work-with-us" class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:0"><!-- wp:heading {"className":"is-style-tabbed-heading","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} -->
<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"}}}},"fontSize":"big"} -->
<p class="has-link-color has-big-font-size">We build technologies and infrastructure to empower users to make a positive impact on the world. We are committed to working only with <a href="https://autonomic.zone/our-ethical-guidelines/" data-type="page" data-id="954">collaborators that align with our ethical guidelines</a>. 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 --></section>
<!-- /wp:group -->
<!-- wp:columns {"className":"values-list pcss-009421ed","style":{"border":{"width":"1px"},"typography":{"fontStyle":"normal","fontWeight":"700","lineHeight":"1.8"},"spacing":{"blockGap":{"top":"0","left":"0"},"margin":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"},"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"backgroundColor":"background","textColor":"primary","fontSize":"small","pcssAdditionalCss":"[block] div {\n padding-block: 0;\n text-align: center;\n}","pcssAdditionalCssCompiled":".pcss-009421ed div{text-align:center;padding-block:0}","pcssClassId":"pcss-009421ed"} -->
<div class="wp-block-columns values-list pcss-009421ed has-primary-color has-background-background-color has-text-color has-background has-small-font-size" id="our-values" style="border-width:1px;margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60);padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;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 {"style":{"typography":{"fontSize":"21px"}}} -->
<p style="font-size:21px">Sustainability</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","style":{"border":{"top":[],"right":{"width":"2px"},"bottom":[],"left":{"width":"2px"}}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="border-right-width:2px;border-left-width:2px"><!-- wp:paragraph {"align":"center","className":"pcss-9cf7562e","style":{"typography":{"fontSize":"21px"},"spacing":{"padding":{"top":"5px","bottom":"5px"}}},"pcssAdditionalCss":"[block] div {\n padding-block: 0;\n text-align: center;\n}","pcssAdditionalCssCompiled":".pcss-9cf7562e div{text-align:center;padding-block:0}","pcssClassId":"pcss-9cf7562e"} -->
<p class="has-text-align-center pcss-9cf7562e" style="padding-top:5px;padding-bottom:5px;font-size:21px">Privacy</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"21px"}}} -->
<p class="has-text-align-center" style="font-size:21px">Transparency</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:buttons {"style":{"spacing":{"blockGap":"0","margin":{"top":"var:preset|spacing|80"}}},"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons" style="margin-top:var(--wp--preset--spacing--80)"><!-- wp:button {"backgroundColor":"orange","fontSize":"small"} -->
<div class="wp-block-button"><a class="wp-block-button__link has-orange-background-color has-background has-small-font-size has-custom-font-size wp-element-button" href="mailto:boop@autonomic.zone">Contact us at <strong>boop@autonomic.zone</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->
<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->

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 <?php
/** /**
* Title: nav-menu * Title: Site Navigation
* Slug: autonomic/nav-menu * Slug: autonomic/nav-menu
* Inserter: yes * 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 <?php
/** /**
* Title: Autonomic Services Content * Title: Services
* Slug: autonomic/services * Slug: autonomic/services
* Description: Default content for the Services page * Description: Default content for the Services page
* Categories: autonomic * Categories: autonomic
*/ */
?> ?>
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} --> <!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"fontSize":"big"} -->
<div <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%"} -->
class="wp-block-columns" <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"}}} -->
style=" <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>
border-bottom-width: 1px; <!-- /wp:paragraph --></div>
padding-bottom: var(--wp--preset--spacing--30); <!-- /wp:column -->
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Infrastructure
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} --> <!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%"> <div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<!-- wp:paragraph --> <p>Co-op Cloud application packaging and deployment</p>
<p>Co-op Cloud application packaging and deployment</p> <!-- /wp:paragraph -->
<!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Linux server administration (Debian, Ubuntu)</p> <p>Linux server administration (Debian, Ubuntu)</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Docker/Docker Swarm</p> <p>Docker/Docker Swarm</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>CI/CD pipelines (Drone)</p> <p>CI/CD pipelines (Drone)</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Advanced Bash scripting</p> <p>Advanced Bash scripting</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Single Sign-On (oauth, Keycloak, passwordless login)</p> <p>Single Sign-On (oauth, Keycloak, passwordless login)</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Bots/Automation flows (N8n/Bash/Webhooks)</p> <p>Bots/Automation flows (N8n/Bash/Webhooks)</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Databases (MySQL, PostgreSQL, MSSQL)</p> <p>Databases (MySQL, PostgreSQL, MSSQL)</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>NoSQL Databases (Memcache, Redis, MongoDB)</p> <p>NoSQL Databases (Memcache, Redis, MongoDB)</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
</div>
<!-- /wp:column --> <!-- wp:paragraph -->
</div> <p>Email accounts, servers and lists</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --> <!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} --> <!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"orange"} -->
<div <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%"} -->
class="wp-block-columns has-button-color has-text-color" <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"}}} -->
style=" <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>
border-bottom-width: 1px; <!-- /wp:paragraph --></div>
padding-bottom: var(--wp--preset--spacing--30); <!-- /wp:column -->
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Development
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} --> <!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%"> <div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<!-- wp:paragraph --> <p>Wordpress</p>
<p>Wordpress</p> <!-- /wp:paragraph -->
<!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Static sites / flat-files CMS (Jekyll, Hugo, Grav etc)</p> <p>JavaScript/TypeScript</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Python (Django, Flask)</p> <p>Web applications (React, Next.js)</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Javascript (React, Gatsby)</p> <p>PayloadCMS&amp; flat-file CMS</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Go</p> <p>Static Site Generators (Astro, Jekyll, Hugo, Grav)</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>PHP</p> <p>Python (Django, Flask)</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>C/C++/D/Rust</p> <p>Go</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>HTML</p> <p>PHP</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>CSS</p> <p>C/C++/D/Rust</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Ruby</p> <p>HTML</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Elm</p> <p>CSS</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Website Performance optimisation</p> <p>Ruby</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Analytics (goals, events etc - Matomo, Plausible)</p> <p>Elm</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Automated testing</p> <p>Dart/Flutter app development</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Monitoring / Graphs</p> <p>Website Performance optimisation</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
</div>
<!-- /wp:column --> <!-- wp:paragraph -->
</div> <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 -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} --> <!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} -->
<div <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%"} -->
class="wp-block-columns has-secondary-color has-text-color" <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"}}} -->
style=" <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>
border-bottom-width: 1px; <!-- /wp:paragraph --></div>
padding-bottom: var(--wp--preset--spacing--30); <!-- /wp:column -->
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Technical Support
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} --> <!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%"> <div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<!-- wp:paragraph --> <p>Responsive and empathetic first and second line support</p>
<p>Responsive and empathetic first and second line support</p> <!-- /wp:paragraph -->
<!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Procurement advice (what software to use)</p> <p>Procurement advice (what software to use)</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph --></div>
</div> <!-- /wp:column --></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns --> <!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} --> <!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
<div <div class="wp-block-columns" style="border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:column {"width":"25%"} -->
class="wp-block-columns" <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"}}} -->
style=" <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>
border-bottom-width: 1px; <!-- /wp:paragraph --></div>
padding-bottom: var(--wp--preset--spacing--30); <!-- /wp:column -->
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Organisational Strategy
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} --> <!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%"> <div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<!-- wp:paragraph --> <p>Audience mapping</p>
<p>Audience mapping</p> <!-- /wp:paragraph -->
<!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Communications analysis &amp; planning</p> <p>Communications analysis &amp; planning</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Goal-setting</p> <p>Goal-setting</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Technical workflows</p> <p>Technical workflows</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Consensus decision making</p> <p>Consensus decision making</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Sociocracy</p> <p>Sociocracy</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Non-Violent Communication</p> <p>Non-Violent Communication</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Community Building</p> <p>Community Building</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Project Management</p> <p>Project Management</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Kanban/issue trackers</p> <p>Kanban/issue trackers</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph --></div>
</div> <!-- /wp:column --></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns --> <!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} --> <!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"orange"} -->
<div <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%"} -->
class="wp-block-columns has-button-color has-text-color" <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"}}} -->
style=" <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>
border-bottom-width: 1px; <!-- /wp:paragraph --></div>
padding-bottom: var(--wp--preset--spacing--30); <!-- /wp:column -->
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Design
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} --> <!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%"> <div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<!-- wp:paragraph --> <p>Logo design</p>
<p>Logo design</p> <!-- /wp:paragraph -->
<!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Visual identity design (branding)</p> <p>Visual identity design (branding)</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Website design</p> <p>Website design</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Design for print</p> <p>Design for print</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Illustration</p> <p>Illustration</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Photography</p> <p>Photography</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Photo editing</p> <p>Photo editing</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph --></div>
</div> <!-- /wp:column --></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns --> <!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} --> <!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} -->
<div <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%"} -->
class="wp-block-columns has-secondary-color has-text-color" <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"}}} -->
style=" <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>
border-bottom-width: 1px; <!-- /wp:paragraph --></div>
padding-bottom: var(--wp--preset--spacing--30); <!-- /wp:column -->
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Usability
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} --> <!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%"> <div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<!-- wp:paragraph --> <p>User experience testing</p>
<p>User experience testing</p> <!-- /wp:paragraph -->
<!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Interaction design</p> <p>Interaction design</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph --></div>
</div> <!-- /wp:column --></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns --> <!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} --> <!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
<div <div class="wp-block-columns" style="border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:column {"width":"25%"} -->
class="wp-block-columns" <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"}}} -->
style=" <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>
border-bottom-width: 1px; <!-- /wp:paragraph --></div>
padding-bottom: var(--wp--preset--spacing--30); <!-- /wp:column -->
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Training
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} --> <!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%"> <div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<!-- wp:paragraph --> <p>Documentation</p>
<p>Documentation</p> <!-- /wp:paragraph -->
<!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Workshop design and delivery</p> <p>Workshop design and delivery</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>One-to-one training</p> <p>One-to-one training</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph --></div>
</div> <!-- /wp:column --></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns --> <!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} --> <!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"orange"} -->
<div <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%"} -->
class="wp-block-columns has-button-color has-text-color" <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"}}} -->
style=" <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>
border-bottom-width: 1px; <!-- /wp:paragraph --></div>
padding-bottom: var(--wp--preset--spacing--30); <!-- /wp:column -->
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Science
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} --> <!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%"> <div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<!-- wp:paragraph --> <p>Sustainable agriculture / climate science</p>
<p>Sustainable agriculture / climate science</p> <!-- /wp:paragraph -->
<!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Physics</p> <p>Physics</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Maths</p> <p>Maths</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph --></div>
</div> <!-- /wp:column --></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns --> <!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} --> <!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} -->
<div <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%"} -->
class="wp-block-columns has-secondary-color has-text-color" <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"}}} -->
style=" <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>
border-bottom-width: 1px; <!-- /wp:paragraph --></div>
padding-bottom: var(--wp--preset--spacing--30); <!-- /wp:column -->
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Music Production
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} --> <!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%"> <div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<!-- wp:paragraph --> <p>Mixing/mastering</p>
<p>Mixing/mastering</p> <!-- /wp:paragraph -->
<!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Encoding/transcoding/production</p> <p>Encoding/transcoding/production</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Live sound</p> <p>Live sound</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Composition for moving image</p> <p>Composition for moving image</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph --></div>
</div> <!-- /wp:column --></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns --> <!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} --> <!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
<div <div class="wp-block-columns" style="border-bottom-width:1px;padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:column {"width":"25%"} -->
class="wp-block-columns" <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"}}} -->
style=" <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>
border-bottom-width: 1px; <!-- /wp:paragraph --></div>
padding-bottom: var(--wp--preset--spacing--30); <!-- /wp:column -->
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Video
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} --> <!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%"> <div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<!-- wp:paragraph --> <p>Editing</p>
<p>Editing</p> <!-- /wp:paragraph -->
<!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Motion graphics</p> <p>Motion graphics</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Stop motion animation</p> <p>Stop motion animation</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph --></div>
</div> <!-- /wp:column --></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns --> <!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} --> <!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"orange"} -->
<div <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%"} -->
class="wp-block-columns has-button-color has-text-color" <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"}}} -->
style=" <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>
border-bottom-width: 1px; <!-- /wp:paragraph --></div>
padding-bottom: var(--wp--preset--spacing--30); <!-- /wp:column -->
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Linguistics
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} --> <!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%"> <div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<!-- wp:paragraph --> <p>Copywriting (English, Brazilian Portuguese, Polish, Urdu, Swedish)</p>
<p>Copywriting (English, Brazilian Portuguese, Polish, Urdu)</p> <!-- /wp:paragraph -->
<!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Translation English to Polish</p> <p>Translation English / Polish</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
<!-- wp:paragraph --> <!-- wp:paragraph -->
<p>Translation English to Brazilian Portuguese</p> <p>Translation English / Brazilian Portuguese</p>
<!-- /wp:paragraph --> <!-- /wp:paragraph -->
</div>
<!-- /wp:column --> <!-- wp:paragraph -->
</div> <p>Translation English / Swedish</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --> <!-- /wp:columns -->
<!-- wp:paragraph --> <!-- wp:paragraph {"fontSize":"big"} -->
<p> <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>
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 -->
<!-- wp:paragraph --> <!-- wp:paragraph {"fontSize":"big"} -->
<p> <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>
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 -->
<!-- wp:paragraph --> <!-- wp:paragraph {"fontSize":"big"} -->
<p> <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>
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 -->
<!-- wp:paragraph --> <!-- wp:paragraph {"fontSize":"big"} -->
<p> <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>
We focus on building long term relationships with our clients that are <!-- /wp:paragraph -->
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 -->

5
theme.json
View File

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