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

18
patterns/footer.php
View File

@ -1,6 +1,6 @@
<?php
/**
* Title: footer
* Title: Footer
* Slug: autonomic/footer
* Inserter: yes
*/
@ -9,7 +9,7 @@
<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>
<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 -->
@ -31,7 +31,7 @@
<!-- /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:group --></div>
<!-- /wp:group --></div>
@ -62,7 +62,7 @@
<!-- 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>
<p><a href="https://autonomic.local/feed">rss</a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
@ -71,22 +71,26 @@
</p>
<!-- /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.zone/" data-type="URL" data-id="https://git.autonomic.zone/" target="_blank" rel="noreferrer noopener">gitea</a>
<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>
<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>
<a href="mailto:boop@autonomic.local">boop@autonomic.local</a>
</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>

97
patterns/front-page.php
View File

@ -1,33 +1,82 @@
<?php
/**
* Title: front-page
* Title: Front Page
* Slug: autonomic/front-page
* Inserter: yes
*/
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"96px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:96px"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column {"width":"15%"} -->
<div class="wp-block-column" style="flex-basis:15%">
<!-- wp:template-part {"slug":"nav-menu","area":"uncategorized"} /-->
</div>
<!-- /wp:column -->
<!-- wp: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:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-content /--></div>
<!-- /wp:column -->
<!-- wp:group {"tagName":"section","style":{"spacing":{"margin":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
<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"} -->
<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%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:35%">
<!-- wp:image {"sizeSlug":"full","linkDestination":"none","className":"home-flower"} -->
<figure class="wp-block-image size-full home-flower"><img
src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/01flowergreen-1.png" alt=""
class="" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- wp: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"}}}} -->
<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 -->
<li>Website development</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Custom app 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 --></section>
<!-- /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
/**
* 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 -->

483
patterns/services.php
View File

@ -1,42 +1,21 @@
<?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: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 -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<p>Co-op Cloud application packaging and deployment</p>
<!-- /wp:paragraph -->
@ -71,56 +50,45 @@
<!-- wp:paragraph -->
<p>NoSQL Databases (Memcache, Redis, MongoDB)</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- 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: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 -->
<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>
<p>JavaScript/TypeScript</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Web applications (React, Next.js)</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>PayloadCMS&amp; flat-file CMS</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Static Site Generators (Astro, Jekyll, Hugo, Grav)</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Python (Django, Flask)</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Javascript (React, Gatsby)</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Go</p>
<!-- /wp:paragraph -->
@ -149,6 +117,10 @@
<p>Elm</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Dart/Flutter app development</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Website Performance optimisation</p>
<!-- /wp:paragraph -->
@ -163,83 +135,37 @@
<!-- wp:paragraph -->
<p>Monitoring / Graphs</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /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>
<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 -->
<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 --></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>
<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 -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<p>Audience mapping</p>
<!-- /wp:paragraph -->
@ -277,42 +203,19 @@
<!-- wp:paragraph -->
<p>Kanban/issue trackers</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /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: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 -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<p>Logo design</p>
<!-- /wp:paragraph -->
@ -338,83 +241,37 @@
<!-- wp:paragraph -->
<p>Photo editing</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /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>
<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 -->
<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 --></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>
<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 -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<p>Documentation</p>
<!-- /wp:paragraph -->
@ -424,42 +281,19 @@
<!-- wp:paragraph -->
<p>One-to-one training</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /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: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 -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<p>Sustainable agriculture / climate science</p>
<!-- /wp:paragraph -->
@ -469,42 +303,19 @@
<!-- wp:paragraph -->
<p>Maths</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /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>
<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 -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<p>Mixing/mastering</p>
<!-- /wp:paragraph -->
@ -518,42 +329,19 @@
<!-- wp:paragraph -->
<p>Composition for moving image</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /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>
<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 -->
<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph -->
<p>Editing</p>
<!-- /wp:paragraph -->
@ -563,85 +351,48 @@
<!-- wp:paragraph -->
<p>Stop motion animation</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /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: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>
<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>
<p>Translation English / Polish</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Translation English to Brazilian Portuguese</p>
<p>Translation English / Brazilian Portuguese</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- 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 {"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 -->

5
theme.json
View File

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