Compare commits

..

No commits in common. "main" and "dev" have entirely different histories.
main ... dev

23 changed files with 149 additions and 1853 deletions

View File

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

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -1,79 +0,0 @@
/* For the "Tabbed Heading" block style */
.is-style-tabbed-heading {
display: flex;
height: 36px;
align-items: center;
border-top: 1px solid;
font-size: 14px;
}
.is-style-tabbed-heading::before {
content: "";
border-bottom: 1px solid;
border-right: 1px solid;
width: 80px;
margin-right: 12px;
height: 36px;
border-top: 2px solid var(--wp--preset--color--background);
}
@media (max-width: 782px) {
.is-style-tabbed-heading::before {
width: 32px;
}
}
.is-style-tabbed-heading::after {
content: "";
border-bottom: 1px solid;
flex-grow: 1;
margin-left: 12px;
height: 36px;
border-left: 1px solid;
border-top: 2px solid var(--wp--preset--color--background);
}
/* For the "Markdown-style Heading" block style */
.is-style-markdown-heading {
margin-bottom: 1em;
}
.is-style-markdown-heading.wp-block-post-title a {
display: inline;
}
.is-style-markdown-heading::before {
content: "##";
width: 4ch;
margin-right: 0;
font-family: monospace;
margin-inline-end: .3em;
letter-spacing: 2px;
}
@media screen and (max-width: 782px) {
.is-style-markdown-heading::before {
margin-inline-start: 1em;
}
}
@media screen and (min-width: 782px) {
.is-style-markdown-heading {
margin-top: 4em;
font-size: var(--wp--preset--font-size--medium);
}
}
/* For "Arrow" style lists
* TODO: use an svg or dashicons arrow component for this
*/
ul.is-style-arrow-list {
list-style-image: url('https://beta.autonomic.zone/wp-content/uploads/2023/01/arrow.png');
}
/* HACK: fixing stretched out post width in editor */
.edit-post-visual-editor .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.edit-post-visual-editor .editor-styles-wrapper .editor-editor-canvas__post-title-wrapper > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: 600px !important;
}

View File

@ -4,65 +4,5 @@ add_action('init', 'custom_stylesheet');
function custom_stylesheet() {
wp_register_style( 'custom-styles', get_template_directory_uri() . '/style.css' );
/**
* making sure css from block styles gets loaded on front-end
* TODO: unify both css files into one stylesheet
*/
wp_register_style( 'block-styles', get_theme_file_uri( 'block-styles.css' ) );
}
wp_enqueue_style( 'custom-styles' );
wp_enqueue_style( 'block-styles' );
function autonomic_block_styles() {
/**
* Enable support for block editor styles
* @link https://developer.wordpress.org/themes/basics/theme-functions/#theme-support-in-block-themes
*/
add_theme_support( 'editor-styles' );
add_theme_support( 'wp-block-styles' );
add_editor_style( 'block-styles.css' );
}
add_action( 'after_setup_theme', 'autonomic_block_styles' );
function autonomic_theme_scripts() {
// this is also for block styles
wp_enqueue_script( 'autonomic-block-styles', get_theme_file_uri( '/js/block-styles.js' ), array( 'wp-blocks', 'wp-dom-ready', 'wp-edit-post' ), filemtime( get_theme_file_uri( '/js/block-styles.js' ) ));
}
add_action( 'enqueue_block_editor_assets', 'autonomic_theme_scripts' );
// Code for enabling line breaks in post excerpts
define('EXCERPT_RARELY', '{[}]');
define('EXCERPT_BR', nl2br(PHP_EOL));
function so306588_trim_excerpt_custom($text = '')
{
add_filter('the_content', 'so306588_trim_excerpt_custom_mark', 6);
// get through origin filter
$text = wp_trim_excerpt($text);
remove_filter('the_content', 'so306588_trim_excerpt_custom_mark', 6);
return so306588_trim_excerpt_custom_restore($text);
}
function so306588_trim_excerpt_custom_mark($text)
{
$text = nl2br($text);
return str_replace(EXCERPT_BR, EXCERPT_RARELY, $text);
}
function so306588_trim_excerpt_custom_restore($text)
{
return str_replace(EXCERPT_RARELY, EXCERPT_BR, $text);
}
// remove default filter
remove_filter('get_the_excerpt', 'wp_trim_excerpt');
// add custom filter
add_filter('get_the_excerpt', 'so306588_trim_excerpt_custom');
wp_enqueue_style( 'custom-styles' );

View File

@ -1,36 +0,0 @@
wp.domReady( () => {
wp.blocks.registerBlockStyle(
'core/heading', {
name: 'tabbed-heading',
label: 'Tabbed Heading',
}
)
wp.blocks.registerBlockStyle(
'core/post-title', {
name: 'tabbed-heading',
label: 'Tabbed Heading',
}
)
wp.blocks.registerBlockStyle(
'core/heading', {
name: 'markdown-heading',
label: 'Markdown-style Heading',
}
)
wp.blocks.registerBlockStyle(
'core/post-title', {
name: 'markdown-heading',
label: 'Markdown-style Heading',
}
)
wp.blocks.registerBlockStyle(
'core/list', {
name: 'arrow-list',
label: 'Arrows',
}
)
} )

View File

@ -1,176 +1,33 @@
<!-- wp:group {"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","className":"footer","layout":{"type":"constrained"},"fontSize":"small"} -->
<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 {"align":"right","id":105,"sizeSlug":"full","linkDestination":"none","className":"autonomic-logo"} -->
<figure
class="wp-block-image alignright size-full autonomic-logo"
>
<img
src="https://autonomic.zone/wp-content/uploads/2023/01/monster.png"
alt=""
class="wp-image-105"
/>
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis: 50%">
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis: 60%">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:paragraph -->
<p>
<strong>Autonomic Co-operative Limited</strong>
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>
1539 Pershore Road<br />Birmingham<br />B30
2JH<br />United Kingdom
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>
<a
href="https://autonomic.zone/gdpr/"
data-type="page"
data-id="184"
><strong>Privacy Policy</strong></a
>
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%","style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} -->
<div class="wp-block-column" style="flex-basis: 40%">
<!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
<p style="font-weight: 700">
We are a Co-operative Society registered with the
<a
href="https://mutuals.fca.org.uk/"
data-type="URL"
data-id="https://mutuals.fca.org.uk/"
target="_blank"
rel="noreferrer noopener"
>FCA</a
>.
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Registration Number: 4597</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
<p style="font-weight: 700">
Member of the
<a
href="https://www.coops.tech/"
data-type="URL"
data-id="https://www.coops.tech/"
>CoTech</a
>
network of tech worker co-ops
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"35%","style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} -->
<div class="wp-block-column" style="flex-basis: 35%">
<!-- wp:heading {"textAlign":"center","level":3,"fontFamily":"ft88"} -->
<h3
class="wp-block-heading has-text-align-center has-ft-88-font-family"
>
Connect with us
</h3>
<!-- /wp:heading -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group">
<!-- wp:paragraph -->
<p><a href="https://autonomic.zone/feed">rss</a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>
<a
href="https://sunbeam.city/@autonomic/"
target="_blank"
rel="noreferrer noopener"
>fediverse</a
>
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>
<a
href="https://git.autonomic.zone/"
data-type="URL"
data-id="https://git.autonomic.zone/"
target="_blank"
rel="noreferrer noopener"
>gitea</a
>
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>
<a href="https://matrix.to/#/#autonospace:autonomic.zone"
>matrix</a
>
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center">
<a href="mailto:boop@autonomic.zone">boop@autonomic.zone</a>
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"secondary","textColor":"background","layout":{"type":"constrained"},"fontSize":"small"} -->
<div class="wp-block-group has-background-color has-secondary-background-color has-text-color has-background has-link-color has-small-font-size" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:site-logo {"width":44,"shouldSyncIcon":false} /-->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph -->
<p><strong>Autonomic Co-operative Limited</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>1539 Pershore Road<br>Birmingham<br>B30 2JH<br>United Kingdom</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
<p style="font-weight:700">We are a Co-operative Society registered with the <a href="https://mutuals.fca.org.uk/" data-type="URL" data-id="https://mutuals.fca.org.uk/" target="_blank" rel="noreferrer noopener">FCA</a>.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Registration Number: 4597</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"typography":{"fontWeight":"700"}}} -->
<p style="font-weight:700">Member of the <a href="https://www.coops.tech/" data-type="URL" data-id="https://www.coops.tech/">CoTech Network</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

View File

@ -1,15 +1 @@
<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"className":"nav-menu","layout":{"type":"default"}} -->
<div class="wp-block-group nav-menu">
<!-- wp:group {"className":"logo-wrapper","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
<div class="wp-block-group logo-wrapper">
<!-- wp:image {"id":411,"width":64,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img
src="https://autonomic.zone/wp-content/uploads/2023/05/monsterpink.png" alt="" class="wp-image-411"
style="width:64px" width="64" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->
<!-- wp:navigation {"ref":101,"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"},"style":{"typography":{"textDecoration":"underline","textTransform":"lowercase"},"spacing":{"blockGap":"var:preset|spacing|30"}}} /-->
</div>
<!-- /wp:group -->
<!-- wp:navigation {"ref":104,"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"},"style":{"typography":{"textDecoration":"underline"}}} /-->

View File

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

View File

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

View File

@ -1,144 +1,72 @@
<!-- 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>
<?php
/**
* Title: Autonomic Homepage
* Slug: autonomic/homepage
* Description: Default content for the homepage
* Categories: autonomic
*/
?>
<!-- wp:heading {"level":1,"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40"}}}} -->
<h1 style="padding-bottom:var(--wp--preset--spacing--40)">Autonomic is a co-operative that is owned and run by its workers <img class="wp-image-99" style="width: 26px;" src="https://beta.autonomic.zone/wp-content/uploads/2023/01/leaf.png" alt=""></h1>
<!-- /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 -->
<h2>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 {"style":{"typography":{"fontSize":"28px","fontStyle":"normal","fontWeight":"700","lineHeight":"1.6"},"spacing":{"padding":{"left":"120px"}}}} -->
<ul style="padding-left:120px;font-size:28px;font-style:normal;font-weight:700;line-height:1.6"><!-- wp:list-item -->
<li>Support</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Custom development</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Website development</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Integrated Open Source infrastructure</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Custom development</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Hosting</li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li>Training</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-item -->
<li>Etc whatever u want</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 -->
<h2>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 -->
<p>We build technologies and infrastructure to empower users to make a positive impact on the world. All of our services reflect our commitment to our core values:</p>
<!-- /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:group {"layout":{"type":"flex","orientation":"horizontal","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:buttons {"style":{"spacing":{"blockGap":"0"},"typography":{"fontStyle":"normal","fontWeight":"700"}}} -->
<div class="wp-block-buttons" style="font-style:normal;font-weight:700"><!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Sustainability</a></div>
<!-- /wp:button -->
<!-- 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:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Privacy</a></div>
<!-- /wp:button -->
<!-- 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:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Transparency</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons --></div>
<!-- /wp:group -->
<!-- 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 -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">You can consult our expanded list of values here.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"button","fontSize":"small"} -->
<div class="wp-block-button has-custom-font-size has-small-font-size"><a class="wp-block-button__link has-button-background-color has-background wp-element-button">Contact us at <strong>hello@autonomic.zone</strong></a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

View File

@ -1,647 +0,0 @@
<?php
/**
* Title: Autonomic Services Content
* Slug: autonomic/services
* Description: Default content for the Services page
* Categories: autonomic
*/
?>
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
<div
class="wp-block-columns"
style="
border-bottom-width: 1px;
padding-bottom: var(--wp--preset--spacing--30);
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Infrastructure
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%">
<!-- wp:paragraph -->
<p>Co-op Cloud application packaging and deployment</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Linux server administration (Debian, Ubuntu)</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Docker/Docker Swarm</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>CI/CD pipelines (Drone)</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Advanced Bash scripting</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Single Sign-On (oauth, Keycloak, passwordless login)</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Bots/Automation flows (N8n/Bash/Webhooks)</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Databases (MySQL, PostgreSQL, MSSQL)</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>NoSQL Databases (Memcache, Redis, MongoDB)</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} -->
<div
class="wp-block-columns has-button-color has-text-color"
style="
border-bottom-width: 1px;
padding-bottom: var(--wp--preset--spacing--30);
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Development
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%">
<!-- wp:paragraph -->
<p>Wordpress</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Static sites / flat-files CMS (Jekyll, Hugo, Grav etc)</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Python (Django, Flask)</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Javascript (React, Gatsby)</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Go</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>PHP</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>C/C++/D/Rust</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>HTML</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>CSS</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Ruby</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Elm</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Website Performance optimisation</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Analytics (goals, events etc - Matomo, Plausible)</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Automated testing</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Monitoring / Graphs</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} -->
<div
class="wp-block-columns has-secondary-color has-text-color"
style="
border-bottom-width: 1px;
padding-bottom: var(--wp--preset--spacing--30);
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Technical Support
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%">
<!-- wp:paragraph -->
<p>Responsive and empathetic first and second line support</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Procurement advice (what software to use)</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
<div
class="wp-block-columns"
style="
border-bottom-width: 1px;
padding-bottom: var(--wp--preset--spacing--30);
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Organisational Strategy
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%">
<!-- wp:paragraph -->
<p>Audience mapping</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Communications analysis &amp; planning</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Goal-setting</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Technical workflows</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Consensus decision making</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Sociocracy</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Non-Violent Communication</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Community Building</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Project Management</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Kanban/issue trackers</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} -->
<div
class="wp-block-columns has-button-color has-text-color"
style="
border-bottom-width: 1px;
padding-bottom: var(--wp--preset--spacing--30);
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Design
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%">
<!-- wp:paragraph -->
<p>Logo design</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Visual identity design (branding)</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Website design</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Design for print</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Illustration</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Photography</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Photo editing</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} -->
<div
class="wp-block-columns has-secondary-color has-text-color"
style="
border-bottom-width: 1px;
padding-bottom: var(--wp--preset--spacing--30);
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Usability
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%">
<!-- wp:paragraph -->
<p>User experience testing</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Interaction design</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
<div
class="wp-block-columns"
style="
border-bottom-width: 1px;
padding-bottom: var(--wp--preset--spacing--30);
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Training
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%">
<!-- wp:paragraph -->
<p>Documentation</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Workshop design and delivery</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>One-to-one training</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} -->
<div
class="wp-block-columns has-button-color has-text-color"
style="
border-bottom-width: 1px;
padding-bottom: var(--wp--preset--spacing--30);
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Science
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%">
<!-- wp:paragraph -->
<p>Sustainable agriculture / climate science</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Physics</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Maths</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"secondary"} -->
<div
class="wp-block-columns has-secondary-color has-text-color"
style="
border-bottom-width: 1px;
padding-bottom: var(--wp--preset--spacing--30);
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Music Production
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%">
<!-- wp:paragraph -->
<p>Mixing/mastering</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Encoding/transcoding/production</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Live sound</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Composition for moving image</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}}} -->
<div
class="wp-block-columns"
style="
border-bottom-width: 1px;
padding-bottom: var(--wp--preset--spacing--30);
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Video
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%">
<!-- wp:paragraph -->
<p>Editing</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Motion graphics</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Stop motion animation</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"border":{"bottom":{"width":"1px"}},"spacing":{"padding":{"bottom":"var:preset|spacing|30"}}},"textColor":"button"} -->
<div
class="wp-block-columns has-button-color has-text-color"
style="
border-bottom-width: 1px;
padding-bottom: var(--wp--preset--spacing--30);
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}},"className":"services-heading"} -->
<p
class="has-text-align-right services-heading"
style="
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 2.5;
text-transform: uppercase;
"
>
Linguistics
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"75%"} -->
<div class="wp-block-column" style="flex-basis: 75%">
<!-- wp:paragraph -->
<p>Copywriting (English, Brazilian Portuguese, Polish, Urdu)</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Translation English to Polish</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Translation English to Brazilian Portuguese</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:paragraph -->
<p>
If you have a dream to build something to make the world a better place, we
can help. If you have an existing infrastructure that's feeling a bit
creaky, we can give it some tender loving care.
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>
We design systems using only the best open source technologies, integrated
into your practices to get stuff done. No artificial limitations are imposed
as is common with bigger providers.
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>
We'll give you an honest appraisal of your needs and we aim to explain the
technical requirements and challenges encountered in a language anyone can
understand.
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>
We focus on building long term relationships with our clients that are
mutually beneficial and sustainable. Tend to your digital garden and
<a href="mailto:boop@autonomic.zone">drop us an email</a> today.
</p>
<!-- /wp:paragraph -->

Binary file not shown.

Before

Width:  |  Height:  |  Size: 178 KiB

197
style.css
View File

@ -1,8 +1,8 @@
/*
Theme Name: Autonomic Block Theme
Theme Name: Autonomic
Author: Autonomic Co-operative
Author URI: https://autonomic.zone
Description: Block-enabled WordPress theme for http://autonomic.zone
Theme URI:
Tags: full-site-editing
Text Domain: autonomic
Requires at least: 6.0
@ -21,181 +21,38 @@ Use it to make something cool, have fun, and share what you've learned
with others.
*/
html, body {
height: 100%;
}
.wp-site-blocks {
.wp-site-blocks h2 {
display: flex;
flex-direction: column;
height: 100%;
height: 36px;
align-items: center;
border-bottom: 1px solid;
}
@container (max-width: 20ch) {
.wp-site-blocks h2::before {
width: 7ch;
}
.wp-site-blocks h2::before {
content: "";
border-top: 1px solid;
border-right: 1px solid;
width: 80px;
margin-right: 8px;
height: 36px;
border-bottom: 1px solid var(--wp--preset--color--background);
}
.home .wp-site-blocks h2 {
color: var(--wp--preset--color--primary)
.wp-site-blocks h2::after {
content: "";
border-top: 1px solid;
flex-grow: 1;
margin-left: 8px;
height: 36px;
border-left: 1px solid;
border-bottom: 1px solid var(--wp--preset--color--background);
}
.wp-site-blocks ul {
list-style-image: url('https://beta.autonomic.zone/wp-content/uploads/2023/01/arrow.png');
}
.wp-block-navigation-item.current-menu-item {
color: var(--wp--preset--color--secondary)
}
.wp-block-navigation-item {
text-align: end;
}
.wp-site-blocks h2 a {
text-decoration: none;
}
.wp-site-blocks .home-flower {
margin-bottom: -90px !important;
z-index: -20;
position: relative;
width: 262px;
margin-left: auto;
}
.wp-site-blocks footer {
flex-grow: 1;
}
.wp-site-blocks .footer {
height: 100%;
}
.nav-menu {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo-wrapper {
width: 32px;
}
.wp-site-blocks .wp-block-group:nth-child(1) .nav-menu {
padding-top: 0 !important;
}
.wp-site-blocks .wp-block-group:nth-child(1) .logo-wrapper {
padding-top: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open {
padding: 1em;
}
@media screen and (max-width: 782px){
.nav-menu {
padding-left: 1rem;
padding-right: 1rem;
}
.wp-site-blocks .wp-block-group:nth-child(1) {
padding-top: 24px !important;
}
ul.what-we-offer {
padding-left: revert !important;
}
.home .wp-site-blocks h2 {
margin-top: 60px;
}
.home .wp-site-blocks h1.wp-block-heading {
margin-top: 28px !important;
}
#our-values.values-list {
margin-block: 75px
}
.wp-site-blocks footer .autonomic-logo {
float: left !important;
margin-inline-start: 0 !important;
}
.services-heading {
text-align: left;
border-bottom: 2px dotted;
padding: 0;
width: fit-content;
margin-inline-start: var(--wp--preset--spacing--40);
line-height: 1.5 !important;
margin-top: 40px !important;
}
#our-values.values-list div:nth-child(2) {
border-right-width: 0 !important;
border-left-width: 0 !important;
border-block: 1px solid;
}
}
@media screen and (min-width: 600px){
.nav-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
.nav-menu .wp-block-navigation__responsive-container-open:not(.always-shown) {
display: inherit;
}
}
/* copied over from "additional css" panel in wp
TODO: integrate this with the rest of the css
*/
@media screen and (max-width: 600px) {
.home-flower {
display: none;
}
.wp-container-13 .wp-block-group {
padding-top: 0 !important;
}
h1, p {
padding: 1rem;
}
.footer {
padding-inline: 1rem;
}
.footer p {
padding: 0;
}
.wp-site-blocks .wp-block-group:nth-child(1) {
padding-top: 24px !important;
}
}
@media screen and (min-width: 782px){
.nav-menu {
display: block;
padding-right: 30%;
}
.nav-menu .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block;
}
.nav-menu .wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none;
}
.logo-wrapper {
padding-bottom: 88px;
width: inherit;
}
.wp-site-blocks .category-portfolio h2 {
margin-block: 40px !important;
}
}

View File

@ -1,83 +0,0 @@
<!-- 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","theme":"autonomic-block-theme","area":"uncategorized"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis: 50%">
<!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
<!-- wp:post-content /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"35%"} -->
<div class="wp-block-column" style="flex-basis: 35%">
<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"},"blockGap":"var:preset|spacing|20"}},"layout":{"type":"constrained"},"fontSize":"small"} -->
<div
class="wp-block-group has-small-font-size"
style="
border-width: 1px;
padding-top: var(--wp--preset--spacing--30);
padding-right: var(--wp--preset--spacing--30);
padding-bottom: var(--wp--preset--spacing--30);
padding-left: var(--wp--preset--spacing--30);
"
>
<!-- wp:heading {"textAlign":"center","level":3,"style":{"typography":{"textTransform":"uppercase"}}} -->
<h3
class="wp-block-heading has-text-align-center"
style="text-transform: uppercase"
>
Business info
</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","fontFamily":"ft88"} -->
<p class="has-text-align-center has-ft-88-font-family">
Autonomic Co-operative
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast-text"}}}},"borderColor":"primary","backgroundColor":"primary-light","textColor":"contrast-text","layout":{"type":"constrained","justifyContent":"center"},"fontSize":"small"} -->
<div
class="wp-block-group has-border-color has-primary-border-color has-contrast-text-color has-primary-light-background-color has-text-color has-background has-link-color has-small-font-size"
style="
border-width: 1px;
padding-top: var(--wp--preset--spacing--40);
padding-right: var(--wp--preset--spacing--40);
padding-bottom: var(--wp--preset--spacing--40);
padding-left: var(--wp--preset--spacing--40);
"
>
<!-- wp:paragraph -->
<p>
We are a Co-operative Society, registered in the “United”
“Kingdom” under the Co-operative and Community Benefit
Societies Act 2014 you can find our registration
information
<a
href="https://mutuals.fca.org.uk/Search/Society/30380"
target="_blank"
rel="noreferrer noopener"
>on the Financial Conduct Authority website</a
>.
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->

View File

@ -1,45 +0,0 @@
<!-- 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","theme":"autonomic-block-theme","area":"uncategorized"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis: 50%">
<!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
<!-- wp:query {"queryId":40,"query":{"perPage":"5","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[],"taxQuery":{"category":[21]}}} -->
<div class="wp-block-query">
<!-- wp:post-template {"layout":{"type":"default"}} -->
<!-- wp:post-title {"isLink":true,"style":{"typography":{"textDecoration":"none"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"className":"is-style-markdown-heading"} /-->
<!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"border":{"width":"1px"}},"borderColor":"primary"} /-->
<!-- wp:post-excerpt {"style":{"spacing":{"margin":{"bottom":"var:preset|spacing|70"}}}} /-->
<!-- /wp:post-template -->
<!-- wp:query-pagination {"paginationArrow":"arrow","style":{"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"layout":{"type":"flex","justifyContent":"center"}} -->
<!-- wp:query-pagination-previous /-->
<!-- wp:query-pagination-numbers /-->
<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"35%"} -->
<div class="wp-block-column" style="flex-basis: 35%"></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->

View File

@ -1,26 +1,18 @@
<!-- 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","theme":"autonomic-block-theme","area":"uncategorized"} /-->
</div>
<!-- /wp:column -->
<div class="wp-block-columns"><!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"><!-- wp:group {"style":{"spacing":{"padding":{"top":"188px","right":"64px"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:188px;padding-right:64px"><!-- wp:template-part {"slug":"nav-menu","theme":"autonomic","area":"uncategorized"} /--></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-content /--></div>
<!-- /wp:column -->
<!-- wp:column {"width":"64%"} -->
<div class="wp-block-column" style="flex-basis:64%"><!-- wp:post-content /--></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"bottom","width":"35%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:35%">
<!-- wp:image {"id":147,"sizeSlug":"full","linkDestination":"none","className":"home-flower"} -->
<figure class="wp-block-image size-full home-flower"><img
src="https://beta.autonomic.zone/wp-content/uploads/2023/02/01flowergreen-1.png" alt=""
class="wp-image-147" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- wp:column {"width":"16%"} -->
<div class="wp-block-column" style="flex-basis:16%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->
<!-- wp:template-part {"slug":"footer","theme":"autonomic"} /-->

View File

@ -1,49 +0,0 @@
<!-- 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","theme":"autonomic-block-theme","area":"uncategorized"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"85%","layout":{"type":"default"}} -->
<div class="wp-block-column" style="flex-basis: 85%">
<!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
<!-- wp:post-content /-->
<!-- wp:query {"queryId":40,"query":{"perPage":5,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[],"taxQuery":{"category":[20]}}} -->
<div class="wp-block-query">
<!-- wp:post-template {"layout":{"type":"default"}} -->
<!-- wp:post-title {"isLink":true,"style":{"typography":{"textDecoration":"none","textTransform":"uppercase"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}},"spacing":{"margin":{"top":"var:preset|spacing|50","right":"0","bottom":"var:preset|spacing|20","left":"0"}}},"className":"is-style-tabbed-heading","fontSize":"small"} /-->
<!-- wp:columns -->
<div class="wp-block-columns">
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis: 50%">
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:post-featured-image {"align":"wide","style":{"border":{"width":"1px"}},"borderColor":"primary"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis: 50%">
<!-- wp:post-excerpt {"moreText":"Read more"} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- /wp:post-template -->
</div>
<!-- /wp:query -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

View File

@ -1,24 +0,0 @@
<!-- 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","theme":"autonomic-block-theme","area":"uncategorized"} /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-title {"level":1,"textColor":"secondary"} /-->
<!-- wp:post-content /-->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"35%"} -->
<div class="wp-block-column" style="flex-basis:35%"></div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","theme":"autonomic-block-theme","tagName":"footer"} /-->

View File

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

View File

@ -1,36 +1,6 @@
{
"version": 2,
"$schema": "https://schemas.wp.org/wp/6.0/theme.json",
"customTemplates": [
{
"name": "about",
"title": "About page",
"postTypes": [
"page"
]
},
{
"name": "services",
"title": "Services page",
"postTypes": [
"page"
]
},
{
"name": "our-work",
"title": "Our Work page",
"postTypes": [
"page"
]
},
{
"name": "blog",
"title": "Blog page",
"postTypes": [
"page"
]
}
],
"settings": {
"appearanceTools": true,
"color": {
@ -43,6 +13,11 @@
"color": "#F5FBF8",
"name": "Background"
},
{
"slug": "foreground",
"color": "#dc3e9d",
"name": "Foreground"
},
{
"slug": "primary",
"color": "#dc3e9d",
@ -57,27 +32,12 @@
"slug": "button",
"color": "#FF7613",
"name": "Button color"
},
{
"slug": "primary-light",
"color": "#e89cca",
"name": "Primary light"
},
{
"slug": "contrast-text",
"color": "#FFF",
"name": "Contrast text"
},
{
"slug": "orange",
"color": "#FF7613",
"name": "Orange"
}
]
},
"layout": {
"contentSize": "1226px",
"wideSize": "1226px"
"contentSize": "1000px",
"wideSize": "1100px"
},
"spacing": {
"units": [ "px", "em", "rem", "vh", "vw", "%" ]
@ -90,61 +50,6 @@
"slug": "system",
"fontFamily": "-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif"
},
{
"name": "Inter",
"slug": "inter",
"fontFamily": "Inter, sans-serif",
"fontFace": [
{
"fontFamily": "Inter",
"fontStyle": "normal",
"fontWeight": "400",
"src": [
"file:./assets/fonts/InterVariable.woff2"
]
},
{
"fontFamily": "Inter",
"fontStyle": "italic",
"fontWeight": "400",
"src": [
"file:./assets/fonts/InterVariable-Italic.woff2"
]
},
{
"fontFamily": "Inter",
"fontStyle": "normal",
"fontWeight": "500",
"src": [
"file:./assets/fonts/InterVariable.woff2"
]
},
{
"fontFamily": "Inter",
"fontStyle": "italic",
"fontWeight": "500",
"src": [
"file:./assets/fonts/InterVariable-Italic.woff2"
]
},
{
"fontFamily": "Inter",
"fontStyle": "normal",
"fontWeight": "700",
"src": [
"file:./assets/fonts/InterVariable.woff2"
]
},
{
"fontFamily": "Inter",
"fontStyle": "italic",
"fontWeight": "700",
"src": [
"file:./assets/fonts/InterVariable-Italic.woff2"
]
}
]
},
{
"fontFace": [
{
@ -167,8 +72,7 @@
}
],
"fontFamily": "Karmilla",
"slug": "karmilla",
"name": "Karmilla"
"slug": "karmilla"
},
{
"fontFace": [
@ -180,31 +84,9 @@
]
}
],
"name": "Darker Grotesque",
"fontFamily": "'Darker Grotesque', sans-serif",
"name": "'Darker Grotesque', sans-serif",
"fontFamily": "Darker Grotesque",
"slug": "darkergrotesque"
},
{
"fontFace": [
{
"fontFamily": "FT88",
"fontWeight": "400",
"src": [
"file:./assets/fonts/FT88-School.otf",
"file:./assets/fonts/FT88-School.ttf"
]
}
],
"name": "FT88",
"fontFamily": "FT88, serif",
"slug": "ft88"
}
],
"fontSizes": [
{
"name": "Small",
"slug": "small",
"size": "15px"
}
]
}
@ -212,11 +94,11 @@
"styles": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--karmilla)",
"fontSize": "24px"
"fontSize": "21px"
},
"color": {
"background": "var(--wp--preset--color--background)",
"text": "var(--wp--preset--color--primary)"
"text": "var(--wp--preset--color--foreground)"
},
"blocks": {
"core/button": {
@ -227,7 +109,7 @@
"core/navigation": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--darkergrotesque)",
"fontSize": "24px",
"fontSize": "21px",
"fontStyle": "normal",
"fontWeight": "600",
"textTransform": "uppercase"
@ -237,25 +119,17 @@
"elements": {
"h1": {
"typography": {
"fontSize": "36px",
"fontWeight": "700",
"fontSize": "44px",
"fontWeight": "400",
"lineHeight": "0.9"
}
},
"h2": {
"typography": {
"fontSize": "16px",
"fontSize": "14px",
"textTransform": "uppercase"
},
"color": {
"text": "var(--wp--preset--color--secondary)"
}
},
"link": {
"color": {
"text": "var(--wp--preset--color--secondary)"
}
}
}
}
}
},
"templateParts": [
@ -267,10 +141,6 @@
"name": "footer",
"title": "Footer",
"area": "footer"
},
{
"name": "useful-links",
"title": "Useful links"
}
]
}