update services pattern

This commit is contained in:
Aadil Ayub 2023-08-29 14:58:35 +05:00
parent 922be3ee29
commit decb07d355

View File

@ -8,47 +8,640 @@
?>
<!-- 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 -->
<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 {"style":{"typography":{"fontSize":"18px","lineHeight":"2"}}} -->
<p style="font-size:18px;line-height:2">Mastodon/Hometown<br>Nextcloud<br>Matrix<br>MediaWiki<br>Outline<br>Discourse<br>Peertube</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- 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"}}} -->
<p class="has-text-align-right" style="font-size:16px;font-style:normal;font-weight:700;line-height:2.5;text-transform:uppercase">Websites</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<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 {"style":{"typography":{"fontSize":"18px","lineHeight":"2"}}} -->
<p style="font-size:18px;line-height:2">Wordpress<br>Custom<br>Etc.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- 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"}}} -->
<p class="has-text-align-right" style="font-size:16px;font-style:normal;font-weight:700;line-height:2.5;text-transform:uppercase">&amp; more</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<div
class="wp-block-columns has-secondary-color has-text-color"
style="
border-bottom-width: 1px;
padding-bottom: var(--wp--preset--spacing--30);
"
>
<!-- wp:column {"width":"25%"} -->
<div class="wp-block-column" style="flex-basis: 25%">
<!-- wp:paragraph {"align":"right","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 {"style":{"typography":{"fontSize":"18px","lineHeight":"2"}}} -->
<p style="font-size:18px;line-height:2">Support<br>Training<br>Design<br>Bespoke dev<br>Whatever u got honestly</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- 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:paragraph {"style":{"typography":{"fontSize":"18px"}}} -->
<p style="font-size:18px">Our prices for hosted services start at £5/month (+VAT) for small instances of simple applications.</p>
<!-- 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 -->