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

Compare commits

base: autonomic-cooperative:daec65d8d2e098c8a7cafade62565c45925676cb
Branches Tags
autonomic-cooperative:main autonomic-cooperative:dev
...
compare: autonomic-cooperative:main
Branches Tags
autonomic-cooperative:main autonomic-cooperative:dev

7 Commits
daec65d8d2 ... main

Author SHA1 Message Date
Aadil Ayub
8cbe542542 update todo
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-07-30 16:49:53 +05:00
Aadil Ayub
1a0c1bd04b update todo
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-07-30 16:30:49 +05:00
Aadil Ayub
981a835575 speed up button hover effect
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-07-30 16:30:21 +05:00
Aadil Ayub
e98f88329f add hover effect to buttons 2025-07-30 16:29:57 +05:00
Aadil Ayub
9d8197aae1 fix front page template
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-07-30 16:25:40 +05:00
Aadil Ayub
8be2b61615 Fix broken full bleed template in post editor
All checks were successful
continuous-integration/drone/push Build is passing
Details
2025-07-30 16:20:27 +05:00
Aadil Ayub
4e9c38d695 add .todo to gitignore 2025-07-30 16:05:00 +05:00
5 changed files with 62 additions and 87 deletions
Expand all files Collapse all files

24
.todo
View File

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

9
block-styles.css
View File

@ -81,7 +81,12 @@ ul.is-style-arrow-list {
}
/* HACK: fixing stretched out post width in editor */
.edit-post-visual-editor .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
:where(:not(.template-full-bleed)) .edit-post-visual-editor .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.edit-post-visual-editor .editor-styles-wrapper .editor-editor-canvas__post-title-wrapper > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: 600px !important;
max-width: 600px !important;
}
body.template-full-bleed :where(:not(.template-full-bleed)) .edit-post-visual-editor .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.template-full-bleed .edit-post-visual-editor .editor-styles-wrapper .editor-editor-canvas__post-title-wrapper > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: unset !important;
}

16
functions.php
View File

@ -76,4 +76,18 @@ function so306588_trim_excerpt_custom_restore($text)
remove_filter('get_the_excerpt', 'wp_trim_excerpt');
// add custom filter
add_filter('get_the_excerpt', 'so306588_trim_excerpt_custom');
add_filter('get_the_excerpt', 'so306588_trim_excerpt_custom');
/*
* Add template class to admin body based on current page's template.
*/
function mytheme_add_template_class($classes)
{
$template = get_page_template_slug();
if ($template) {
$class = preg_replace('/\.php$/', '', $template);
$classes .= ' template-' . sanitize_html_class($class);
}
return $classes;
}
add_filter('admin_body_class', 'mytheme_add_template_class');

97
patterns/front-page.php
View File

@ -1,82 +1,33 @@
<?php
/**
* Title: Front Page
* Title: front-page
* Slug: autonomic/front-page
* Inserter: yes
*/
?>
<!-- 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: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: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 {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-content /--></div>
<!-- /wp:column -->
<!-- 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: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:group -->
<!-- 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 -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

3
style.css
View File

@ -92,6 +92,9 @@ body {
padding: 1em;
}
.wp-block-button { transition: all 0.125s ease-in-out; }
.wp-block-button:hover { transform: scale(1.05); }
@media screen and (max-width: 782px) {
.nav-menu {
padding-left: 1rem;