Browse Source

Remote: add small quote pattern (#5703)

* add pattern
* add images and update image license
Madhu Dollu 3 years ago
parent
commit
9df6a60ce8

BIN
remote/assets/images/tattooed-woman.png


+ 1 - 0
remote/inc/block-patterns.php

@@ -48,6 +48,7 @@ function remote_register_block_patterns() {
 	$block_patterns = array(
 		'hero-text',
 		'large-quote',
+		'small-quote',
 		'hidden-404-content',
 		'hidden-search-form',
 		'image-with-text',

+ 34 - 0
remote/inc/patterns/small-quote.php

@@ -0,0 +1,34 @@
+<?php
+/**
+ * Small quote.
+ *
+ * @package Remote
+ */
+
+return array(
+	'title'      => __( 'Small quote', 'remote' ),
+	'categories' => array( 'text', 'featured' ),
+	'content'    => '
+    <!-- wp:columns {"style":{"spacing":{"blockGap":"30px"}}} -->
+    <div class="wp-block-columns"><!-- wp:column {"width":"50px","style":{"spacing":{"padding":{"top":"28px"}}}} -->
+    <div class="wp-block-column" style="padding-top:28px;flex-basis:50px"><!-- wp:image {"width":48,"sizeSlug":"large","className":"is-style-rounded"} -->
+    <figure class="wp-block-image size-large is-resized is-style-rounded"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/tattooed-woman.png" alt="' . esc_attr__( 'Picture of a user', 'remote' ) . '" width="48"/></figure>
+    <!-- /wp:image --></div>
+    <!-- /wp:column -->
+    
+    <!-- wp:column -->
+    <div class="wp-block-column"><!-- wp:group {"style":{"spacing":{"blockGap":"30px","padding":{"top":"20px","bottom":"20px"}}}} -->
+    <div class="wp-block-group" style="padding-top:20px;padding-bottom:20px"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"fontSize":"normal"} -->
+    <p class="has-normal-font-size" style="line-height:1.5">' . esc_html__( 'Now that I’m working from home, I find that I am spending more time with my family, exercising more, and getting more sleep. This has not been at the expense of my productivity at work — if anything, my productivity has improved as well.', 'remote') . '</p>
+    <!-- /wp:paragraph -->
+    
+    <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"400","lineHeight":"1.3"}},"fontSize":"small"} -->
+    <p class="has-small-font-size" style="font-style:normal;font-weight:400;line-height:1.3">' . esc_html__( '— Jane Adams', 'remote') . '</p>
+    <!-- /wp:paragraph --></div>
+    <!-- /wp:group --></div>
+    <!-- /wp:column --></div>
+    <!-- /wp:columns -->
+  ',
+);
+
+

+ 4 - 1
remote/readme.txt

@@ -35,4 +35,7 @@ Remote is derived from Twenty Twenty-Two, (C) 2021-2022 WordPress.org.
 This theme bundles the following third-party resources:
 
 Laptop Photo from Piqsels, CC0
-https://www.piqsels.com/en/public-domain-photo-svvhe
+https://www.piqsels.com/en/public-domain-photo-svvhe
+
+Tattooed woman from Wikimedia, CC0
+https://commons.wikimedia.org/wiki/File:Tattooed_woman_with_laptop_(Unsplash).jpg