update todo

.todo

@@ -1,13 +1,13 @@
-☐ Change default font size to 18px 
+✔ Change default font size to 18px @done(25-07-30 16:05)
-  ☐ Change default font size for paragraph block
+  ✔ Change default font size for paragraph block @done(25-07-30 16:05)
-  ☐ Change default text on about page font size
+  ✔ Change default font size on front page @done(25-07-30 15:48)
-  ☐ Change font size on services page
+  ✔ Change default text on about page font size @done(25-07-30 15:52)
-  ☐ Change font size on our work page
+  ✔ Change font size on services page @done(25-07-30 15:59)
-  ☐ Change font size on blog page
+  ✔ 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
+✔ Fix broken full-bleed template in post editor @done(25-07-30 16:20)
-
-☐ Change services page to use tabs
 
 ☐ 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)

block-styles.css

@@ -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;
 }

functions.php

@@ -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');

patterns/front-page.php

@@ -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"}}} -->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"96px"}}},"layout":{"type":"constrained"}} -->
-<h1 class="wp-block-heading" style="padding-bottom:var(--wp--preset--spacing--40);font-size:44px;font-style:normal;font-weight:400">Autonomic is a co-operative that is owned and run by its workers <img class="wp-image-99" style="width: 26px;" src="https://autonomic.zone/wp-content/uploads/2023/01/leaf.png" alt=""></h1>
+<div class="wp-block-group" style="padding-top:96px"><!-- wp:columns -->
-<!-- /wp:heading -->
+  <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"}} -->
+    <!-- wp:column {"width":"50%"} -->
-<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"} -->
+    <div class="wp-block-column" style="flex-basis:50%"><!-- wp:post-content /--></div>
-<h2 class="wp-block-heading is-style-tabbed-heading has-primary-color has-text-color has-link-color">What we offer</h2>
+    <!-- /wp:column -->
-<!-- /wp:heading -->
 
-<!-- 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"}}}} -->
+    <!-- wp:column {"verticalAlignment":"bottom","width":"35%"} -->
-<ul style="padding-left:91px;font-size:28px;font-style:normal;font-weight:700;line-height:1.6" class="wp-block-list what-we-offer is-style-arrow-list has-link-color"><!-- wp:list-item -->
+    <div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:35%">
-<li>Website development</li>
+      <!-- wp:image {"sizeSlug":"full","linkDestination":"none","className":"home-flower"} -->
-<!-- /wp:list-item -->
+      <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=""
-<!-- wp:list-item -->
+          class="" /></figure>
-<li>Custom app development</li>
+      <!-- /wp:image -->
-<!-- /wp:list-item -->
+    </div>
-
+    <!-- /wp:column -->
-<!-- wp:list-item -->
+  </div>
-<li>Integrated Open Source infrastructure</li>
+  <!-- /wp:columns -->
-<!-- /wp:list-item -->
+</div>
-
-<!-- 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 -->

style.css

@@ -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;