update services page content & template

patterns/service-card.php

@@ -1,28 +0,0 @@
-<?php
-/**
- * Title: Autonomic Service Card
- * Slug: autonomic/service-card
- * Description: Card for Service page
- * Categories: autonomic
- */
-?>
-
-<!-- wp:group {"style":{"border":{"width":"1px"},"spacing":{"blockGap":"0"}},"className":"service-card","layout":{"type":"default"}} -->
-<div class="wp-block-group service-card" style="border-width:1px">
-  <!-- wp:group {"style":{"border":{"bottom":{"width":"1px"}}},"layout":{"type":"default"}} -->
-  <div class="wp-block-group" style="border-bottom-width:1px">
-    <!-- wp:heading {"level":3,"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"typography":{"textTransform":"uppercase","fontSize":"14px"}},"backgroundColor":"primary-light","textColor":"contrast-text"} -->
-    <h3 
-      class="has-contrast-text-color has-primary-light-background-color has-text-color has-background" 
-      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);font-size:14px;text-transform:uppercase">
-      Mastodon
-    </h3>
-    <!-- /wp:heading -->
-  </div>
-  <!-- /wp:group -->
-
-  <!-- wp:paragraph {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"fontSize":"small"} -->
-  <p class="has-small-font-size" 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)">Integer euismod, nunc sit amet laoreet placerat, quam elit porta eros, in feugiat lacus lacus in urna. Mauris et massa.</p>
-  <!-- /wp:paragraph -->
-</div>
-<!-- /wp:group -->

patterns/services.php

@@ -0,0 +1,54 @@
+<?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":"14px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
+<p class="has-text-align-right" style="font-size:14px;font-style:normal;font-weight:700;line-height:2.5;text-transform:uppercase">Hosted Tools</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"75%"} -->
+<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"2"}}} -->
+<p style="font-size:16px;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: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":"14px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
+<p class="has-text-align-right" style="font-size:14px;font-style:normal;font-weight:700;line-height:2.5;text-transform:uppercase">Websites</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"75%"} -->
+<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"2"}}} -->
+<p style="font-size:16px;line-height:2">Wordpress<br>Custom<br>Etc.</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":"14px","fontStyle":"normal","fontWeight":"700","textTransform":"uppercase","lineHeight":"2.5"}}} -->
+<p class="has-text-align-right" style="font-size:14px;font-style:normal;font-weight:700;line-height:2.5;text-transform:uppercase">&amp; more</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"75%"} -->
+<div class="wp-block-column" style="flex-basis:75%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"16px","lineHeight":"2"}}} -->
+<p style="font-size:16px;line-height:2">Support<br>Training<br>Design<br>Bespoke dev<br>Whatever u got honestly</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontSize":"16px"}}} -->
+<p style="font-size:16px">Our prices for hosted services start at £5/month (+VAT) for small instances of simple applications.</p>
+<!-- /wp:paragraph -->

style.css

@@ -61,25 +61,6 @@ with others.
   color: var(--wp--preset--color--secondary)
 }
 
-.service-card {
-  max-width: 48%;
-}
-
-.kt-tab-title-2 {
-  color: var(--wp--preset--color--orange) !important;
-  border-color: var(--wp--preset--color--orange) !important;
-}
-.kt-tab-title-3 {
-  color: var(--wp--preset--color--secondary) !important;
-  border-color: var(--wp--preset--color--secondary) !important;
-}
-
-.contact-monster {
-  display: flex;
-  align-items: flex-end;
-  height: 100%;
-}
-
 .wp-site-blocks h2 a {
   text-decoration: none;
 }

templates/services.html

@@ -17,17 +17,7 @@
     <!-- /wp:column -->
 
     <!-- wp:column {"width":"16%"} -->
-    <div class="wp-block-column" style="flex-basis:16%">
+    <div class="wp-block-column" style="flex-basis:16%"></div>
-      <!-- wp:group {"className":"contact-monster","layout":{"type":"constrained"}} -->
-      <div class="wp-block-group contact-monster">
-        <!-- wp:image {"id":123,"sizeSlug":"full","linkDestination":"none"} -->
-        <figure class="wp-block-image size-full"><img
-            src="https://beta.autonomic.zone/wp-content/uploads/2023/01/monster-contact.png" alt=""
-            class="wp-image-123" /></figure>
-        <!-- /wp:image -->
-      </div>
-      <!-- /wp:group -->
-    </div>
     <!-- /wp:column -->
   </div>
   <!-- /wp:columns -->