Add Black Bordered Radius Block Variation and Pattern About Page

term/functions.php

@@ -21,7 +21,7 @@
 	function term_block_styles() {
 
 		register_block_style(
-			'core/social-links',
+			'core/social-links', 
 			array(
 				'name'         => 'social-rounded-icons',
                 'label'        => __( 'Rounded icons', 'term' ),
@@ -34,6 +34,18 @@ function term_block_styles() {
 				}',
 			)
 		);
+
+		register_block_style(
+            'core/image',
+            array(
+                'name' => 'bordered',
+                'label' => __('Bordered', 'term'),
+                'inline_style' => '.wp-block-image.is-style-bordered img{
+                    border-radius: .5rem;
+                    border: .25rem solid black;
+                }'
+            )
+        );
 	}
 endif;
 

term/patterns/about.php

@@ -0,0 +1,35 @@
+<?php
+/**
+ * Title: About
+ * Slug: term/about
+ * Categories: image, social, text
+ */
+?>
+
+<!-- wp:group {"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:image {"id":23,"sizeSlug":"full","linkDestination":"none","style":{"layout":{"selfStretch":"fit","flexSize":null}},"className":"is-style-black-border-radius is-style-bordered"} -->
+<figure class="wp-block-image size-full is-style-black-border-radius is-style-bordered"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/happy-man.jpg" alt="" class="wp-image-23"/></figure>
+<!-- /wp:image -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size"><?php echo esc_html_x('Joel Gavins is a really interesting dude who writes about really interesting things. Haha PSYCH! He just babbles into a post editor hoping something good comes out of it, but we all know how that goes.', 'term'); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"fontSize":"medium"} -->
+<p class="has-medium-font-size"><?php echo esc_html_x('In his real life, Joel Gavins is actually a tax accountant. True story. You might think it’s the most boring job in the world, but he’ll never go out of business! Taxes are so terribly confusing that everyone needs someone else to do their taxes, that’s the whole point of the industry. So while your job might get taken over by AI, lobbying will always ensure that Joel has a nice cushy job and a working Honda Civic.' , 'term'); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:heading {"level":6,"style":{"elements":{"link":{"color":{"text":"var:preset|color|custom-grey"}}}},"textColor":"custom-grey"} -->
+<h6 class="wp-block-heading has-custom-grey-color has-text-color has-link-color"><?php echo esc_html_x( 'FOLLOW ME ON', 'term' ); ?> </h6>
+<!-- /wp:heading -->
+
+<!-- wp:social-links {"iconColor":"custom-beige","iconColorValue":"#edece8","iconBackgroundColor":"custom-black","iconBackgroundColorValue":"#000","className":"is-style-square-rounded-social is-style-social-rounded-icons"} -->
+<ul class="wp-block-social-links has-icon-color has-icon-background-color is-style-square-rounded-social is-style-social-rounded-icons"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
+
+<!-- wp:social-link {"url":"#","service":"instagram"} /-->
+
+<!-- wp:social-link {"url":"#","service":"twitter"} /--></ul>
+<!-- /wp:social-links --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->