From 27feb4e18dddc6692ae44d11c1a046d8693208d5 Mon Sep 17 00:00:00 2001
From: Beatriz Fialho <beatriz.fialho@automattic.com>
Date: Thu, 13 Feb 2025 11:36:22 +0000
Subject: [PATCH 1/2] Add "Text, button and two images" patterns

Add "Text, button and two images" patterns from #5
---
 .../patterns/about-text-button-two-images.php | 63 +++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 woostarter/patterns/about-text-button-two-images.php

diff --git a/woostarter/patterns/about-text-button-two-images.php b/woostarter/patterns/about-text-button-two-images.php
new file mode 100644
index 0000000..331a48f
--- /dev/null
+++ b/woostarter/patterns/about-text-button-two-images.php
@@ -0,0 +1,63 @@
+<?php
+/**
+ * Title: Text, button and two images
+ * Slug: woostarter/text-button-two-images
+ * Categories: text, about, media
+ * Keywords: about, text, story
+ * Description: A section with text, button and two images.
+ *
+
+?>
+<!-- wp:group {"metadata":{"categories":["intro"],"name":"Text, button and two images","patternName":"a8c/intro-two-column-with-image-and-content"},"align":"full","className":"alignfull is-style-default","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained","justifyContent":"center"}} -->
+<div class="wp-block-group alignfull is-style-default" style="margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0"><!-- wp:spacer {"height":"var:preset|spacing|50"} -->
+<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:columns {"verticalAlignment":"top","align":"wide"} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","layout":{"type":"constrained","justifyContent":"left","contentSize":"460px"}} -->
+<div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"fontSize":"xx-large"} -->
+<h2 class="wp-block-heading has-xx-large-font-size">About us</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p>Our essence lies in the beauty of imperfection. Inspired by the Japanese word kiri, meaning fog, the brand embraces the blurry lines, the undefined, and the asymmetrical. We celebrate the charm of the imperfect, inviting you to see the artistry in forms that are raw, organic, and unique.</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:buttons -->
+<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-outline"} -->
+<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Learn more</a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"top"} -->
+<div class="wp-block-column is-vertically-aligned-top"></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:spacer {"height":"var:preset|spacing|30"} -->
+<div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:columns {"align":"wide"} -->
+<div class="wp-block-columns alignwide"><!-- wp:column {"width":"%"} -->
+<div class="wp-block-column"><!-- wp:cover {"url":"https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/pattern-clay-pots-on-a-row-scaled.jpg","id":420,"alt":"A row of rustic clay pots hanging against a woven reed wall.","dimRatio":0,"align":"wide","style":{"color":[]}} -->
+<div class="wp-block-cover alignwide"><img class="wp-block-cover__image-background wp-image-420" alt="A row of rustic clay pots hanging against a woven reed wall." src="https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/pattern-clay-pots-on-a-row-scaled.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","fontSize":"large"} -->
+<p class="has-text-align-center has-large-font-size"></p>
+<!-- /wp:paragraph --></div></div>
+<!-- /wp:cover --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"20%"} -->
+<div class="wp-block-column" style="flex-basis:20%"><!-- wp:cover {"url":"https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/pattern-ceramic-decoration-1024x851.jpg","id":417,"alt":"A stone-like ceramic vessel shaped like a bird with intricate carvings.","dimRatio":0,"focalPoint":{"x":0,"y":1},"isDark":false,"style":{"color":[]}} -->
+<div class="wp-block-cover is-light"><img class="wp-block-cover__image-background wp-image-417" alt="A stone-like ceramic vessel shaped like a bird with intricate carvings." src="https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/pattern-ceramic-decoration-1024x851.jpg" style="object-position:0% 100%" data-object-fit="cover" data-object-position="0% 100%"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","fontSize":"large"} -->
+<p class="has-text-align-center has-large-font-size"></p>
+<!-- /wp:paragraph --></div></div>
+<!-- /wp:cover --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
+<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer --></div>
+<!-- /wp:group -->

From 8f090964f566b7855a2e3b1e374c3ad16b0b513f Mon Sep 17 00:00:00 2001
From: Beatriz Fialho <beatriz.fialho@automattic.com>
Date: Fri, 14 Feb 2025 11:37:50 +0000
Subject: [PATCH 2/2] Update image attributes, rename image files

---
 woostarter/patterns/about-text-button-two-images.php | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/woostarter/patterns/about-text-button-two-images.php b/woostarter/patterns/about-text-button-two-images.php
index 331a48f..061f24c 100644
--- a/woostarter/patterns/about-text-button-two-images.php
+++ b/woostarter/patterns/about-text-button-two-images.php
@@ -41,16 +41,16 @@
 
 <!-- wp:columns {"align":"wide"} -->
 <div class="wp-block-columns alignwide"><!-- wp:column {"width":"%"} -->
-<div class="wp-block-column"><!-- wp:cover {"url":"https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/pattern-clay-pots-on-a-row-scaled.jpg","id":420,"alt":"A row of rustic clay pots hanging against a woven reed wall.","dimRatio":0,"align":"wide","style":{"color":[]}} -->
-<div class="wp-block-cover alignwide"><img class="wp-block-cover__image-background wp-image-420" alt="A row of rustic clay pots hanging against a woven reed wall." src="https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/pattern-clay-pots-on-a-row-scaled.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","fontSize":"large"} -->
+<div class="wp-block-column"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/pattern-clay-pots-on-a-row.webp","id":420,"alt":"A row of rustic clay pots hanging against a woven reed wall.","dimRatio":0,"align":"wide","style":{"color":[]}} -->
+<div class="wp-block-cover alignwide"><img class="wp-block-cover__image-background wp-image-420" alt="A row of rustic clay pots hanging against a woven reed wall." src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/pattern-clay-pots-on-a-row.webp" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","fontSize":"large"} -->
 <p class="has-text-align-center has-large-font-size"></p>
 <!-- /wp:paragraph --></div></div>
 <!-- /wp:cover --></div>
 <!-- /wp:column -->
 
 <!-- wp:column {"width":"20%"} -->
-<div class="wp-block-column" style="flex-basis:20%"><!-- wp:cover {"url":"https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/pattern-ceramic-decoration-1024x851.jpg","id":417,"alt":"A stone-like ceramic vessel shaped like a bird with intricate carvings.","dimRatio":0,"focalPoint":{"x":0,"y":1},"isDark":false,"style":{"color":[]}} -->
-<div class="wp-block-cover is-light"><img class="wp-block-cover__image-background wp-image-417" alt="A stone-like ceramic vessel shaped like a bird with intricate carvings." src="https://kiri.mystagingwebsite.com/wp-content/uploads/2025/02/pattern-ceramic-decoration-1024x851.jpg" style="object-position:0% 100%" data-object-fit="cover" data-object-position="0% 100%"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","fontSize":"large"} -->
+<div class="wp-block-column" style="flex-basis:20%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/pattern-ceramic-decoration.webp","id":417,"alt":"A stone-like ceramic vessel shaped like a bird with intricate carvings.","dimRatio":0,"focalPoint":{"x":0,"y":1},"isDark":false,"style":{"color":[]}} -->
+<div class="wp-block-cover is-light"><img class="wp-block-cover__image-background wp-image-417" alt="A stone-like ceramic vessel shaped like a bird with intricate carvings." src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/pattern-ceramic-decoration.webp" style="object-position:0% 100%" data-object-fit="cover" data-object-position="0% 100%"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","fontSize":"large"} -->
 <p class="has-text-align-center has-large-font-size"></p>
 <!-- /wp:paragraph --></div></div>
 <!-- /wp:cover --></div>