Term: Add Pattern Outlined Media & Text (#194)

* initial commit

* fix metadata

* swapped image to use cover instead

* add border radius

* fix border radius

* fix alignment, add group container as sectioning element

* add min height and vertical alignment

* improve spacing and changed image

* fixed mobile with changes from #213

* added credits

* used get_template_directory_uri

term/CREDITS.md

@@ -7,4 +7,5 @@
 - [spencerravago](https://github.com/spencerravago)
 - [celiarozalenm](https://github.com/celiarozalenm)
 - [liviopv](https://github.com/liviopv)
-- [mlaetitia](https://github.com/mlaetitia)
+- [mlaetitia](https://github.com/mlaetitia)
+- [giacomo-secchi](https://github.com/giacomo-secchi)

term/patterns/outlined-media-and-text.php

@@ -0,0 +1,30 @@
+<?php
+/**
+ * Title: Outlined Media and Text
+ * Slug: term/outlined-media-text
+ * Categories: media, text
+ */
+?>
+<!-- wp:group {"metadata":{"categories":["media","text"],"patternName":"term/outlined-media-text","name":"Outlined Media and Text"},"align":"wide","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignwide">
+
+<!-- wp:columns {"align":"wide","style":{"border":{"width":"2px","radius":"8px"},"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"},"margin":{"top":"0","bottom":"0"},"blockGap":{"top":"0","left":"0px"}}},"backgroundColor":"black"} -->
+<div class="wp-block-columns alignwide has-black-background-color has-background" style="border-width:2px;border-radius:8px;margin-top:0;margin-bottom:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"style":{"spacing":{"padding":{"bottom":"2px","top":"2px","right":"2px","left":"2px"},"blockGap":"0"}},"backgroundColor":"custom-black","layout":{"type":"default"}} -->
+<div class="wp-block-column has-custom-black-background-color has-background" style="padding-top:2px;padding-right:2px;padding-bottom:2px;padding-left:2px"><!-- wp:group {"style":{"border":{"radius":"4px"},"dimensions":{"minHeight":"38rem"},"spacing":{"padding":{"right":"10%","left":"10%","top":"10%","bottom":"10%"}}},"backgroundColor":"custom-beige","layout":{"type":"flex","orientation":"vertical","verticalAlignment":"center"}} -->
+<div class="wp-block-group has-custom-beige-background-color has-background" style="border-radius:4px;min-height:38rem;padding-top:10%;padding-right:10%;padding-bottom:10%;padding-left:10%"><!-- wp:paragraph -->
+<p>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 car.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"style":{"border":{"width":"2px"}}} -->
+<div class="wp-block-column" style="border-width:2px"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/Joel_Gavins.jpg","dimRatio":0,"minHeight":38,"minHeightUnit":"rem","isDark":false,"style":{"border":{"radius":"4px"}}} -->
+<div class="wp-block-cover is-light" style="border-radius:4px;min-height:38rem"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/Joel_Gavins.jpg" data-object-fit="cover"/><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 -->
+
+</div>
+<!-- /wp:group -->