Full Site Editing - Version 2.2

Version Description

  • Improve experience of opening and closing the sidebar with assistive technology (https://github.com/Automattic/wp-calypso/pull/45349)
Download this release

Release Info

Developer philipmjackson
Plugin Icon wp plugin Full Site Editing
Version 2.2
Comparing to
See all releases

Code changes from version 2.1 to 2.2

Files changed (29) hide show
  1. block-patterns/patterns/audio-player.php +29 -0
  2. block-patterns/patterns/call-to-action-04.php +63 -0
  3. block-patterns/patterns/contact-05.php +54 -0
  4. block-patterns/patterns/heading-and-paragraph.php +36 -0
  5. block-patterns/patterns/heading-and-text-in-two-columns.php +34 -0
  6. block-patterns/patterns/hero-with-heading-subtitle-and-two-buttons.php +42 -0
  7. block-patterns/patterns/image-and-text-mosaic.php +70 -0
  8. block-patterns/patterns/images-02.php +100 -0
  9. block-patterns/patterns/images.php +72 -0
  10. block-patterns/patterns/list-02.php +45 -0
  11. block-patterns/patterns/multi-column-text-with-headline.php +109 -0
  12. block-patterns/patterns/podcast-subscription.php +66 -0
  13. block-patterns/patterns/quote-02.php +42 -0
  14. block-patterns/patterns/quote-03.php +67 -0
  15. block-patterns/patterns/quote-04.php +40 -0
  16. block-patterns/patterns/quote.php +42 -0
  17. block-patterns/patterns/quotes-02.php +94 -0
  18. block-patterns/patterns/quotes.php +89 -0
  19. block-patterns/patterns/registration-form.php +79 -0
  20. block-patterns/patterns/subscription-02.php +83 -0
  21. block-patterns/patterns/subscription.php +60 -0
  22. block-patterns/patterns/three-quotes.php +93 -0
  23. block-patterns/patterns/youtube-embed.php +46 -0
  24. full-site-editing-plugin.php +2 -2
  25. readme.txt +5 -2
  26. wpcom-block-editor-nav-sidebar/dist/wpcom-block-editor-nav-sidebar.asset.php +1 -1
  27. wpcom-block-editor-nav-sidebar/dist/wpcom-block-editor-nav-sidebar.js +2 -2
  28. wpcom-block-editor-nav-sidebar/src/components/nav-sidebar/index.tsx +29 -9
  29. wpcom-block-editor-nav-sidebar/src/components/toggle-sidebar-button/index.tsx +2 -0
block-patterns/patterns/audio-player.php ADDED
@@ -0,0 +1,29 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Podcast pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:cover {"customOverlayColor":"#54426b","minHeight":250,"align":"full"} -->
10
+ <div class="wp-block-cover alignfull has-background-dim" style="background-color:#54426b;min-height:250px"><div class="wp-block-cover__inner-container"><!-- wp:heading {"align":"center","level":5,"style":{"color":{"text":"#ffffff"}}} -->
11
+ <h5 class="has-text-align-center has-text-color" style="color:#ffffff"><strong>%1$s</strong></h5>
12
+ <!-- /wp:heading -->
13
+
14
+ <!-- wp:audio {"id":1502} -->
15
+ <figure class="wp-block-audio"><audio controls src="https://dotcompatterns.files.wordpress.com/2020/06/komiku_-_02_-_chill_out_theme.mp3"></audio></figure>
16
+ <!-- /wp:audio --></div></div>
17
+ <!-- /wp:cover -->
18
+ ';
19
+
20
+ return array(
21
+ '__file' => 'wp_block',
22
+ 'title' => esc_html__( 'Audio Player', 'full-site-editing' ),
23
+ 'categories' => array( 'about', 'media', 'podcast' ),
24
+ 'content' => sprintf(
25
+ $markup,
26
+ esc_html__( 'First time here? Let me tell you why this show rocks!', 'full-site-editing' )
27
+ ),
28
+ 'viewportWidth' => 1280,
29
+ );
block-patterns/patterns/call-to-action-04.php ADDED
@@ -0,0 +1,63 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Call to Action pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:group {"align":"full","style":{"color":{"background":"#b89f7e","text":"#0f1c18"}}} -->
10
+ <div class="wp-block-group alignfull has-text-color has-background" style="background-color:#b89f7e;color:#0f1c18"><div class="wp-block-group__inner-container"><!-- wp:spacer {"height":40} -->
11
+ <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
12
+ <!-- /wp:spacer -->
13
+
14
+ <!-- wp:columns {"align":"wide"} -->
15
+ <div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"center"} -->
16
+ <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"style":{"typography":{"fontSize":28,"lineHeight":"1.2"}}} -->
17
+ <p style="line-height:1.2;font-size:28px"><strong>%1$s<br></strong>%2$s</p>
18
+ <!-- /wp:paragraph --></div>
19
+ <!-- /wp:column -->
20
+
21
+ <!-- wp:column {"verticalAlignment":"center"} -->
22
+ <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"style":{"typography":{"fontSize":28,"lineHeight":"1.2"}}} -->
23
+ <p style="line-height:1.2;font-size:28px"><strong>%3$s<br></strong>%4$s</p>
24
+ <!-- /wp:paragraph --></div>
25
+ <!-- /wp:column -->
26
+
27
+ <!-- wp:column {"verticalAlignment":"center"} -->
28
+ <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"style":{"typography":{"fontSize":28,"lineHeight":"1.2"}}} -->
29
+ <p style="line-height:1.2;font-size:28px"><strong>%5$s<br></strong>%6$s</p>
30
+ <!-- /wp:paragraph --></div>
31
+ <!-- /wp:column -->
32
+
33
+ <!-- wp:column {"verticalAlignment":"bottom"} -->
34
+ <div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:buttons -->
35
+ <div class="wp-block-buttons"><!-- wp:button {"borderRadius":3,"style":{"color":{"background":"#0f1c18","text":"#ffffff"}}} -->
36
+ <div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background" style="border-radius:3px;background-color:#0f1c18;color:#ffffff">%7$s</a></div>
37
+ <!-- /wp:button --></div>
38
+ <!-- /wp:buttons --></div>
39
+ <!-- /wp:column --></div>
40
+ <!-- /wp:columns -->
41
+
42
+ <!-- wp:spacer {"height":40} -->
43
+ <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
44
+ <!-- /wp:spacer --></div></div>
45
+ <!-- /wp:group -->
46
+ ';
47
+
48
+ return array(
49
+ '__file' => 'wp_block',
50
+ 'title' => esc_html__( 'Call to Action', 'full-site-editing' ),
51
+ 'categories' => array( 'call-to-action' ),
52
+ 'content' => sprintf(
53
+ $markup,
54
+ esc_html__( 'Date:', 'full-site-editing' ),
55
+ esc_html__( 'May 28, 2021', 'full-site-editing' ),
56
+ esc_html__( 'Time:', 'full-site-editing' ),
57
+ esc_html__( '12:00 PM(UTC)', 'full-site-editing' ),
58
+ esc_html__( 'Duration:', 'full-site-editing' ),
59
+ esc_html__( '60 Minutes', 'full-site-editing' ),
60
+ esc_html__( 'Register now', 'full-site-editing' )
61
+ ),
62
+ 'viewportWidth' => 1280,
63
+ );
block-patterns/patterns/contact-05.php ADDED
@@ -0,0 +1,54 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Contact pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ // phpcs:disable WordPress.WP.CapitalPDangit.Misspelled
9
+ $markup = '
10
+ <!-- wp:cover {"customOverlayColor":"#000000","minHeight":80,"minHeightUnit":"vh","align":"full"} -->
11
+ <div class="wp-block-cover alignfull has-background-dim" style="background-color:#000000;min-height:80vh"><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":20} -->
12
+ <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
13
+ <!-- /wp:spacer -->
14
+
15
+ <!-- wp:jetpack/layout-grid {"gutterSize":"huge","column1DesktopSpan":12,"column1TabletSpan":8,"column1MobileSpan":4,"className":"column1-desktop-grid__span-12 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"} -->
16
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-12 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
17
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:paragraph {"style":{"typography":{"fontSize":103,"lineHeight":"1"},"color":{"text":"#ffffff"}}} -->
18
+ <p class="has-text-color" style="line-height:1;font-size:103px;color:#ffffff">%1$s</p>
19
+ <!-- /wp:paragraph --></div>
20
+ <!-- /wp:jetpack/layout-grid-column --></div>
21
+ <!-- /wp:jetpack/layout-grid --></div></div>
22
+ <!-- /wp:cover -->
23
+
24
+ <!-- wp:group {"align":"full","style":{"color":{"background":"#000000","text":"#ffffff"}}} -->
25
+ <div class="wp-block-group alignfull has-text-color has-background" style="background-color:#000000;color:#ffffff"><div class="wp-block-group__inner-container"><!-- wp:jetpack/layout-grid {"gutterSize":"huge","column1DesktopSpan":6,"column1TabletSpan":4,"column1MobileSpan":4,"column2DesktopSpan":6,"column2TabletSpan":4,"column2MobileSpan":4,"column3DesktopOffset":7,"className":"column1-desktop-grid__span-6 column1-desktop-grid__row-1 column2-desktop-grid__span-6 column2-desktop-grid__start-7 column2-desktop-grid__row-1 column1-tablet-grid__span-4 column1-tablet-grid__row-1 column2-tablet-grid__span-4 column2-tablet-grid__start-5 column2-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2"} -->
26
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-6 column1-desktop-grid__row-1 column2-desktop-grid__span-6 column2-desktop-grid__start-7 column2-desktop-grid__row-1 column1-tablet-grid__span-4 column1-tablet-grid__row-1 column2-tablet-grid__span-4 column2-tablet-grid__start-5 column2-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2 wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
27
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":28},"color":{"text":"#ffffff"}}} -->
28
+ <p class="has-text-align-left has-text-color" style="font-size:28px;color:#ffffff"><a href="#">%2$s</a> / <a href="#">%3$s</a> / <a href="#">%4$s</a></p>
29
+ <!-- /wp:paragraph --></div>
30
+ <!-- /wp:jetpack/layout-grid-column -->
31
+
32
+ <!-- wp:jetpack/layout-grid-column -->
33
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":28},"color":{"text":"#ffffff"}}} -->
34
+ <p class="has-text-align-right has-text-color" style="font-size:28px;color:#ffffff"><a href="mailto:%5$s">%5$s</a></p>
35
+ <!-- /wp:paragraph --></div>
36
+ <!-- /wp:jetpack/layout-grid-column --></div>
37
+ <!-- /wp:jetpack/layout-grid --></div></div>
38
+ <!-- /wp:group -->
39
+ ';
40
+
41
+ return array(
42
+ '__file' => 'wp_block',
43
+ 'title' => esc_html__( 'Contact', 'full-site-editing' ),
44
+ 'categories' => array( 'contact', 'text', 'call-to-action' ),
45
+ 'content' => sprintf(
46
+ $markup,
47
+ esc_html__( 'Let&rsquo;s connect.', 'full-site-editing' ),
48
+ esc_html__( 'Twitter', 'full-site-editing' ),
49
+ esc_html__( 'Instagram', 'full-site-editing' ),
50
+ esc_html__( 'Facebook', 'full-site-editing' ),
51
+ esc_html__( 'hello@example.com', 'full-site-editing' )
52
+ ),
53
+ 'viewportWidth' => 1280,
54
+ );
block-patterns/patterns/heading-and-paragraph.php ADDED
@@ -0,0 +1,36 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Text pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:jetpack/layout-grid {"column1DesktopSpan":6,"column1DesktopOffset":3,"column1TabletSpan":8,"column1MobileSpan":4,"column2DesktopOffset":3,"className":"column1-desktop-grid__span-6 column1-desktop-grid__start-4 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"} -->
10
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-6 column1-desktop-grid__start-4 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"><!-- wp:jetpack/layout-grid-column -->
11
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:heading -->
12
+ <h2>%1$s</h2>
13
+ <!-- /wp:heading -->
14
+
15
+ <!-- wp:paragraph -->
16
+ <p>%2$s</p>
17
+ <!-- /wp:paragraph --></div>
18
+ <!-- /wp:jetpack/layout-grid-column --></div>
19
+ <!-- /wp:jetpack/layout-grid -->
20
+
21
+ <!-- wp:spacer {"height":60} -->
22
+ <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
23
+ <!-- /wp:spacer -->
24
+ ';
25
+
26
+ return array(
27
+ '__file' => 'wp_block',
28
+ 'title' => esc_html__( 'Heading and Paragraph', 'full-site-editing' ),
29
+ 'categories' => array( 'text' ),
30
+ 'content' => sprintf(
31
+ $markup,
32
+ esc_html__( 'Chapter 1: Loomings', 'full-site-editing' ),
33
+ esc_html__( 'Call me Ishmael. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation. Whenever I find myself growing grim about the mouth; whenever it is a damp, drizzly November in my soul; whenever I find myself involuntarily pausing before coffin warehouses, and bringing up the rear of every funeral I meet; and especially whenever my hypos get such an upper hand of me, that it requires a strong moral principle to prevent me from deliberately stepping into the street, and methodically knocking people’s hats off—then, I account it high time to get to sea as soon as I can. This is my substitute for pistol and ball. With a philosophical flourish Cato throws himself upon his sword; I quietly take to the ship. There is nothing surprising in this. If they but knew it, almost all men in their degree, some time or other, cherish very nearly the same feelings towards the ocean with me.', 'full-site-editing' )
34
+ ),
35
+ 'viewportWidth' => 1280,
36
+ );
block-patterns/patterns/heading-and-text-in-two-columns.php ADDED
@@ -0,0 +1,34 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Text pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:columns {"align":"wide"} -->
10
+ <div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"top","width":40} -->
11
+ <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:40%%"><!-- wp:heading {"level":3,"className":"margin-top-none"} -->
12
+ <h3 class="margin-top-none"><strong>%1$s</strong></h3>
13
+ <!-- /wp:heading --></div>
14
+ <!-- /wp:column -->
15
+
16
+ <!-- wp:column -->
17
+ <div class="wp-block-column"><!-- wp:paragraph -->
18
+ <p>%2$s</p>
19
+ <!-- /wp:paragraph --></div>
20
+ <!-- /wp:column --></div>
21
+ <!-- /wp:columns -->
22
+ ';
23
+
24
+ return array(
25
+ '__file' => 'wp_block',
26
+ 'title' => esc_html__( 'Heading and Text in Two Columns', 'full-site-editing' ),
27
+ 'categories' => array( 'text' ),
28
+ 'content' => sprintf(
29
+ $markup,
30
+ esc_html__( 'These are the best pancakes you&rsquo;ll ever have', 'full-site-editing' ),
31
+ esc_html__( 'When I was younger I loved pancakes. Excuse me, I loved maple syrup. Pancakes were a way to get as much maple syrup on my plate, my hands, and my face. Eventually my mother realized I was leaving the pancakes half-eaten and we’d run out of syrup in two weeks instead of a month. It’s not that my mother’s pancakes were bad, it was that I didn’t know what a pancake tasted like that wasn’t drenched in dark, sweet, syrup.', 'full-site-editing' )
32
+ ),
33
+ 'viewportWidth' => 1280,
34
+ );
block-patterns/patterns/hero-with-heading-subtitle-and-two-buttons.php ADDED
@@ -0,0 +1,42 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Call to Action pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:cover {"customOverlayColor":"#f7f7f7","align":"full"} -->
10
+ <div class="wp-block-cover alignfull has-background-dim" style="background-color:#f7f7f7"><div class="wp-block-cover__inner-container"><!-- wp:heading {"level":1,"placeholder":"Add heading...","style":{"typography":{"lineHeight":"1.4"},"color":{"text":"#222222"}}} -->
11
+ <h1 class="has-text-color" style="line-height:1.4;color:#222222">%1$s</h1>
12
+ <!-- /wp:heading -->
13
+
14
+ <!-- wp:paragraph {"style":{"color":{"text":"#222222"}}} -->
15
+ <p class="has-text-color" style="color:#222222">%2$s</p>
16
+ <!-- /wp:paragraph -->
17
+
18
+ <!-- wp:buttons -->
19
+ <div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"background":"#ff302c","text":"#ffffff"}}} -->
20
+ <div class="wp-block-button"><a class="wp-block-button__link has-text-color has-background" style="background-color:#ff302c;color:#ffffff">%3$s</a></div>
21
+ <!-- /wp:button -->
22
+
23
+ <!-- wp:button {"style":{"color":{"text":"#ff302c"}},"className":"is-style-outline"} -->
24
+ <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color" style="color:#ff302c">%4$s</a></div>
25
+ <!-- /wp:button --></div>
26
+ <!-- /wp:buttons --></div></div>
27
+ <!-- /wp:cover -->
28
+ ';
29
+
30
+ return array(
31
+ '__file' => 'wp_block',
32
+ 'title' => esc_html__( 'Hero with heading, subtitle and two buttons', 'full-site-editing' ),
33
+ 'categories' => array( 'text', 'call-to-action' ),
34
+ 'content' => sprintf(
35
+ $markup,
36
+ esc_html__( 'A Curated Collection of Refurbished Vintage Cameras &amp; Accessories', 'full-site-editing' ),
37
+ esc_html__( 'Lenses, filters, lighting and more. All in working condition at unbeatable prices.', 'full-site-editing' ),
38
+ esc_html__( 'Learn more', 'full-site-editing' ),
39
+ esc_html__( 'Pre-order', 'full-site-editing' )
40
+ ),
41
+ 'viewportWidth' => 1280,
42
+ );
block-patterns/patterns/image-and-text-mosaic.php ADDED
@@ -0,0 +1,70 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Image pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:columns {"verticalAlignment":"top","align":"wide"} -->
10
+ <div class="wp-block-columns alignwide are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":33.33} -->
11
+ <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:33.33%%"><!-- wp:spacer {"height":110} -->
12
+ <div style="height:110px" aria-hidden="true" class="wp-block-spacer"></div>
13
+ <!-- /wp:spacer -->
14
+
15
+ <!-- wp:heading {"style":{"color":{"text":"#ff302c"}}} -->
16
+ <h2 class="has-text-color" style="color:#ff302c">%1$s</h2>
17
+ <!-- /wp:heading -->
18
+
19
+ <!-- wp:separator {"className":"is-style-wide"} -->
20
+ <hr class="wp-block-separator is-style-wide"/>
21
+ <!-- /wp:separator -->
22
+
23
+ <!-- wp:paragraph -->
24
+ <p>%2$s</p>
25
+ <!-- /wp:paragraph -->
26
+
27
+ <!-- wp:button {"style":{"color":{"text":"#ff302c"}},"align":"left","className":"is-style-outline"} -->
28
+ <div class="wp-block-button alignleft is-style-outline"><a class="wp-block-button__link has-text-color" href="#" style="color:#ff302c">%3$s</a></div>
29
+ <!-- /wp:button -->
30
+
31
+ <!-- wp:spacer {"height":32} -->
32
+ <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
33
+ <!-- /wp:spacer --></div>
34
+ <!-- /wp:column -->
35
+
36
+ <!-- wp:column {"verticalAlignment":"top","width":66.66} -->
37
+ <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:66.66%%"><!-- wp:image {"id":1107,"sizeSlug":"large"} -->
38
+ <figure class="wp-block-image size-large"><img src="https://dotcompatterns.files.wordpress.com/2020/05/oriento-rdmks85cli8-unsplash.jpg?w=682" alt="" class="wp-image-1107"/></figure>
39
+ <!-- /wp:image -->
40
+
41
+ <!-- wp:media-text {"mediaId":1106,"mediaType":"image","isStackedOnMobile":false,"verticalAlignment":"top","imageFill":true} -->
42
+ <div class="wp-block-media-text alignwide is-vertically-aligned-top is-image-fill"><figure class="wp-block-media-text__media" style="background-image:url(https://dotcompatterns.files.wordpress.com/2020/05/oriento-dpuwgzlsok8-unsplash.jpg?w=750);background-position:50%% 50%%"><img src="https://dotcompatterns.files.wordpress.com/2020/05/oriento-dpuwgzlsok8-unsplash.jpg?w=750" alt="" class="wp-image-1106"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->
43
+ <p>%4$s</p>
44
+ <!-- /wp:paragraph --></div></div>
45
+ <!-- /wp:media-text -->
46
+
47
+ <!-- wp:separator {"className":"is-style-wide"} -->
48
+ <hr class="wp-block-separator is-style-wide"/>
49
+ <!-- /wp:separator -->
50
+
51
+ <!-- wp:spacer {"height":96} -->
52
+ <div style="height:96px" aria-hidden="true" class="wp-block-spacer"></div>
53
+ <!-- /wp:spacer --></div>
54
+ <!-- /wp:column --></div>
55
+ <!-- /wp:columns -->
56
+ ';
57
+
58
+ return array(
59
+ '__file' => 'wp_block',
60
+ 'title' => esc_html__( 'Image and Text Mosaic', 'full-site-editing' ),
61
+ 'categories' => array( 'gallery', 'images', 'text' ),
62
+ 'content' => sprintf(
63
+ $markup,
64
+ esc_html__( 'Ceramic Tea Bowls"', 'full-site-editing' ),
65
+ esc_html__( 'A tea bowl is a central item in the traditional tea ceremony. In our shop you&rsquo;ll find one-of-a-kind, handmade bowls and cups made to order in our ceramic workshop. Each of our bowls is a unique creation so please allow for slight variances in shape and color. The bowls are glazed with special food-safe glazes.', 'full-site-editing' ),
66
+ esc_html__( 'Learn more', 'full-site-editing' ),
67
+ esc_html__( 'We&rsquo;re also offering unique, handmade ceramic mugs as well as original sets, consisting of tea, cups and matching tea pot, perfect for gifting.', 'full-site-editing' )
68
+ ),
69
+ 'viewportWidth' => 1280,
70
+ );
block-patterns/patterns/images-02.php ADDED
@@ -0,0 +1,100 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Images pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:jetpack/layout-grid {"gutterSize":"huge","column1DesktopSpan":3,"column1DesktopOffset":1,"column1TabletSpan":3,"column1MobileSpan":4,"column2DesktopSpan":7,"column2TabletSpan":5,"column2MobileSpan":4,"column3DesktopOffset":2,"column3TabletOffset":1,"className":"column1-desktop-grid__span-3 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column2-desktop-grid__span-7 column2-desktop-grid__start-5 column2-desktop-grid__row-1 column1-tablet-grid__span-3 column1-tablet-grid__row-1 column2-tablet-grid__span-5 column2-tablet-grid__start-4 column2-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2"} -->
10
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-3 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column2-desktop-grid__span-7 column2-desktop-grid__start-5 column2-desktop-grid__row-1 column1-tablet-grid__span-3 column1-tablet-grid__row-1 column2-tablet-grid__span-5 column2-tablet-grid__start-4 column2-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2 wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
11
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:spacer -->
12
+ <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
13
+ <!-- /wp:spacer -->
14
+
15
+ <!-- wp:paragraph {"align":"right","className":"margin-bottom-half","style":{"typography":{"lineHeight":"1.2"}}} -->
16
+ <p class="has-text-align-right margin-bottom-half" style="line-height:1.2"><strong>%1$s</strong><br><em>%2$s</em></p>
17
+ <!-- /wp:paragraph -->
18
+
19
+ <!-- wp:image {"id":1180,"sizeSlug":"full","className":"margin-top-half"} -->
20
+ <figure class="wp-block-image size-full margin-top-half"><a href="#"><img src="https://dotcompatterns.files.wordpress.com/2020/05/aiony-haust-f2ar0lttvai-unsplash.jpg" alt="" class="wp-image-1180"/></a></figure>
21
+ <!-- /wp:image --></div>
22
+ <!-- /wp:jetpack/layout-grid-column -->
23
+
24
+ <!-- wp:jetpack/layout-grid-column -->
25
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:image {"id":1141,"sizeSlug":"full","className":"margin-bottom-half"} -->
26
+ <figure class="wp-block-image size-full margin-bottom-half"><a href="#"><img src="https://dotcompatterns.files.wordpress.com/2020/05/mitchell-orr-gzaycfvq-hu-unsplash.jpg" alt="" class="wp-image-1141"/></a></figure>
27
+ <!-- /wp:image -->
28
+
29
+ <!-- wp:paragraph {"align":"right","className":"margin-top-half","style":{"typography":{"lineHeight":"1.2"}}} -->
30
+ <p class="has-text-align-right margin-top-half" style="line-height:1.2"><strong>%3$s</strong><br><em>%4$s</em></p>
31
+ <!-- /wp:paragraph --></div>
32
+ <!-- /wp:jetpack/layout-grid-column --></div>
33
+ <!-- /wp:jetpack/layout-grid -->
34
+
35
+ <!-- wp:spacer {"height":60} -->
36
+ <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
37
+ <!-- /wp:spacer -->
38
+
39
+ <!-- wp:jetpack/layout-grid {"gutterSize":"huge","column1DesktopSpan":4,"column1DesktopOffset":3,"column1TabletSpan":4,"column1MobileSpan":4,"column2DesktopSpan":4,"column2TabletSpan":4,"column2MobileSpan":4,"column3DesktopOffset":3,"className":"column1-desktop-grid__span-4 column1-desktop-grid__start-4 column1-desktop-grid__row-1 column2-desktop-grid__span-4 column2-desktop-grid__start-8 column2-desktop-grid__row-1 column1-tablet-grid__span-4 column1-tablet-grid__row-1 column2-tablet-grid__span-4 column2-tablet-grid__start-5 column2-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2"} -->
40
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-4 column1-desktop-grid__start-4 column1-desktop-grid__row-1 column2-desktop-grid__span-4 column2-desktop-grid__start-8 column2-desktop-grid__row-1 column1-tablet-grid__span-4 column1-tablet-grid__row-1 column2-tablet-grid__span-4 column2-tablet-grid__start-5 column2-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2 wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
41
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:paragraph {"align":"right","className":"margin-bottom-half","style":{"typography":{"lineHeight":"1.2"}}} -->
42
+ <p class="has-text-align-right margin-bottom-half" style="line-height:1.2"><strong>%5$s</strong><br><em>%6$s</em></p>
43
+ <!-- /wp:paragraph -->
44
+
45
+ <!-- wp:image {"id":1280,"sizeSlug":"full","className":"margin-top-half"} -->
46
+ <figure class="wp-block-image size-full margin-top-half"><a href="#"><img src="https://dotcompatterns.files.wordpress.com/2020/05/patricia-palma-oaab-eywmuu-unsplash.jpg" alt="" class="wp-image-1280"/></a></figure>
47
+ <!-- /wp:image --></div>
48
+ <!-- /wp:jetpack/layout-grid-column -->
49
+
50
+ <!-- wp:jetpack/layout-grid-column -->
51
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:spacer -->
52
+ <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
53
+ <!-- /wp:spacer -->
54
+
55
+ <!-- wp:paragraph {"align":"right","className":"margin-bottom-half","style":{"typography":{"lineHeight":"1.2"}}} -->
56
+ <p class="has-text-align-right margin-bottom-half" style="line-height:1.2"><strong>%7$s</strong><br><em>%8$s</em></p>
57
+ <!-- /wp:paragraph -->
58
+
59
+ <!-- wp:image {"id":1277,"sizeSlug":"full","className":"margin-top-half"} -->
60
+ <figure class="wp-block-image size-full margin-top-half"><a href="#"><img src="https://dotcompatterns.files.wordpress.com/2020/05/jean-philippe-delberghe-exbd9gxafhs-unsplash.jpg" alt="" class="wp-image-1277"/></a></figure>
61
+ <!-- /wp:image --></div>
62
+ <!-- /wp:jetpack/layout-grid-column --></div>
63
+ <!-- /wp:jetpack/layout-grid -->
64
+
65
+ <!-- wp:spacer {"height":60} -->
66
+ <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
67
+ <!-- /wp:spacer -->
68
+
69
+ <!-- wp:jetpack/layout-grid {"gutterSize":"huge","column1DesktopSpan":6,"column1DesktopOffset":1,"column1TabletSpan":8,"column1MobileSpan":4,"column2DesktopOffset":6,"className":"column1-desktop-grid__span-6 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"} -->
70
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-6 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
71
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:paragraph {"align":"right","className":"margin-bottom-half","style":{"typography":{"lineHeight":"1.2"}}} -->
72
+ <p class="has-text-align-right margin-bottom-half" style="line-height:1.2"><strong>%9$s</strong><br><em>%10$s</em> </p>
73
+ <!-- /wp:paragraph -->
74
+
75
+ <!-- wp:image {"id":1325,"sizeSlug":"large","className":"margin-top-half"} -->
76
+ <figure class="wp-block-image size-large margin-top-half"><a href="#"><img src="https://dotcompatterns.files.wordpress.com/2020/06/sofia-kuniakina-rt990o6gexk-unsplash.jpg?w=1024" alt="" class="wp-image-1325"/></a></figure>
77
+ <!-- /wp:image --></div>
78
+ <!-- /wp:jetpack/layout-grid-column --></div>
79
+ <!-- /wp:jetpack/layout-grid -->
80
+ ';
81
+
82
+ return array(
83
+ '__file' => 'wp_block',
84
+ 'title' => esc_html__( 'Images', 'full-site-editing' ),
85
+ 'categories' => array( 'gallery', 'images' ),
86
+ 'content' => sprintf(
87
+ $markup,
88
+ esc_html__( 'Summer', 'full-site-editing' ),
89
+ esc_html__( '2019', 'full-site-editing' ),
90
+ esc_html__( 'Failed Encounter', 'full-site-editing' ),
91
+ esc_html__( '2019', 'full-site-editing' ),
92
+ esc_html__( 'Movement', 'full-site-editing' ),
93
+ esc_html__( '2018', 'full-site-editing' ),
94
+ esc_html__( 'Retratos', 'full-site-editing' ),
95
+ esc_html__( '2017', 'full-site-editing' ),
96
+ esc_html__( 'Disappearance', 'full-site-editing' ),
97
+ esc_html__( '2016', 'full-site-editing' )
98
+ ),
99
+ 'viewportWidth' => 1280,
100
+ );
block-patterns/patterns/images.php ADDED
@@ -0,0 +1,72 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Images pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:jetpack/layout-grid {"column1DesktopSpan":9,"column1TabletSpan":4,"column1MobileSpan":4,"column2DesktopSpan":3,"column2TabletSpan":4,"column2MobileSpan":4,"className":"column1-desktop-grid__span-9 column1-desktop-grid__row-1 column2-desktop-grid__span-3 column2-desktop-grid__start-10 column2-desktop-grid__row-1 column1-tablet-grid__span-4 column1-tablet-grid__row-1 column2-tablet-grid__span-4 column2-tablet-grid__start-5 column2-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2"} -->
10
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-9 column1-desktop-grid__row-1 column2-desktop-grid__span-3 column2-desktop-grid__start-10 column2-desktop-grid__row-1 column1-tablet-grid__span-4 column1-tablet-grid__row-1 column2-tablet-grid__span-4 column2-tablet-grid__start-5 column2-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2"><!-- wp:jetpack/layout-grid-column -->
11
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:jetpack/layout-grid {"addGutterEnds":false,"column1DesktopSpan":8,"column1TabletSpan":8,"column1MobileSpan":4,"column2DesktopSpan":6,"column2DesktopOffset":6,"column2TabletSpan":4,"column2MobileSpan":4,"className":"column1-desktop-grid__span-8 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"} -->
12
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-8 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 wp-block-jetpack-layout-gutter__nowrap"><!-- wp:jetpack/layout-grid-column -->
13
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:image {"id":1015,"sizeSlug":"full"} -->
14
+ <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2020/05/autri-taheri-wjdu5pkwyeo-unsplash-1.jpg" alt="" class="wp-image-1015"/></figure>
15
+ <!-- /wp:image --></div>
16
+ <!-- /wp:jetpack/layout-grid-column --></div>
17
+ <!-- /wp:jetpack/layout-grid -->
18
+
19
+ <!-- wp:jetpack/layout-grid {"addGutterEnds":false,"column1DesktopSpan":3,"column1DesktopOffset":1,"column1TabletSpan":4,"column1MobileSpan":4,"column2DesktopSpan":4,"column2TabletSpan":4,"column2MobileSpan":4,"column3DesktopSpan":4,"column3TabletSpan":8,"column3MobileSpan":4,"className":"column1-desktop-grid__span-3 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column2-desktop-grid__span-4 column2-desktop-grid__start-5 column2-desktop-grid__row-1 column3-desktop-grid__span-4 column3-desktop-grid__start-9 column3-desktop-grid__row-1 column1-tablet-grid__span-4 column1-tablet-grid__row-1 column2-tablet-grid__span-4 column2-tablet-grid__start-5 column2-tablet-grid__row-1 column3-tablet-grid__span-8 column3-tablet-grid__row-2 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2 column3-mobile-grid__span-4 column3-mobile-grid__row-3"} -->
20
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-3 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column2-desktop-grid__span-4 column2-desktop-grid__start-5 column2-desktop-grid__row-1 column3-desktop-grid__span-4 column3-desktop-grid__start-9 column3-desktop-grid__row-1 column1-tablet-grid__span-4 column1-tablet-grid__row-1 column2-tablet-grid__span-4 column2-tablet-grid__start-5 column2-tablet-grid__row-1 column3-tablet-grid__span-8 column3-tablet-grid__row-2 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2 column3-mobile-grid__span-4 column3-mobile-grid__row-3 wp-block-jetpack-layout-gutter__nowrap"><!-- wp:jetpack/layout-grid-column -->
21
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:image {"id":1002,"sizeSlug":"full"} -->
22
+ <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2020/05/autri-taheri-ceyi_5a-hcg-unsplash.jpg" alt="" class="wp-image-1002"/></figure>
23
+ <!-- /wp:image --></div>
24
+ <!-- /wp:jetpack/layout-grid-column -->
25
+
26
+ <!-- wp:jetpack/layout-grid-column -->
27
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:image {"id":1005,"sizeSlug":"full"} -->
28
+ <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2020/05/oliver-sjostrom-2ojhvhpxrza-unsplash.jpg" alt="" class="wp-image-1005"/></figure>
29
+ <!-- /wp:image --></div>
30
+ <!-- /wp:jetpack/layout-grid-column -->
31
+
32
+ <!-- wp:jetpack/layout-grid-column -->
33
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:image {"id":1001,"sizeSlug":"full"} -->
34
+ <figure class="wp-block-image size-full"><img src="https://dotcompatterns.files.wordpress.com/2020/05/autri-taheri-w72una-s9ry-unsplash.jpg" alt="" class="wp-image-1001"/></figure>
35
+ <!-- /wp:image --></div>
36
+ <!-- /wp:jetpack/layout-grid-column --></div>
37
+ <!-- /wp:jetpack/layout-grid --></div>
38
+ <!-- /wp:jetpack/layout-grid-column -->
39
+
40
+ <!-- wp:jetpack/layout-grid-column -->
41
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:paragraph {"className":"margin-bottom-none","style":{"typography":{"fontSize":14}}} -->
42
+ <p class="margin-bottom-none" style="font-size:14px">%1$s</p>
43
+ <!-- /wp:paragraph -->
44
+
45
+ <!-- wp:heading {"level":3,"className":"margin-top-none","style":{"typography":{"fontSize":24,"lineHeight":"1.2"}}} -->
46
+ <h3 class="margin-top-none" style="line-height:1.2;font-size:24px">%2$s</h3>
47
+ <!-- /wp:heading -->
48
+
49
+ <!-- wp:paragraph {"style":{"typography":{"fontSize":14}}} -->
50
+ <p style="font-size:14px">%3$s </p>
51
+ <!-- /wp:paragraph -->
52
+
53
+ <!-- wp:paragraph {"style":{"typography":{"fontSize":14}}} -->
54
+ <p style="font-size:14px">%4$s</p>
55
+ <!-- /wp:paragraph --></div>
56
+ <!-- /wp:jetpack/layout-grid-column --></div>
57
+ <!-- /wp:jetpack/layout-grid -->
58
+ ';
59
+
60
+ return array(
61
+ '__file' => 'wp_block',
62
+ 'title' => esc_html__( 'Images', 'full-site-editing' ),
63
+ 'categories' => array( 'gallery', 'images', 'text' ),
64
+ 'content' => sprintf(
65
+ $markup,
66
+ esc_html__( 'Vol.3', 'full-site-editing' ),
67
+ esc_html__( '5am, the Beach', 'full-site-editing' ),
68
+ esc_html__( 'As long as I was on the path I walked hard, but when I came to the black beach I had to run. For the tide was now nearly flowed; and to get through with my powder dry between the surf and the steep hill, took all the quickness I possessed. As it was, even, the wash caught me to the knees, and I came near falling on a stone. All this time the hurry I was in, and the free air and smell of the sea, kept my spirits lively; but when I was once in the bush and began to climb the path I took it easier.', 'full-site-editing' ),
69
+ esc_html__( 'The fearsomeness of the wood had been a good bit rubbed off for me by Master Case’s banjo-strings and graven images, yet I thought it was a dreary walk, and guessed, when the disciples went up there, they must be badly scared. The light of the lantern, striking among all these trunks and forked branches and twisted rope-ends of lianas, made the whole place, or all that you could see of it, a kind of a puzzle of turning shadows. They came to meet you, solid and quick like giants, and then span off and vanished; they hove up over your head like clubs, and flew away into the night like birds. The floor of the bush glimmered with dead wood, the way the match-box used to shine after you had struck a lucifer. Big, cold drops fell on me from the branches overhead like sweat. There was no wind to mention; only a little icy breath of a land-breeze that stirred nothing; and the harps were silent.', 'full-site-editing' )
70
+ ),
71
+ 'viewportWidth' => 1280,
72
+ );
block-patterns/patterns/list-02.php ADDED
@@ -0,0 +1,45 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * List pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:group {"align":"full","backgroundColor":"foreground-dark"} -->
10
+ <div class="wp-block-group alignfull has-foreground-dark-background-color has-background"><div class="wp-block-group__inner-container"><!-- wp:jetpack/layout-grid {"gutterSize":"huge","column1DesktopSpan":12,"column1TabletSpan":8,"column1MobileSpan":4,"className":"column1-desktop-grid__span-12 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"} -->
11
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-12 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
12
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:spacer {"height":20} -->
13
+ <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
14
+ <!-- /wp:spacer -->
15
+
16
+ <!-- wp:paragraph {"style":{"typography":{"fontSize":72,"lineHeight":"0.9"}}} -->
17
+ <p style="line-height:0.9;font-size:72px;"><strong>%1$s<br>%2$s<br>%3$s </strong><br><strong>%4$s<br>%5$s<br>%6$s<br>%7$s<br>%8$s<br>%9$s</strong></p>
18
+ <!-- /wp:paragraph -->
19
+
20
+ <!-- wp:spacer {"height":20} -->
21
+ <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
22
+ <!-- /wp:spacer --></div>
23
+ <!-- /wp:jetpack/layout-grid-column --></div>
24
+ <!-- /wp:jetpack/layout-grid --></div></div>
25
+ <!-- /wp:group -->
26
+ ';
27
+
28
+ return array(
29
+ '__file' => 'wp_block',
30
+ 'title' => esc_html__( 'List', 'full-site-editing' ),
31
+ 'categories' => array( 'list', 'text' ),
32
+ 'content' => sprintf(
33
+ $markup,
34
+ esc_html__( 'BETH SILVA', 'full-site-editing' ),
35
+ esc_html__( 'CHRISTINE RUSSELL', 'full-site-editing' ),
36
+ esc_html__( 'HOLLIE BLANKENSHIP', 'full-site-editing' ),
37
+ esc_html__( 'MONICA HUMPHREY', 'full-site-editing' ),
38
+ esc_html__( 'NETTIE PECK', 'full-site-editing' ),
39
+ esc_html__( 'BRIANNA WILLIS', 'full-site-editing' ),
40
+ esc_html__( 'ELISE PRATT', 'full-site-editing' ),
41
+ esc_html__( 'VERONICA ENGLAND', 'full-site-editing' ),
42
+ esc_html__( 'MASON DECKER', 'full-site-editing' )
43
+ ),
44
+ 'viewportWidth' => 1280,
45
+ );
block-patterns/patterns/multi-column-text-with-headline.php ADDED
@@ -0,0 +1,109 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Call to Action pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:spacer {"height":80} -->
10
+ <div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
11
+ <!-- /wp:spacer -->
12
+
13
+ <!-- wp:jetpack/layout-grid {"gutterSize":"huge","column1DesktopSpan":10,"column1DesktopOffset":1,"column1TabletSpan":8,"column1MobileSpan":4,"column2DesktopOffset":2,"className":"column1-desktop-grid__span-10 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"} -->
14
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-10 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
15
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}}} -->
16
+ <p style="line-height:1.5">%1$s</p>
17
+ <!-- /wp:paragraph -->
18
+
19
+ <!-- wp:heading {"className":"margin-top-none","style":{"typography":{"fontSize":69,"lineHeight":"1.22"}}} -->
20
+ <h2 class="margin-top-none" style="line-height:1.22;font-size:69px">%2$s</h2>
21
+ <!-- /wp:heading -->
22
+
23
+ <!-- wp:spacer {"height":32} -->
24
+ <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
25
+ <!-- /wp:spacer --></div>
26
+ <!-- /wp:jetpack/layout-grid-column --></div>
27
+ <!-- /wp:jetpack/layout-grid -->
28
+
29
+ <!-- wp:jetpack/layout-grid {"gutterSize":"huge","column1DesktopSpan":2,"column1DesktopOffset":1,"column1TabletSpan":2,"column1MobileSpan":4,"column2DesktopSpan":5,"column2TabletSpan":6,"column2MobileSpan":4,"column3DesktopSpan":3,"column3TabletSpan":6,"column3TabletOffset":2,"column3MobileSpan":4,"column4DesktopOffset":2,"column4TabletOffset":3,"className":"column1-desktop-grid__span-2 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column2-desktop-grid__span-5 column2-desktop-grid__start-4 column2-desktop-grid__row-1 column3-desktop-grid__span-3 column3-desktop-grid__start-9 column3-desktop-grid__row-1 column1-tablet-grid__span-2 column1-tablet-grid__row-1 column2-tablet-grid__span-6 column2-tablet-grid__start-3 column2-tablet-grid__row-1 column3-tablet-grid__span-6 column3-tablet-grid__start-3 column3-tablet-grid__row-2 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2 column3-mobile-grid__span-4 column3-mobile-grid__row-3"} -->
30
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-2 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column2-desktop-grid__span-5 column2-desktop-grid__start-4 column2-desktop-grid__row-1 column3-desktop-grid__span-3 column3-desktop-grid__start-9 column3-desktop-grid__row-1 column1-tablet-grid__span-2 column1-tablet-grid__row-1 column2-tablet-grid__span-6 column2-tablet-grid__start-3 column2-tablet-grid__row-1 column3-tablet-grid__span-6 column3-tablet-grid__start-3 column3-tablet-grid__row-2 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2 column3-mobile-grid__span-4 column3-mobile-grid__row-3 wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
31
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:paragraph -->
32
+ <p><strong>%3$s <br>%4$s</strong><br><strong>%5$s</strong></p>
33
+ <!-- /wp:paragraph --></div>
34
+ <!-- /wp:jetpack/layout-grid-column -->
35
+
36
+ <!-- wp:jetpack/layout-grid-column -->
37
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:paragraph -->
38
+ <p>%6$s <br><br>%7$s</p>
39
+ <!-- /wp:paragraph -->
40
+
41
+ <!-- wp:heading {"level":4,"className":"margin-bottom-half","style":{"typography":{"fontSize":29,"lineHeight":"1.1"}}} -->
42
+ <h4 class="margin-bottom-half" style="line-height:1.1;font-size:29px">%8$s</h4>
43
+ <!-- /wp:heading -->
44
+
45
+ <!-- wp:paragraph {"className":"margin-top-half"} -->
46
+ <p class="margin-top-half">%9$s<br>%10$s<br>%11$s</p>
47
+ <!-- /wp:paragraph -->
48
+
49
+ <!-- wp:buttons -->
50
+ <div class="wp-block-buttons"><!-- wp:button {"borderRadius":3} -->
51
+ <div class="wp-block-button"><a class="wp-block-button__link" style="border-radius:3px">$12$s</a></div>
52
+ <!-- /wp:button --></div>
53
+ <!-- /wp:buttons --></div>
54
+ <!-- /wp:jetpack/layout-grid-column -->
55
+
56
+ <!-- wp:jetpack/layout-grid-column -->
57
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:columns -->
58
+ <div class="wp-block-columns"><!-- wp:column {"width":25} -->
59
+ <div class="wp-block-column" style="flex-basis:25%%"><!-- wp:image {"id":1472,"sizeSlug":"full","className":"is-style-rounded"} -->
60
+ <figure class="wp-block-image size-full is-style-rounded"><img src="https://dotcompatterns.files.wordpress.com/2020/06/alexis-chloe-m226gm3bjwc-unsplash-2.jpg?w=300" alt="" class="wp-image-1472"/></figure>
61
+ <!-- /wp:image --></div>
62
+ <!-- /wp:column -->
63
+
64
+ <!-- wp:column {"verticalAlignment":"center","width":75,"className":"margin-left-half"} -->
65
+ <div class="wp-block-column is-vertically-aligned-center margin-left-half" style="flex-basis:75%%"><!-- wp:paragraph {"style":{"typography":{"fontSize":17}}} -->
66
+ <p style="font-size:17px"><strong>%12$s<br></strong>%13$s</p>
67
+ <!-- /wp:paragraph --></div>
68
+ <!-- /wp:column --></div>
69
+ <!-- /wp:columns -->
70
+
71
+ <!-- wp:paragraph {"className":"margin-top-none","style":{"typography":{"fontSize":17}}} -->
72
+ <p class="margin-top-none" style="font-size:17px">%14$s</p>
73
+ <!-- /wp:paragraph -->
74
+
75
+ <!-- wp:paragraph {"style":{"typography":{"fontSize":17}}} -->
76
+ <p style="font-size:17px">%15$s </p>
77
+ <!-- /wp:paragraph --></div>
78
+ <!-- /wp:jetpack/layout-grid-column --></div>
79
+ <!-- /wp:jetpack/layout-grid -->
80
+
81
+ <!-- wp:spacer {"height":80} -->
82
+ <div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
83
+ <!-- /wp:spacer -->
84
+ ';
85
+
86
+ return array(
87
+ '__file' => 'wp_block',
88
+ 'title' => esc_html__( 'Multi-column Text with Headline', 'full-site-editing' ),
89
+ 'categories' => array( 'call-to-action', 'text' ),
90
+ 'content' => sprintf(
91
+ $markup,
92
+ esc_html__( 'Online Lesson', 'full-site-editing' ),
93
+ esc_html__( 'Introduction to the Technical Side of Photography', 'full-site-editing' ),
94
+ esc_html__( 'May 28, 2021', 'full-site-editing' ),
95
+ esc_html__( '12:00 PM (UTC)', 'full-site-editing' ),
96
+ esc_html__( '60 Minutes', 'full-site-editing' ),
97
+ esc_html__( 'Alyssa will introduce you to the important aspects of the technical side of digital photography. The lesson will teach you how to operate the various features of your digital camera so you can finally know what all those buttons actually do.', 'full-site-editing' ),
98
+ esc_html__( 'Bring your questions to the webinar for a live Q&amp;A session.', 'full-site-editing' ),
99
+ esc_html__( 'What You&rsquo;ll Learn:', 'full-site-editing' ),
100
+ esc_html__( '- Focal Length', 'full-site-editing' ),
101
+ esc_html__( '- Shutter Speed / Exposure', 'full-site-editing' ),
102
+ esc_html__( '- Aperture / Depth of Field', 'full-site-editing' ),
103
+ esc_html__( 'Alyssa Jackson', 'full-site-editing' ),
104
+ esc_html__( 'Photographer at GTX', 'full-site-editing' ),
105
+ esc_html__( 'I&rsquo;m a natural light photographer specializing in portraits of non-models. I aim for my work to be uniquely beautiful without trying too hard. My passion is to explore my creativity while documenting significant moments in my clients&rsquo; lives.', 'full-site-editing' ),
106
+ esc_html__( 'I&rsquo;m based in New York and currently work at GTX Studio. I also shoot a lot of portraiture as well as assignments for agencies.', 'full-site-editing' )
107
+ ),
108
+ 'viewportWidth' => 1280,
109
+ );
block-patterns/patterns/podcast-subscription.php ADDED
@@ -0,0 +1,66 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Podcast pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:cover {"customOverlayColor":"#242331","minHeight":350,"align":"full"} -->
10
+ <div class="wp-block-cover alignfull has-background-dim" style="background-color:#242331;min-height:350px"><div class="wp-block-cover__inner-container"><!-- wp:jetpack/layout-grid {"column1DesktopSpan":10,"column1DesktopOffset":1,"column1TabletSpan":8,"column1MobileSpan":4,"column2DesktopOffset":2,"className":"column1-desktop-grid__span-10 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"} -->
11
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-10 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"><!-- wp:jetpack/layout-grid-column -->
12
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:heading {"level":3,"style":{"color":{"text":"#ffffff"}}} -->
13
+ <h3 class="has-text-color" style="color:#ffffff">%1$s</h3>
14
+ <!-- /wp:heading -->
15
+
16
+ <!-- wp:paragraph {"style":{"color":{"text":"#ffffff"}}} -->
17
+ <p class="has-text-color" style="color:#ffffff">%2$s</p>
18
+ <!-- /wp:paragraph -->
19
+
20
+ <!-- wp:buttons -->
21
+ <div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"text":"#ffffff"}},"className":"is-style-outline"} -->
22
+ <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color" style="color:#ffffff">%3$s</a></div>
23
+ <!-- /wp:button -->
24
+
25
+ <!-- wp:button {"style":{"color":{"text":"#ffffff"}},"className":"is-style-outline"} -->
26
+ <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color" style="color:#ffffff">%4$s</a></div>
27
+ <!-- /wp:button -->
28
+
29
+ <!-- wp:button {"style":{"color":{"text":"#ffffff"}},"className":"is-style-outline"} -->
30
+ <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color" style="color:#ffffff">%5$s</a></div>
31
+ <!-- /wp:button -->
32
+
33
+ <!-- wp:button {"style":{"color":{"text":"#ffffff"}},"className":"is-style-outline"} -->
34
+ <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color" style="color:#ffffff">%6$s</a></div>
35
+ <!-- /wp:button -->
36
+
37
+ <!-- wp:button {"style":{"color":{"text":"#ffffff"}},"className":"is-style-outline"} -->
38
+ <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color" style="color:#ffffff">%7$s</a></div>
39
+ <!-- /wp:button -->
40
+
41
+ <!-- wp:button {"style":{"color":{"text":"#ffffff"}},"className":"is-style-outline"} -->
42
+ <div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color" style="color:#ffffff">%8$s</a></div>
43
+ <!-- /wp:button --></div>
44
+ <!-- /wp:buttons --></div>
45
+ <!-- /wp:jetpack/layout-grid-column --></div>
46
+ <!-- /wp:jetpack/layout-grid --></div></div>
47
+ <!-- /wp:cover -->
48
+ ';
49
+
50
+ return array(
51
+ '__file' => 'wp_block',
52
+ 'title' => esc_html__( 'Podcast Subscription', 'full-site-editing' ),
53
+ 'categories' => array( 'call-to-action', 'podcast' ),
54
+ 'content' => sprintf(
55
+ $markup,
56
+ esc_html__( 'Never miss an episode', 'full-site-editing' ),
57
+ esc_html__( 'Subscribe wherever you enjoy podcasts:', 'full-site-editing' ),
58
+ esc_html__( 'Apple', 'full-site-editing' ),
59
+ esc_html__( 'Overcast', 'full-site-editing' ),
60
+ esc_html__( 'Spotify', 'full-site-editing' ),
61
+ esc_html__( 'Google', 'full-site-editing' ),
62
+ esc_html__( 'Stitcher', 'full-site-editing' ),
63
+ esc_html__( 'RSS', 'full-site-editing' )
64
+ ),
65
+ 'viewportWidth' => 1280,
66
+ );
block-patterns/patterns/quote-02.php ADDED
@@ -0,0 +1,42 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Quote pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:group {"align":"full","style":{"color":{"background":"#1a1a1a","text":"#ffffff"}}} -->
10
+ <div class="wp-block-group alignfull has-text-color has-background" style="background-color:#1a1a1a;color:#ffffff"><div class="wp-block-group__inner-container"><!-- wp:spacer -->
11
+ <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
12
+ <!-- /wp:spacer -->
13
+
14
+ <!-- wp:jetpack/layout-grid {"gutterSize":"huge","column1DesktopSpan":8,"column1TabletSpan":8,"column1MobileSpan":4,"column2DesktopOffset":6,"className":"column1-desktop-grid__span-8 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"} -->
15
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-8 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
16
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":34,"lineHeight":1.4}}} -->
17
+ <p class="has-text-align-left" style="line-height:1.4;font-size:34px">%1$s</p>
18
+ <!-- /wp:paragraph -->
19
+
20
+ <!-- wp:paragraph {"align":"left"} -->
21
+ <p class="has-text-align-left">%2$s</p>
22
+ <!-- /wp:paragraph --></div>
23
+ <!-- /wp:jetpack/layout-grid-column --></div>
24
+ <!-- /wp:jetpack/layout-grid -->
25
+
26
+ <!-- wp:spacer -->
27
+ <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
28
+ <!-- /wp:spacer --></div></div>
29
+ <!-- /wp:group -->
30
+ ';
31
+
32
+ return array(
33
+ '__file' => 'wp_block',
34
+ 'title' => esc_html__( 'Quote', 'full-site-editing' ),
35
+ 'categories' => array( 'quotes', 'text' ),
36
+ 'content' => sprintf(
37
+ $markup,
38
+ esc_html__( '"The artist is the creator of beautiful things. To reveal art and conceal the artist is art&rsquo;s aim. The critic is he who can translate into another manner or a new material his impression of beautiful things."', 'full-site-editing' ),
39
+ esc_html__( '— Oscar Wilde', 'full-site-editing' )
40
+ ),
41
+ 'viewportWidth' => 1280,
42
+ );
block-patterns/patterns/quote-03.php ADDED
@@ -0,0 +1,67 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Quote pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:group {"align":"full","style":{"color":{"background":"#767161","text":"#ffffff"}}} -->
10
+ <div class="wp-block-group alignfull has-text-color has-background" style="background-color:#767161;color:#ffffff"><div class="wp-block-group__inner-container"><!-- wp:spacer {"height":60} -->
11
+ <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
12
+ <!-- /wp:spacer -->
13
+
14
+ <!-- wp:jetpack/layout-grid {"gutterSize":"huge","column1DesktopSpan":6,"column1TabletSpan":8,"column1MobileSpan":4,"column2DesktopOffset":6,"className":"column1-desktop-grid__span-6 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"} -->
15
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-6 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
16
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:paragraph {"style":{"typography":{"fontSize":28,"lineHeight":"1.2"}}} -->
17
+ <p style="line-height:1.2;font-size:28px">%1$s</p>
18
+ <!-- /wp:paragraph --></div>
19
+ <!-- /wp:jetpack/layout-grid-column --></div>
20
+ <!-- /wp:jetpack/layout-grid -->
21
+
22
+ <!-- wp:spacer {"height":20} -->
23
+ <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
24
+ <!-- /wp:spacer -->
25
+
26
+ <!-- wp:jetpack/layout-grid {"gutterSize":"huge","column1DesktopSpan":6,"column1TabletSpan":4,"column1MobileSpan":4,"column2DesktopSpan":6,"column2TabletSpan":4,"column2MobileSpan":4,"className":"column1-desktop-grid__span-6 column1-desktop-grid__row-1 column2-desktop-grid__span-6 column2-desktop-grid__start-7 column2-desktop-grid__row-1 column1-tablet-grid__span-4 column1-tablet-grid__row-1 column2-tablet-grid__span-4 column2-tablet-grid__start-5 column2-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2"} -->
27
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-6 column1-desktop-grid__row-1 column2-desktop-grid__span-6 column2-desktop-grid__start-7 column2-desktop-grid__row-1 column1-tablet-grid__span-4 column1-tablet-grid__row-1 column2-tablet-grid__span-4 column2-tablet-grid__start-5 column2-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2 wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
28
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:paragraph {"style":{"typography":{"fontSize":20}}} -->
29
+ <p style="font-size:20px">%2$s</p>
30
+ <!-- /wp:paragraph -->
31
+
32
+ <!-- wp:paragraph {"style":{"typography":{"fontSize":20}}} -->
33
+ <p style="font-size:20px">%3$s</p>
34
+ <!-- /wp:paragraph --></div>
35
+ <!-- /wp:jetpack/layout-grid-column -->
36
+
37
+ <!-- wp:jetpack/layout-grid-column -->
38
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:paragraph {"style":{"typography":{"fontSize":20}}} -->
39
+ <p style="font-size:20px">%4$s</p>
40
+ <!-- /wp:paragraph -->
41
+
42
+ <!-- wp:paragraph {"style":{"typography":{"fontSize":20}}} -->
43
+ <p style="font-size:20px">%5$s</p>
44
+ <!-- /wp:paragraph --></div>
45
+ <!-- /wp:jetpack/layout-grid-column --></div>
46
+ <!-- /wp:jetpack/layout-grid -->
47
+
48
+ <!-- wp:spacer {"height":60} -->
49
+ <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
50
+ <!-- /wp:spacer --></div></div>
51
+ <!-- /wp:group -->
52
+ ';
53
+
54
+ return array(
55
+ '__file' => 'wp_block',
56
+ 'title' => esc_html__( 'Quote', 'full-site-editing' ),
57
+ 'categories' => array( 'quotes', 'text', 'list' ),
58
+ 'content' => sprintf(
59
+ $markup,
60
+ esc_html__( 'What People Are Saying', 'full-site-editing' ),
61
+ esc_html__( '“There are few people whom I really love, and still fewer of whom I think well. The more I see of the world, the more am I dissatisfied with it; and every day confirms my belief of the inconsistency of all human characters, and of the little dependence that can be placed on the appearance of merit or sense.”', 'full-site-editing' ),
62
+ esc_html__( '— Elizabeth Bennet', 'full-site-editing' ),
63
+ esc_html__( '“Vanity and pride are different things, though the words are often used synonymously. A person may be proud without being vain. Pride relates more to our opinion of ourselves, vanity to what we would have others think of us.”', 'full-site-editing' ),
64
+ esc_html__( '— Mary Bennet', 'full-site-editing' )
65
+ ),
66
+ 'viewportWidth' => 1280,
67
+ );
block-patterns/patterns/quote-04.php ADDED
@@ -0,0 +1,40 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Quote pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:cover {"url":"https://dotcompatterns.files.wordpress.com/2020/05/jonny-clow-ngcigmlzxtk-unsplash.jpg","id":1102,"dimRatio":0,"customOverlayColor":"#ffffff","align":"full","className":"has-ffffff-background-color"} -->
10
+ <div class="wp-block-cover alignfull has-ffffff-background-color" style="background-image:url(https://dotcompatterns.files.wordpress.com/2020/05/jonny-clow-ngcigmlzxtk-unsplash.jpg);background-color:#ffffff"><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"full","style":{"color":{"background":"#ffffff","text":"#222222"}}} -->
11
+ <div class="wp-block-group alignfull has-text-color has-background" style="background-color:#ffffff;color:#222222"><div class="wp-block-group__inner-container"><!-- wp:spacer {"height":50} -->
12
+ <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
13
+ <!-- /wp:spacer -->
14
+
15
+ <!-- wp:heading {"className":"has-text-color","style":{"typography":{"lineHeight":1.4}}} -->
16
+ <h2 class="has-text-color" style="line-height:1.4"><em>%1$s</em></h2>
17
+ <!-- /wp:heading -->
18
+
19
+ <!-- wp:paragraph -->
20
+ <p>%2$s</p>
21
+ <!-- /wp:paragraph -->
22
+
23
+ <!-- wp:spacer {"height":50} -->
24
+ <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
25
+ <!-- /wp:spacer --></div></div>
26
+ <!-- /wp:group --></div></div>
27
+ <!-- /wp:cover -->
28
+ ';
29
+
30
+ return array(
31
+ '__file' => 'wp_block',
32
+ 'title' => esc_html__( 'Quote', 'full-site-editing' ),
33
+ 'categories' => array( 'quotes', 'text', 'list' ),
34
+ 'content' => sprintf(
35
+ $markup,
36
+ esc_html__( '"So many things are possible, just as long as you don&rsquo;t know they are impossible."', 'full-site-editing' ),
37
+ esc_html__( '--Norton Juster', 'full-site-editing' )
38
+ ),
39
+ 'viewportWidth' => 1280,
40
+ );
block-patterns/patterns/quote.php ADDED
@@ -0,0 +1,42 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Quote pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:group {"align":"full","style":{"color":{"background":"#ffefe4","text":"#000000"}}} -->
10
+ <div class="wp-block-group alignfull has-text-color has-background" style="background-color:#ffefe4;color:#000000"><div class="wp-block-group__inner-container"><!-- wp:spacer -->
11
+ <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
12
+ <!-- /wp:spacer -->
13
+
14
+ <!-- wp:jetpack/layout-grid {"addGutterEnds":false,"column1DesktopSpan":8,"column1DesktopOffset":2,"column1TabletSpan":8,"column1MobileSpan":4,"column2DesktopOffset":2,"className":"column1-desktop-grid__span-8 column1-desktop-grid__start-3 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"} -->
15
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-8 column1-desktop-grid__start-3 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 wp-block-jetpack-layout-gutter__nowrap"><!-- wp:jetpack/layout-grid-column -->
16
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":42,"lineHeight":1.4}}} -->
17
+ <p class="has-text-align-center" style="line-height:1.4;font-size:42px">%1$s</p>
18
+ <!-- /wp:paragraph -->
19
+
20
+ <!-- wp:paragraph {"align":"center"} -->
21
+ <p class="has-text-align-center">%2$s</p>
22
+ <!-- /wp:paragraph --></div>
23
+ <!-- /wp:jetpack/layout-grid-column --></div>
24
+ <!-- /wp:jetpack/layout-grid -->
25
+
26
+ <!-- wp:spacer -->
27
+ <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
28
+ <!-- /wp:spacer --></div></div>
29
+ <!-- /wp:group -->
30
+ ';
31
+
32
+ return array(
33
+ '__file' => 'wp_block',
34
+ 'title' => esc_html__( 'Quote', 'full-site-editing' ),
35
+ 'categories' => array( 'quotes', 'text' ),
36
+ 'content' => sprintf(
37
+ $markup,
38
+ esc_html__( '"So many things are possible just as long as you don&rsquo;t know they&rsquo;re impossible."', 'full-site-editing' ),
39
+ esc_html__( '— Norton Juster', 'full-site-editing' )
40
+ ),
41
+ 'viewportWidth' => 1280,
42
+ );
block-patterns/patterns/quotes-02.php ADDED
@@ -0,0 +1,94 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Quotes pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:group {"align":"full","style":{"color":{"background":"#f1f1ee","text":"#000000"}}} -->
10
+ <div class="wp-block-group alignfull has-text-color has-background" style="background-color:#f1f1ee;color:#000000"><div class="wp-block-group__inner-container"><!-- wp:spacer {"height":26} -->
11
+ <div style="height:26px" aria-hidden="true" class="wp-block-spacer"></div>
12
+ <!-- /wp:spacer -->
13
+
14
+ <!-- wp:jetpack/layout-grid {"gutterSize":"huge","addGutterEnds":false,"column1DesktopSpan":3,"column1DesktopOffset":1,"column1TabletSpan":3,"column1MobileSpan":4,"column2DesktopSpan":6,"column2DesktopOffset":1,"column2TabletSpan":5,"column2MobileSpan":4,"column3DesktopSpan":2,"column3DesktopOffset":4,"column3TabletSpan":4,"column3TabletOffset":1,"column3MobileSpan":4,"column4DesktopSpan":4,"column4TabletSpan":4,"column4MobileSpan":4,"className":"column1-desktop-grid__span-3 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column2-desktop-grid__span-6 column2-desktop-grid__start-6 column2-desktop-grid__row-1 column1-tablet-grid__span-3 column1-tablet-grid__row-1 column2-tablet-grid__span-5 column2-tablet-grid__start-4 column2-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2"} -->
15
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-3 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column2-desktop-grid__span-6 column2-desktop-grid__start-6 column2-desktop-grid__row-1 column1-tablet-grid__span-3 column1-tablet-grid__row-1 column2-tablet-grid__span-5 column2-tablet-grid__start-4 column2-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2 wp-block-jetpack-layout-gutter__nowrap wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
16
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:spacer {"height":20} -->
17
+ <div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
18
+ <!-- /wp:spacer -->
19
+
20
+ <!-- wp:heading {"level":3,"style":{"typography":{"fontSize":28,"lineHeight":"1.3"}}} -->
21
+ <h3 style="line-height:1.3;font-size:28px"><strong>%1$s</strong></h3>
22
+ <!-- /wp:heading --></div>
23
+ <!-- /wp:jetpack/layout-grid-column -->
24
+
25
+ <!-- wp:jetpack/layout-grid-column -->
26
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:spacer {"height":24} -->
27
+ <div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>
28
+ <!-- /wp:spacer -->
29
+
30
+ <!-- wp:jetpack/rating-star {"rating":5,"className":"margin-bottom-half"} -->
31
+ <figure class="wp-block-jetpack-rating-star margin-bottom-half" style="text-align:left"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></figure>
32
+ <!-- /wp:jetpack/rating-star -->
33
+
34
+ <!-- wp:paragraph {"className":"margin-top-half margin-bottom-half"} -->
35
+ <p class="margin-top-half margin-bottom-half">%2$s</p>
36
+ <!-- /wp:paragraph -->
37
+
38
+ <!-- wp:paragraph {"className":"margin-top-half","style":{"typography":{"fontSize":16}}} -->
39
+ <p class="margin-top-half" style="font-size:16px"><strong>Brianna</strong><br>Brighton</p>
40
+ <!-- /wp:paragraph -->
41
+
42
+ <!-- wp:spacer {"height":30} -->
43
+ <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
44
+ <!-- /wp:spacer -->
45
+
46
+ <!-- wp:jetpack/rating-star {"rating":5,"className":"margin-bottom-half"} -->
47
+ <figure class="wp-block-jetpack-rating-star margin-bottom-half" style="text-align:left"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></figure>
48
+ <!-- /wp:jetpack/rating-star -->
49
+
50
+ <!-- wp:paragraph {"className":"margin-top-half margin-bottom-half"} -->
51
+ <p class="margin-top-half margin-bottom-half">%3$s</p>
52
+ <!-- /wp:paragraph -->
53
+
54
+ <!-- wp:paragraph {"className":"margin-top-half","style":{"typography":{"fontSize":16}}} -->
55
+ <p class="margin-top-half" style="font-size:16px"><strong>Jayla</strong><br>Hove</p>
56
+ <!-- /wp:paragraph -->
57
+
58
+ <!-- wp:spacer {"height":30} -->
59
+ <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
60
+ <!-- /wp:spacer -->
61
+
62
+ <!-- wp:jetpack/rating-star {"rating":5,"className":"margin-bottom-half"} -->
63
+ <figure class="wp-block-jetpack-rating-star margin-bottom-half" style="text-align:left"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></figure>
64
+ <!-- /wp:jetpack/rating-star -->
65
+
66
+ <!-- wp:paragraph {"className":"margin-top-half margin-bottom-half"} -->
67
+ <p class="margin-top-half margin-bottom-half">%4$s</p>
68
+ <!-- /wp:paragraph -->
69
+
70
+ <!-- wp:paragraph {"className":"margin-top-half","style":{"typography":{"fontSize":16}}} -->
71
+ <p class="margin-top-half" style="font-size:16px"><strong>Ethan</strong><br>Kemp Town</p>
72
+ <!-- /wp:paragraph --></div>
73
+ <!-- /wp:jetpack/layout-grid-column --></div>
74
+ <!-- /wp:jetpack/layout-grid -->
75
+
76
+ <!-- wp:spacer -->
77
+ <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
78
+ <!-- /wp:spacer --></div></div>
79
+ <!-- /wp:group -->
80
+ ';
81
+
82
+ return array(
83
+ '__file' => 'wp_block',
84
+ 'title' => esc_html__( 'Quotes', 'full-site-editing' ),
85
+ 'categories' => array( 'quotes', 'text', 'list' ),
86
+ 'content' => sprintf(
87
+ $markup,
88
+ esc_html__( 'What Our Customers Are Saying', 'full-site-editing' ),
89
+ esc_html__( 'Reasonably priced good food and drink. The menu favorite that keeps me coming back is the seafood chowder. Really tasty, nice and hot. It&rsquo;s perfect for a chilly winter night! Stuff is always very attentive and helpful. I always enjoy and relax with the calm atmosphere.', 'full-site-editing' ),
90
+ esc_html__( 'Great food at a great price! Love the seafood plates as well as the salads. Excellent eating experience from walking in the door and being greeted by stuff, seated and drink order taken, was probably 5 minutes. Server was very helpful and friendly. We&rsquo;ll definitely come back!', 'full-site-editing' ),
91
+ esc_html__( 'The place is awesome with attending staff. Excellent and authentic flavors. Will surely visit this place again. It also is an excellent place to have a business conversation. We really recommend this restaurant.', 'full-site-editing' )
92
+ ),
93
+ 'viewportWidth' => 1280,
94
+ );
block-patterns/patterns/quotes.php ADDED
@@ -0,0 +1,89 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Quotes pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:spacer -->
10
+ <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
11
+ <!-- /wp:spacer -->
12
+
13
+ <!-- wp:jetpack/layout-grid {"gutterSize":"huge","column1DesktopSpan":12,"column1TabletSpan":8,"column1MobileSpan":4,"className":"column1-desktop-grid__span-12 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"} -->
14
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-12 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
15
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:heading {"level":3,"style":{"typography":{"lineHeight":"1.2","fontSize":20}}} -->
16
+ <h3 style="line-height:1.2;font-size:20px"><strong>%1$s</strong></h3>
17
+ <!-- /wp:heading --></div>
18
+ <!-- /wp:jetpack/layout-grid-column --></div>
19
+ <!-- /wp:jetpack/layout-grid -->
20
+
21
+ <!-- wp:spacer {"height":60} -->
22
+ <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
23
+ <!-- /wp:spacer -->
24
+
25
+ <!-- wp:jetpack/layout-grid {"gutterSize":"huge","column1DesktopSpan":4,"column1TabletSpan":4,"column1MobileSpan":4,"column2DesktopSpan":4,"column2TabletSpan":4,"column2MobileSpan":4,"column3DesktopSpan":4,"column3TabletSpan":8,"column3MobileSpan":4,"className":"column1-desktop-grid__span-4 column1-desktop-grid__row-1 column2-desktop-grid__span-4 column2-desktop-grid__start-5 column2-desktop-grid__row-1 column3-desktop-grid__span-4 column3-desktop-grid__start-9 column3-desktop-grid__row-1 column1-tablet-grid__span-4 column1-tablet-grid__row-1 column2-tablet-grid__span-4 column2-tablet-grid__start-5 column2-tablet-grid__row-1 column3-tablet-grid__span-8 column3-tablet-grid__row-2 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2 column3-mobile-grid__span-4 column3-mobile-grid__row-3"} -->
26
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-4 column1-desktop-grid__row-1 column2-desktop-grid__span-4 column2-desktop-grid__start-5 column2-desktop-grid__row-1 column3-desktop-grid__span-4 column3-desktop-grid__start-9 column3-desktop-grid__row-1 column1-tablet-grid__span-4 column1-tablet-grid__row-1 column2-tablet-grid__span-4 column2-tablet-grid__start-5 column2-tablet-grid__row-1 column3-tablet-grid__span-8 column3-tablet-grid__row-2 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2 column3-mobile-grid__span-4 column3-mobile-grid__row-3 wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
27
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:heading {"level":6,"style":{"typography":{"lineHeight":"1.5","fontSize":16}}} -->
28
+ <h6 style="line-height:1.5;font-size:16px"><strong>%2$s</strong></h6>
29
+ <!-- /wp:heading -->
30
+
31
+ <!-- wp:paragraph -->
32
+ <p>%3$s</p>
33
+ <!-- /wp:paragraph -->
34
+
35
+ <!-- wp:jetpack/rating-star {"rating":5} -->
36
+ <figure class="wp-block-jetpack-rating-star" style="text-align:left"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></figure>
37
+ <!-- /wp:jetpack/rating-star --></div>
38
+ <!-- /wp:jetpack/layout-grid-column -->
39
+
40
+ <!-- wp:jetpack/layout-grid-column -->
41
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:heading {"level":6,"style":{"typography":{"fontSize":15,"lineHeight":"1.5"}}} -->
42
+ <h6 style="line-height:1.5;font-size:15px"><strong>%4$s</strong></h6>
43
+ <!-- /wp:heading -->
44
+
45
+ <!-- wp:paragraph -->
46
+ <p>%5$s </p>
47
+ <!-- /wp:paragraph -->
48
+
49
+ <!-- wp:jetpack/rating-star {"rating":5,"className":"margin-bottom-half"} -->
50
+ <figure class="wp-block-jetpack-rating-star margin-bottom-half" style="text-align:left"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></figure>
51
+ <!-- /wp:jetpack/rating-star --></div>
52
+ <!-- /wp:jetpack/layout-grid-column -->
53
+
54
+ <!-- wp:jetpack/layout-grid-column -->
55
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:heading {"level":6,"style":{"typography":{"fontSize":16}}} -->
56
+ <h6 style="font-size:16px"><strong>%6$s</strong></h6>
57
+ <!-- /wp:heading -->
58
+
59
+ <!-- wp:paragraph -->
60
+ <p>%7$s </p>
61
+ <!-- /wp:paragraph -->
62
+
63
+ <!-- wp:jetpack/rating-star {"rating":5,"className":"margin-bottom-half"} -->
64
+ <figure class="wp-block-jetpack-rating-star margin-bottom-half" style="text-align:left"><span>★</span><span>★</span><span>★</span><span>★</span><span>★</span></figure>
65
+ <!-- /wp:jetpack/rating-star --></div>
66
+ <!-- /wp:jetpack/layout-grid-column --></div>
67
+ <!-- /wp:jetpack/layout-grid -->
68
+
69
+ <!-- wp:spacer -->
70
+ <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
71
+ <!-- /wp:spacer -->
72
+ ';
73
+
74
+ return array(
75
+ '__file' => 'wp_block',
76
+ 'title' => esc_html__( 'Quotes', 'full-site-editing' ),
77
+ 'categories' => array( 'quotes', 'text', 'list' ),
78
+ 'content' => sprintf(
79
+ $markup,
80
+ esc_html__( 'What Our Customers Are Saying', 'full-site-editing' ),
81
+ esc_html__( 'LIZ S.', 'full-site-editing' ),
82
+ esc_html__( 'Working with Alisa on my fitness has been great. I always feels like it’s had a thorough workout. I very much appreciate the help and advice. I can’t recommend this place enough. Thank you, Alisa!', 'full-site-editing' ),
83
+ esc_html__( 'MIKE A.', 'full-site-editing' ),
84
+ esc_html__( 'I&rsquo;ve been training with Alisa for about 9 month now. The best part about training with her is the nutrition info that Alisa has given me. I&rsquo;ve learnt so much about what I should be eating. I feel so much fitter now.', 'full-site-editing' ),
85
+ esc_html__( 'KAREN P.', 'full-site-editing' ),
86
+ esc_html__( 'I can&rsquo;t thank her enough for working with me at my level and keeping me motivated. She has dealt with my out of shape and not so young body extremely well. I couldn&rsquo;t ask for a better instructor. Thank you.', 'full-site-editing' )
87
+ ),
88
+ 'viewportWidth' => 1280,
89
+ );
block-patterns/patterns/registration-form.php ADDED
@@ -0,0 +1,79 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Contact pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:group {"align":"full","style":{"color":{"background":"#0f1c18","text":"#e2e2e2"}}} -->
10
+ <div class="wp-block-group alignfull has-text-color has-background" style="background-color:#0f1c18;color:#e2e2e2"><div class="wp-block-group__inner-container"><!-- wp:spacer {"height":80} -->
11
+ <div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
12
+ <!-- /wp:spacer -->
13
+
14
+ <!-- wp:jetpack/layout-grid {"gutterSize":"huge","addGutterEnds":false,"column1DesktopSpan":6,"column1DesktopOffset":1,"column1TabletSpan":8,"column1MobileSpan":4,"column2DesktopOffset":6,"className":"column1-desktop-grid__span-6 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"} -->
15
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-6 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 wp-block-jetpack-layout-gutter__nowrap wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
16
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:heading {"className":"margin-bottom-half","style":{"typography":{"fontSize":50},"color":{"text":"#ffffff"}}} -->
17
+ <h2 class="margin-bottom-half has-text-color" style="font-size:50px;color:#ffffff">%1$s</h2>
18
+ <!-- /wp:heading -->
19
+
20
+ <!-- wp:paragraph {"className":"margin-top-half margin-bottom-none"} -->
21
+ <p class="margin-top-half margin-bottom-none">%2$s</p>
22
+ <!-- /wp:paragraph --></div>
23
+ <!-- /wp:jetpack/layout-grid-column --></div>
24
+ <!-- /wp:jetpack/layout-grid -->
25
+
26
+ <!-- wp:jetpack/layout-grid {"gutterSize":"huge","addGutterEnds":false,"column1DesktopSpan":6,"column1DesktopOffset":1,"column1TabletSpan":5,"column1MobileSpan":4,"column2DesktopSpan":4,"column2TabletSpan":3,"column2MobileSpan":4,"column3DesktopOffset":2,"column3TabletOffset":1,"className":"column1-desktop-grid__span-6 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column2-desktop-grid__span-4 column2-desktop-grid__start-8 column2-desktop-grid__row-1 column1-tablet-grid__span-5 column1-tablet-grid__row-1 column2-tablet-grid__span-3 column2-tablet-grid__start-6 column2-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2"} -->
27
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-6 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column2-desktop-grid__span-4 column2-desktop-grid__start-8 column2-desktop-grid__row-1 column1-tablet-grid__span-5 column1-tablet-grid__row-1 column2-tablet-grid__span-3 column2-tablet-grid__start-6 column2-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2 wp-block-jetpack-layout-gutter__nowrap wp-block-jetpack-layout-gutter__huge"><!-- wp:jetpack/layout-grid-column -->
28
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:spacer {"height":24} -->
29
+ <div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>
30
+ <!-- /wp:spacer -->
31
+
32
+ <!-- wp:jetpack/contact-form {"subject":"%3$s"} -->
33
+ <!-- wp:jetpack/field-name {"required":true} /-->
34
+
35
+ <!-- wp:jetpack/field-email {"required":true} /-->
36
+
37
+ <!-- wp:jetpack/field-telephone {"label":"Phone"} /-->
38
+
39
+ <!-- wp:jetpack/button {"element":"button","text":"Register","customTextColor":"#0f1c18","customBackgroundColor":"#b89f7e","borderRadius":3} /-->
40
+ <!-- /wp:jetpack/contact-form --></div>
41
+ <!-- /wp:jetpack/layout-grid-column -->
42
+
43
+ <!-- wp:jetpack/layout-grid-column -->
44
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:spacer {"height":54} -->
45
+ <div style="height:54px" aria-hidden="true" class="wp-block-spacer"></div>
46
+ <!-- /wp:spacer -->
47
+
48
+ <!-- wp:paragraph {"style":{"typography":{"fontSize":17}}} -->
49
+ <p style="font-size:17px">%4$s<br>- <em>%5$s</em></p>
50
+ <!-- /wp:paragraph -->
51
+
52
+ <!-- wp:paragraph {"style":{"typography":{"fontSize":17}}} -->
53
+ <p style="font-size:17px">%6$s<br>- <em>%7$s</em></p>
54
+ <!-- /wp:paragraph --></div>
55
+ <!-- /wp:jetpack/layout-grid-column --></div>
56
+ <!-- /wp:jetpack/layout-grid -->
57
+
58
+ <!-- wp:spacer {"height":80} -->
59
+ <div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
60
+ <!-- /wp:spacer --></div></div>
61
+ <!-- /wp:group -->
62
+ ';
63
+
64
+ return array(
65
+ '__file' => 'wp_block',
66
+ 'title' => esc_html__( 'Registration Form', 'full-site-editing' ),
67
+ 'categories' => array( 'call-to-action', 'contact' ),
68
+ 'content' => sprintf(
69
+ $markup,
70
+ esc_html__( 'Register to Join Us', 'full-site-editing' ),
71
+ esc_html__( 'Seats are limited, so be sure to sign up soon to reserve your spot!', 'full-site-editing' ),
72
+ esc_html__( 'A new registration from your website', 'full-site-editing' ),
73
+ esc_html__( '“I really enjoyed the lesson. I certainly would recommend this lesson to total beginners and to people like myself who need to consolidate the knowledge that they have attained over time.”', 'full-site-editing' ),
74
+ esc_html__( 'Beth S.', 'full-site-editing' ),
75
+ esc_html__( '“The lesson was excellent and well structured. I now have a much better grounding in digital photography, understand the strength and weakness of my camera. It was the best way to flatten out a steep learning curve!”', 'full-site-editing' ),
76
+ esc_html__( 'Mason D.', 'full-site-editing' )
77
+ ),
78
+ 'viewportWidth' => 1280,
79
+ );
block-patterns/patterns/subscription-02.php ADDED
@@ -0,0 +1,83 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Subscription pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:group {"align":"full","style":{"color":{"text":"#043959","background":"#ffbe0b"}}} -->
10
+ <div class="wp-block-group alignfull has-text-color has-background" style="background-color:#ffbe0b;color:#043959"><div class="wp-block-group__inner-container"><!-- wp:spacer {"height":60} -->
11
+ <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
12
+ <!-- /wp:spacer -->
13
+
14
+ <!-- wp:jetpack/layout-grid {"column1DesktopSpan":2,"column1DesktopOffset":1,"column1TabletSpan":2,"column1MobileSpan":4,"column2DesktopSpan":4,"column2TabletSpan":6,"column2MobileSpan":4,"column3DesktopSpan":4,"column3TabletSpan":6,"column3TabletOffset":2,"column3MobileSpan":4,"column4DesktopOffset":1,"column4TabletOffset":2,"className":"column1-desktop-grid__span-2 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column2-desktop-grid__span-4 column2-desktop-grid__start-4 column2-desktop-grid__row-1 column3-desktop-grid__span-4 column3-desktop-grid__start-8 column3-desktop-grid__row-1 column1-tablet-grid__span-2 column1-tablet-grid__row-1 column2-tablet-grid__span-6 column2-tablet-grid__start-3 column2-tablet-grid__row-1 column3-tablet-grid__span-6 column3-tablet-grid__start-3 column3-tablet-grid__row-2 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2 column3-mobile-grid__span-4 column3-mobile-grid__row-3"} -->
15
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-2 column1-desktop-grid__start-2 column1-desktop-grid__row-1 column2-desktop-grid__span-4 column2-desktop-grid__start-4 column2-desktop-grid__row-1 column3-desktop-grid__span-4 column3-desktop-grid__start-8 column3-desktop-grid__row-1 column1-tablet-grid__span-2 column1-tablet-grid__row-1 column2-tablet-grid__span-6 column2-tablet-grid__start-3 column2-tablet-grid__row-1 column3-tablet-grid__span-6 column3-tablet-grid__start-3 column3-tablet-grid__row-2 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2 column3-mobile-grid__span-4 column3-mobile-grid__row-3"><!-- wp:jetpack/layout-grid-column -->
16
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:heading {"level":3,"style":{"typography":{"fontSize":28,"lineHeight":"1.2"},"color":{"text":"#000000"}}} -->
17
+ <h3 class="has-text-color" style="line-height:1.2;font-size:28px;color:#000000">%1$s</h3>
18
+ <!-- /wp:heading --></div>
19
+ <!-- /wp:jetpack/layout-grid-column -->
20
+
21
+ <!-- wp:jetpack/layout-grid-column -->
22
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:paragraph {"style":{"color":{"text":"#000000"}}} -->
23
+ <p class="has-text-color" style="color:#000000">%2$s</p>
24
+ <!-- /wp:paragraph -->
25
+
26
+ <!-- wp:jetpack/subscriptions {"subscribePlaceholder":"Email Address","buttonOnNewLine":true,"submitButtonText":"%3$s","buttonBackgroundColor":"primary","customButtonBackgroundColor":"#000000","textColor":"background","customTextColor":"#ffbe0b"} -->
27
+ <div class="wp-block-jetpack-subscriptions wp-block-jetpack-subscriptions__supports-newline wp-block-jetpack-subscriptions__use-newline">
28
+ [jetpack_subscription_form
29
+ subscribe_placeholder="Email Address"
30
+ show_subscribers_total="false"
31
+ button_on_newline="true"
32
+ submit_button_text="Sign up"
33
+ custom_background_emailfield_color="undefined"
34
+ custom_background_button_color="#000000"
35
+ custom_text_button_color="#ffbe0b"
36
+ custom_font_size="16"
37
+ custom_border_radius="0"
38
+ custom_border_weight="1"
39
+ custom_border_color="undefined"
40
+ custom_padding="15"
41
+ custom_spacing="10"
42
+ submit_button_classes="has-text-color has-background-color has-background has-primary-background-color"
43
+ email_field_classes=""
44
+ show_only_email_and_button="true"
45
+ ]</div>
46
+ <!-- /wp:jetpack/subscriptions --></div>
47
+ <!-- /wp:jetpack/layout-grid-column -->
48
+
49
+ <!-- wp:jetpack/layout-grid-column -->
50
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:social-links {"className":"is-style-default"} -->
51
+ <ul class="wp-block-social-links is-style-default"><!-- wp:social-link {"url":"https://wordpress.org","service":"wordpress"} /-->
52
+
53
+ <!-- wp:social-link {"url":"https://facebook.com/","service":"facebook"} /-->
54
+
55
+ <!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /-->
56
+
57
+ <!-- wp:social-link {"url":"https://instagram.com/","service":"instagram"} /-->
58
+
59
+ <!-- wp:social-link {"url":"https://linkedin.com/","service":"linkedin"} /-->
60
+
61
+ <!-- wp:social-link {"url":"https://youtube.com/","service":"youtube"} /--></ul>
62
+ <!-- /wp:social-links --></div>
63
+ <!-- /wp:jetpack/layout-grid-column --></div>
64
+ <!-- /wp:jetpack/layout-grid -->
65
+
66
+ <!-- wp:spacer {"height":60} -->
67
+ <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
68
+ <!-- /wp:spacer --></div></div>
69
+ <!-- /wp:group -->
70
+ ';
71
+
72
+ return array(
73
+ '__file' => 'wp_block',
74
+ 'title' => esc_html__( 'Subscription', 'full-site-editing' ),
75
+ 'categories' => array( 'call-to-action', 'subscribe' ),
76
+ 'content' => sprintf(
77
+ $markup,
78
+ esc_html__( 'Follow Me', 'full-site-editing' ),
79
+ esc_html__( 'Get new content delivered directly to your inbox.', 'full-site-editing' ),
80
+ esc_html__( 'Sign up', 'full-site-editing' )
81
+ ),
82
+ 'viewportWidth' => 1280,
83
+ );
block-patterns/patterns/subscription.php ADDED
@@ -0,0 +1,60 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Subscription pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:cover {"url":"https://dotcompatterns.files.wordpress.com/2020/05/andy-chilton-0jfvex0c778-unsplash.jpg","id":1047,"dimRatio":30,"focalPoint":{"x":0.5,"y":"0.85"},"align":"full"} -->
10
+ <div class="wp-block-cover alignfull has-background-dim-30 has-background-dim" style="background-image:url(https://dotcompatterns.files.wordpress.com/2020/05/andy-chilton-0jfvex0c778-unsplash.jpg);background-position:50%% 85%%"><div class="wp-block-cover__inner-container"><!-- wp:spacer -->
11
+ <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
12
+ <!-- /wp:spacer -->
13
+
14
+ <!-- wp:jetpack/layout-grid {"column1DesktopSpan":6,"column1DesktopOffset":3,"column1TabletSpan":8,"column1MobileSpan":4,"column2DesktopOffset":6,"className":"column1-desktop-grid__span-6 column1-desktop-grid__start-4 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"} -->
15
+ <div class="wp-block-jetpack-layout-grid alignfull column1-desktop-grid__span-6 column1-desktop-grid__start-4 column1-desktop-grid__row-1 column1-tablet-grid__span-8 column1-tablet-grid__row-1 column1-mobile-grid__span-4 column1-mobile-grid__row-1"><!-- wp:jetpack/layout-grid-column -->
16
+ <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"><!-- wp:heading {"level":3,"style":{"color":{"text":"#ffffff"}}} -->
17
+ <h3 class="has-text-color" style="color:#ffffff">%1$s</h3>
18
+ <!-- /wp:heading -->
19
+
20
+ <!-- wp:jetpack/subscriptions {"subscribePlaceholder":"Email Address","buttonOnNewLine":true,"submitButtonText":"%2$s","buttonBackgroundColor":"primary","customButtonBackgroundColor":"#000000","textColor":"background","customTextColor":"#ffffff"} -->
21
+ <div class="wp-block-jetpack-subscriptions wp-block-jetpack-subscriptions__supports-newline wp-block-jetpack-subscriptions__use-newline">
22
+ [jetpack_subscription_form
23
+ subscribe_placeholder="Email Address"
24
+ show_subscribers_total="false"
25
+ button_on_newline="true"
26
+ submit_button_text="Sign up"
27
+ custom_background_emailfield_color="undefined"
28
+ custom_background_button_color="#000000"
29
+ custom_text_button_color="#ffffff"
30
+ custom_font_size="16"
31
+ custom_border_radius="0"
32
+ custom_border_weight="1"
33
+ custom_border_color="undefined"
34
+ custom_padding="15"
35
+ custom_spacing="10"
36
+ submit_button_classes="has-text-color has-background-color has-background has-primary-background-color"
37
+ email_field_classes=""
38
+ show_only_email_and_button="true"
39
+ ]</div>
40
+ <!-- /wp:jetpack/subscriptions --></div>
41
+ <!-- /wp:jetpack/layout-grid-column --></div>
42
+ <!-- /wp:jetpack/layout-grid -->
43
+
44
+ <!-- wp:spacer -->
45
+ <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
46
+ <!-- /wp:spacer --></div></div>
47
+ <!-- /wp:cover -->
48
+ ';
49
+
50
+ return array(
51
+ '__file' => 'wp_block',
52
+ 'title' => esc_html__( 'Subscription', 'full-site-editing' ),
53
+ 'categories' => array( 'call-to-action', 'subscribe' ),
54
+ 'content' => sprintf(
55
+ $markup,
56
+ esc_html__( 'Get new recipes delivered directly to your inbox.', 'full-site-editing' ),
57
+ esc_html__( 'Sign up', 'full-site-editing' )
58
+ ),
59
+ 'viewportWidth' => 1280,
60
+ );
block-patterns/patterns/three-quotes.php ADDED
@@ -0,0 +1,93 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Quote pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:columns {"align":"wide"} -->
10
+ <div class="wp-block-columns alignwide"><!-- wp:column {"width":33.33} -->
11
+ <div class="wp-block-column" style="flex-basis:33.33%%"><!-- wp:heading -->
12
+ <h2>%1$s</h2>
13
+ <!-- /wp:heading --></div>
14
+ <!-- /wp:column -->
15
+
16
+ <!-- wp:column {"width":66.66} -->
17
+ <div class="wp-block-column" style="flex-basis:66.66%%"></div>
18
+ <!-- /wp:column --></div>
19
+ <!-- /wp:columns -->
20
+
21
+ <!-- wp:columns {"align":"wide"} -->
22
+ <div class="wp-block-columns alignwide"><!-- wp:column -->
23
+ <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
24
+ <hr class="wp-block-separator is-style-wide"/>
25
+ <!-- /wp:separator -->
26
+
27
+ <!-- wp:paragraph {"style":{"typography":{"fontSize":16}}} -->
28
+ <p style="font-size:16px"><strong>%2$s</strong></p>
29
+ <!-- /wp:paragraph -->
30
+
31
+ <!-- wp:paragraph {"style":{"typography":{"fontSize":20}}} -->
32
+ <p style="font-size:20px"><em>%3$s </em></p>
33
+ <!-- /wp:paragraph -->
34
+
35
+ <!-- wp:spacer {"height":32} -->
36
+ <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
37
+ <!-- /wp:spacer --></div>
38
+ <!-- /wp:column -->
39
+
40
+ <!-- wp:column -->
41
+ <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
42
+ <hr class="wp-block-separator is-style-wide"/>
43
+ <!-- /wp:separator -->
44
+
45
+ <!-- wp:paragraph {"style":{"typography":{"fontSize":16}}} -->
46
+ <p style="font-size:16px"><strong>%4$s</strong></p>
47
+ <!-- /wp:paragraph -->
48
+
49
+ <!-- wp:paragraph {"style":{"typography":{"lineHeight":1.4,"fontSize":20}}} -->
50
+ <p style="line-height:1.4;font-size:20px"><em>%5$s </em></p>
51
+ <!-- /wp:paragraph -->
52
+
53
+ <!-- wp:spacer {"height":32} -->
54
+ <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
55
+ <!-- /wp:spacer --></div>
56
+ <!-- /wp:column -->
57
+
58
+ <!-- wp:column -->
59
+ <div class="wp-block-column"><!-- wp:separator {"className":"is-style-wide"} -->
60
+ <hr class="wp-block-separator is-style-wide"/>
61
+ <!-- /wp:separator -->
62
+
63
+ <!-- wp:paragraph {"style":{"typography":{"fontSize":16}}} -->
64
+ <p style="font-size:16px"><strong>%6$s</strong></p>
65
+ <!-- /wp:paragraph -->
66
+
67
+ <!-- wp:paragraph {"style":{"typography":{"fontSize":20}}} -->
68
+ <p style="font-size:20px"><em>%7$s</em></p>
69
+ <!-- /wp:paragraph -->
70
+
71
+ <!-- wp:spacer {"height":32} -->
72
+ <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
73
+ <!-- /wp:spacer --></div>
74
+ <!-- /wp:column --></div>
75
+ <!-- /wp:columns -->
76
+ ';
77
+
78
+ return array(
79
+ '__file' => 'wp_block',
80
+ 'title' => esc_html__( 'Three Quotes', 'full-site-editing' ),
81
+ 'categories' => array( 'quotes', 'text', 'list' ),
82
+ 'content' => sprintf(
83
+ $markup,
84
+ esc_html__( 'What Our Customers are Saying', 'full-site-editing' ),
85
+ esc_html__( 'Beverly Mattingdale', 'full-site-editing' ),
86
+ esc_html__( '“The audio quality is noticeably more amazing than everything else in my studio!”', 'full-site-editing' ),
87
+ esc_html__( 'Jefferson Thorpe', 'full-site-editing' ),
88
+ esc_html__( '“I was instantly blown away by their sound design and consistency.”', 'full-site-editing' ),
89
+ esc_html__( 'Calvin Tristan', 'full-site-editing' ),
90
+ esc_html__( '“Utterly impressive—nothing more needs to be said about these folks.”', 'full-site-editing' )
91
+ ),
92
+ 'viewportWidth' => 1280,
93
+ );
block-patterns/patterns/youtube-embed.php ADDED
@@ -0,0 +1,46 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /**
3
+ * Embed pattern.
4
+ *
5
+ * @package A8C\FSE
6
+ */
7
+
8
+ $markup = '
9
+ <!-- wp:spacer {"height":80} -->
10
+ <div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
11
+ <!-- /wp:spacer -->
12
+
13
+ <!-- wp:heading {"align":"center","level":3,"className":"margin-bottom-half","style":{"typography":{"fontSize":50}}} -->
14
+ <h3 class="has-text-align-center margin-bottom-half" style="font-size:50px">%1$s</h3>
15
+ <!-- /wp:heading -->
16
+
17
+ <!-- wp:paragraph {"align":"center","className":"margin-top-half"} -->
18
+ <p class="has-text-align-center margin-top-half">%2$s.</p>
19
+ <!-- /wp:paragraph -->
20
+
21
+ <!-- wp:spacer {"height":24} -->
22
+ <div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>
23
+ <!-- /wp:spacer -->
24
+
25
+ <!-- wp:core-embed/youtube {"url":"https://www.youtube.com/watch?v=k58xZ6osP3Y","type":"rich","providerNameSlug":"youtube","align":"wide","className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
26
+ <figure class="wp-block-embed-youtube alignwide wp-block-embed is-type-rich is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
27
+ https://www.youtube.com/watch?v=k58xZ6osP3Y
28
+ </div></figure>
29
+ <!-- /wp:core-embed/youtube -->
30
+
31
+ <!-- wp:spacer {"height":80} -->
32
+ <div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
33
+ <!-- /wp:spacer -->
34
+ ';
35
+
36
+ return array(
37
+ '__file' => 'wp_block',
38
+ 'title' => esc_html__( 'YouTube Embed', 'full-site-editing' ),
39
+ 'categories' => array( 'media' ),
40
+ 'content' => sprintf(
41
+ $markup,
42
+ esc_html__( 'The Endless Movement', 'full-site-editing' ),
43
+ esc_html__( 'Watch our award-winning showreel: 2020 — The Endless Movement.', 'full-site-editing' )
44
+ ),
45
+ 'viewportWidth' => 1280,
46
+ );
full-site-editing-plugin.php CHANGED
@@ -2,7 +2,7 @@
2
  /**
3
  * Plugin Name: WordPress.com Editing Toolkit
4
  * Description: Enhances your page creation workflow within the Block Editor.
5
- * Version: 2.1
6
  * Author: Automattic
7
  * Author URI: https://automattic.com/wordpress-plugins/
8
  * License: GPLv2 or later
@@ -35,7 +35,7 @@ namespace A8C\FSE;
35
  *
36
  * @var string
37
  */
38
- define( 'PLUGIN_VERSION', '2.1' );
39
 
40
  // Always include these helper files for dotcom FSE.
41
  require_once __DIR__ . '/dotcom-fse/helpers.php';
2
  /**
3
  * Plugin Name: WordPress.com Editing Toolkit
4
  * Description: Enhances your page creation workflow within the Block Editor.
5
+ * Version: 2.2
6
  * Author: Automattic
7
  * Author URI: https://automattic.com/wordpress-plugins/
8
  * License: GPLv2 or later
35
  *
36
  * @var string
37
  */
38
+ define( 'PLUGIN_VERSION', '2.2' );
39
 
40
  // Always include these helper files for dotcom FSE.
41
  require_once __DIR__ . '/dotcom-fse/helpers.php';
readme.txt CHANGED
@@ -2,8 +2,8 @@
2
  Contributors: alexislloyd, allancole, automattic, bartkalisz, codebykat, copons, dmsnell, get_dave, glendaviesnz, gwwar, iamtakashi, iandstewart, jeryj, Joen, jonsurrell, kwight, marekhrabe, mattwiebe, mkaz, mmtr86, mppfeiffer, noahtallen, nosolosw, nrqsnchz, obenland, okenobi, owolski, philipmjackson, vindl
3
  Tags: block, blocks, editor, gutenberg, page
4
  Requires at least: 5.0
5
- Tested up to: 5.4
6
- Stable tag: 2.1
7
  Requires PHP: 5.6.20
8
  License: GPLv2 or later
9
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -40,6 +40,9 @@ This plugin is experimental, so we don't provide any support for it outside of w
40
 
41
  == Changelog ==
42
 
 
 
 
43
  = 2.1 =
44
  * Fix site editor loading problem with Gutenberg 8.9.0 (https://github.com/Automattic/wp-calypso/pull/45360)
45
  * Added fallback for site vertical (https://github.com/Automattic/wp-calypso/pull/45010)
2
  Contributors: alexislloyd, allancole, automattic, bartkalisz, codebykat, copons, dmsnell, get_dave, glendaviesnz, gwwar, iamtakashi, iandstewart, jeryj, Joen, jonsurrell, kwight, marekhrabe, mattwiebe, mkaz, mmtr86, mppfeiffer, noahtallen, nosolosw, nrqsnchz, obenland, okenobi, owolski, philipmjackson, vindl
3
  Tags: block, blocks, editor, gutenberg, page
4
  Requires at least: 5.0
5
+ Tested up to: 5.5
6
+ Stable tag: 2.2
7
  Requires PHP: 5.6.20
8
  License: GPLv2 or later
9
  License URI: https://www.gnu.org/licenses/gpl-2.0.html
40
 
41
  == Changelog ==
42
 
43
+ = 2.2 =
44
+ * Improve experience of opening and closing the sidebar with assistive technology (https://github.com/Automattic/wp-calypso/pull/45349)
45
+
46
  = 2.1 =
47
  * Fix site editor loading problem with Gutenberg 8.9.0 (https://github.com/Automattic/wp-calypso/pull/45360)
48
  * Added fallback for site vertical (https://github.com/Automattic/wp-calypso/pull/45010)
wpcom-block-editor-nav-sidebar/dist/wpcom-block-editor-nav-sidebar.asset.php CHANGED
@@ -1 +1 @@
1
- <?php return array('dependencies' => array('lodash', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-keycodes', 'wp-plugins', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => 'e10aaa57ff0498f8b5a87f1ab4b9f107');
1
+ <?php return array('dependencies' => array('lodash', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-keycodes', 'wp-plugins', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '2226122b4ec4ce8008fe264f24f091f3');
wpcom-block-editor-nav-sidebar/dist/wpcom-block-editor-nav-sidebar.js CHANGED
@@ -1,6 +1,6 @@
1
- !function(e,t){for(var r in t)e[r]=t[r]}(window,function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=38)}([function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.data}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.lodash}()},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t){!function(){e.exports=this.wp.hooks}()},function(e,t,r){var n;
2
  /*!
3
  Copyright (c) 2017 Jed Watson.
4
  Licensed under the MIT License (MIT), see
5
  http://jedwatson.github.io/classnames
6
- */!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var o=typeof n;if("string"===o||"number"===o)e.push(n);else if(Array.isArray(n)&&n.length){var c=i.apply(null,n);c&&e.push(c)}else if("object"===o)for(var a in n)r.call(n,a)&&n[a]&&e.push(a)}}return e.join(" ")}e.exports?(i.default=i,e.exports=i):void 0===(n=function(){return i}.apply(t,[]))||(e.exports=n)}()},function(e,t){!function(){e.exports=this.wp.primitives}()},function(e,t,r){var n=r(33);e.exports=function(e,t){if(null==e)return{};var r,i,o=n(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(i=0;i<c.length;i++)r=c[i],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}},function(e,t){!function(){e.exports=this.wp.url}()},function(e,t,r){var n=r(27),i=r(28),o=r(14),c=r(29);e.exports=function(e,t){return n(e)||i(e,t)||o(e,t)||c()}},function(e,t){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},function(e,t,r){var n=r(11);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}e.exports=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}},,function(e,t,r){var n=r(15);e.exports=function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}},function(e,t){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}},function(e,t){!function(){e.exports=this.wp.plugins}()},function(e,t,r){var n=r(30),i=r(31),o=r(14),c=r(32);e.exports=function(e){return n(e)||i(e)||o(e)||c()}},function(e,t){!function(){e.exports=this.wp.htmlEntities}()},function(e,t){!function(){e.exports=this.wp.keycodes}()},function(e,t){!function(){e.exports=this.wp.compose}()},,,,,,,function(e,t){e.exports=function(e){if(Array.isArray(e))return e}},function(e,t){e.exports=function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var r=[],n=!0,i=!1,o=void 0;try{for(var c,a=e[Symbol.iterator]();!(n=(c=a.next()).done)&&(r.push(c.value),!t||r.length!==t);n=!0);}catch(l){i=!0,o=l}finally{try{n||null==a.return||a.return()}finally{if(i)throw o}}return r}}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t,r){var n=r(15);e.exports=function(e){if(Array.isArray(e))return n(e)}},function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){e.exports=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}},function(e,t,r){},function(e,t,r){},function(e,t,r){},function(e,t,r){},function(e,t,r){"use strict";r.r(t);var n={};r.r(n),r.d(n,"enableComplementaryArea",(function(){return v})),r.d(n,"disableComplementaryArea",(function(){return O})),r.d(n,"pinItem",(function(){return g})),r.d(n,"unpinItem",(function(){return y}));var i={};r.r(i),r.d(i,"getActiveComplementaryArea",(function(){return E})),r.d(i,"isItemPinned",(function(){return h}));var o=r(10),c=r.n(o),a=r(0),l=r(1);function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var u=r(3);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var p=Object(l.combineReducers)({singleEnableItems:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,r=t.type,n=t.itemType,i=t.scope,o=t.item;return"SET_SINGLE_ENABLE_ITEM"===r&&n&&i?b({},e,s({},n,b({},e[n],s({},i,o||null)))):e},multipleEnableItems:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,r=t.type,n=t.itemType,i=t.scope,o=t.item,c=t.isEnable;if("SET_MULTIPLE_ENABLE_ITEM"!==r||!n||!i||!o||Object(u.get)(e,[n,i,o])===c)return e;var a=e[n]||{},l=a[i]||{};return b({},e,s({},n,b({},a,s({},i,b({},l,s({},o,c||!1))))))}}),f=Object(l.combineReducers)({enableItems:p});function m(e,t,r){return{type:"SET_SINGLE_ENABLE_ITEM",itemType:e,scope:t,item:r}}function v(e,t){return m("complementaryArea",e,t)}function O(e){return m("complementaryArea",e,void 0)}function j(e,t,r,n){return{type:"SET_MULTIPLE_ENABLE_ITEM",itemType:e,scope:t,item:r,isEnable:n}}function g(e,t){return j("pinnedItems",e,t,!0)}function y(e,t){return j("pinnedItems",e,t,!1)}function E(e,t){return function(e,t,r){return Object(u.get)(e.enableItems.singleEnableItems,[t,r])}(e,"complementaryArea",t)}function h(e,t,r){return!1!==function(e,t,r,n){return Object(u.get)(e.enableItems.multipleEnableItems,[t,r,n])}(e,"pinnedItems",t,r)}Object(l.registerStore)("core/interface",{reducer:f,actions:n,selectors:i,persist:["enableItems"]});var _=r(4),w="__experimentalMainDashboardButton",S=Object(_.createSlotFill)(w),k=S.Fill,x=S.Slot,P=k;P.Slot=function(e){var t=e.children,r=Object(_.__experimentalUseSlot)(w);return Boolean(r.fills&&r.fills.length)?Object(a.createElement)(x,{bubblesVirtually:!0}):t};var N,I=P,T=r(16),C=r(11),A=r.n(C),B=r(12),L=r.n(B),D=r(17),M=r.n(D),R=r(8),F=r.n(R),G=r(18),z=r(7),U=Object(a.createElement)(z.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},Object(a.createElement)(z.Path,{d:"M20 10c0-5.51-4.49-10-10-10C4.48 0 0 4.49 0 10c0 5.52 4.48 10 10 10 5.51 0 10-4.48 10-10zM7.78 15.37L4.37 6.22c.55-.02 1.17-.08 1.17-.08.5-.06.44-1.13-.06-1.11 0 0-1.45.11-2.37.11-.18 0-.37 0-.58-.01C4.12 2.69 6.87 1.11 10 1.11c2.33 0 4.45.87 6.05 2.34-.68-.11-1.65.39-1.65 1.58 0 .74.45 1.36.9 2.1.35.61.55 1.36.55 2.46 0 1.49-1.4 5-1.4 5l-3.03-8.37c.54-.02.82-.17.82-.17.5-.05.44-1.25-.06-1.22 0 0-1.44.12-2.38.12-.87 0-2.33-.12-2.33-.12-.5-.03-.56 1.2-.06 1.22l.92.08 1.26 3.41zM17.41 10c.24-.64.74-1.87.43-4.25.7 1.29 1.05 2.71 1.05 4.25 0 3.29-1.73 6.24-4.4 7.78.97-2.59 1.94-5.2 2.92-7.78zM6.1 18.09C3.12 16.65 1.11 13.53 1.11 10c0-1.3.23-2.48.72-3.59C3.25 10.3 4.67 14.2 6.1 18.09zm4.03-6.63l2.58 6.98c-.86.29-1.76.45-2.71.45-.79 0-1.57-.11-2.29-.33.81-2.38 1.62-4.74 2.42-7.1z"})),W=Object(a.createElement)(z.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(a.createElement)(z.Path,{d:"M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"})),V=r(2),H=r(5),Q=r(9),K=r(6),$=r.n(K),q=r(19),J=r(20),X="automattic/block-editor-nav-sidebar",Y=((null===(N=window.wpcomBlockEditorNavSidebar)||void 0===N?void 0:N.postIdsToExclude)||[]).map((function(e){return parseInt(e,10)})).filter((function(e){return!isNaN(e)})),Z=Object(a.createElement)(z.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(a.createElement)(z.Path,{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"})),ee=(r(34),function(e){var t=e.children,r=F()(e,["children"]);return Object(a.createElement)(_.Button,r,t)});function te(e){var t=e.postType,r=Object(u.get)(t,["labels","add_new_item"],Object(V.__)("Create","full-site-editing")),n=Object(H.applyFilters)("a8c.WpcomBlockEditorNavSidebar.createPostLabel",r,t.slug),i=Object(Q.addQueryArgs)("post-new.php",{post_type:t.slug}),o=Object(H.applyFilters)("a8c.WpcomBlockEditorNavSidebar.createPostUrl",i,t.slug);return Object(a.createElement)(ee,{target:Object(H.applyFilters)("a8c.WpcomBlockEditorNavSidebar.linkTarget",void 0),isPrimary:!0,className:"wpcom-block-editor-nav-sidebar-create-page",href:o,icon:Z},n)}r(35);var re=Object(a.forwardRef)((function(e,t){var r,n,i,o=e.item,c=e.postType,l=e.selected,s=e.statusLabel,u=$()("wpcom-block-editor-nav-item",{"is-selected":l}),d=$()("wpcom-block-editor-nav-item__title",{"is-untitled":!(null===(r=o.title)||void 0===r?void 0:r.raw)}),b=Object(Q.addQueryArgs)("post.php",{post:o.id,action:"edit"}),p=Object(H.applyFilters)("a8c.WpcomBlockEditorNavSidebar.editPostUrl",b,o.id,c.slug);return Object(a.createElement)("li",{ref:t},Object(a.createElement)(_.Button,{className:u,href:p,target:Object(H.applyFilters)("a8c.WpcomBlockEditorNavSidebar.linkTarget",void 0)},Object(a.createElement)("div",{className:d,title:null===(n=o.title)||void 0===n?void 0:n.raw},(null===(i=o.title)||void 0===i?void 0:i.raw)||Object(V._x)("Untitled","post title for posts with no title","full-site-editing")),s&&Object(a.createElement)("div",{className:"wpcom-block-editor-nav-item__label"},s)))})),ne=(r(36),function(e){var t=e.children,r=F()(e,["children"]);return Object(a.createElement)(_.Button,r,t)});var ie=Object(J.compose)([_.withConstrainedTabbing])((function(){var e,t,r,n=Object(l.useDispatch)(X),i=n.toggleSidebar,o=n.setSidebarClosing,s=Object(l.useSelect)((function(e){var t,r=e("core"),n=r.getPostType,i=r.getSite;return[e(X).isSidebarOpened(),e(X).isSidebarClosing(),n(e("core/editor").getCurrentPostType()),e("core/editor").getCurrentPostId(),null===(t=i())||void 0===t?void 0:t.title]})),d=c()(s,5),b=d[0],p=d[1],f=d[2],m=d[3],v=d[4],O=Object(l.useSelect)((function(e){var t=e("core/editor"),r=t.isEditedPostNew,n=t.getCurrentPostId,i=t.getCurrentPostType,o=t.getEditedPostAttribute,a=e("core").getEntityRecords("root","status");if(!a)return[];var l=a.filter((function(e){return e.show_in_list})).map((function(e){return e.slug})).join(","),s=n(),d=i(),b=e("core").getEntityRecords("postType",d,{_fields:"id,status,title",exclude:[s].concat(M()(Y)),orderby:"modified",per_page:10,status:l})||[],p={id:s,status:r()?"draft":o("status"),title:{raw:o("title"),rendered:""}},f=Object(u.partition)(b,{status:"draft"}),m=c()(f,2);return{current:[p],drafts:m[0],recent:m[1]}})),j=O.current,g=O.drafts,y=O.recent,E=Object(l.useSelect)((function(e){return(e("core").getEntityRecords("root","status")||[]).reduce((function(e,t){var r=t.name,n=t.slug;return"publish"===n?e:L()(L()({},e),{},A()({},n,r))}),{})})),h=Object(a.useRef)(b);if(Object(a.useLayoutEffect)((function(){!b&&h.current&&o(!0),h.current=b}),[b,h,o]),!f)return null;if(!b&&!p)return null;var w=Object(Q.addQueryArgs)("edit.php",{post_type:f.slug}),S=Object(H.applyFilters)("a8c.WpcomBlockEditorNavSidebar.closeUrl",w),k=Object(u.get)(f,["labels","all_items"],Object(V.__)("Back","full-site-editing")),x=Object(H.applyFilters)("a8c.WpcomBlockEditorNavSidebar.closeLabel",k),P=Object(u.get)(f,["labels","name"]),N=Object(H.applyFilters)("a8c.WpcomBlockEditorNavSidebar.listHeading",P,f.slug),I="page"===f.slug?Object(V.__)("Contains links to your dashboard or to edit other pages on your site. Press the Escape key to close.","full-site-editing"):Object(V.__)("Contains links to your dashboard or to edit other posts on your site. Press the Escape key to close.","full-site-editing"),T=function(){b&&!p&&i()};return Object(a.createElement)(_.IsolatedEventContainer,{className:$()("wpcom-block-editor-nav-sidebar-nav-sidebar__click-guard",{"is-fading-out":p}),onAnimationEnd:function(e){"wpcom-block-editor-nav-sidebar-nav-sidebar__fade"===e.animationName&&p&&o(!1)},onClick:function(e){e.currentTarget===e.target&&T()},onKeyDown:function(e){e.keyCode===q.ESCAPE&&(e.stopPropagation(),T())}},Object(a.createElement)("div",{"aria-label":Object(V.__)("Block editor sidebar","full-site-editing"),"aria-description":I,className:$()("wpcom-block-editor-nav-sidebar-nav-sidebar__container",{"is-sliding-left":p}),role:"dialog",tabIndex:-1},Object(a.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__header"},Object(a.createElement)(ne,{label:Object(V.__)("Close block editor sidebar","full-site-editing"),showTooltip:!0,autoFocus:!0,className:$()("edit-post-fullscreen-mode-close","wpcom-block-editor-nav-sidebar-nav-sidebar__dismiss-sidebar-button"),icon:U,iconSize:36,onClick:T}),Object(a.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__site-title"},Object(a.createElement)("h2",null,Object(G.decodeEntities)(v)))),Object(a.createElement)(ne,{"aria-description":Object(V.__)("Returns to the dashboard","full-site-editing"),href:S,className:"wpcom-block-editor-nav-sidebar-nav-sidebar__home-button",icon:W,onClick:function(e){Object(H.hasAction)("a8c.wpcom-block-editor.closeEditor")&&(e.preventDefault(),Object(H.doAction)("a8c.wpcom-block-editor.closeEditor"))}},x),Object(a.createElement)("h2",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__list-heading"},N),Object(a.createElement)("h3",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__list-subheading"},Object(V.__)("Currently editing","full-site-editing")),!Object(u.isEmpty)(j)&&Object(a.createElement)("ul",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__page-list"},Object(a.createElement)(re,{key:null===(e=j[0])||void 0===e?void 0:e.id,item:j[0],postType:f,selected:(null===(t=j[0])||void 0===t?void 0:t.id)===m,statusLabel:E[null===(r=j[0])||void 0===r?void 0:r.status]})),Object(a.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__post-scroll-area"},!Object(u.isEmpty)(y)&&Object(a.createElement)(a.Fragment,null,Object(a.createElement)("h3",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__list-subheading"},Object(V.__)("Recently edited","full-site-editing")),Object(a.createElement)("ul",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__page-list"},y.map((function(e){return Object(a.createElement)(re,{key:e.id,item:e,postType:f,selected:e.id===m,statusLabel:E[e.status]})})))),!Object(u.isEmpty)(g)&&Object(a.createElement)(a.Fragment,null,Object(a.createElement)("h3",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__list-subheading"},Object(V.__)("Drafts","full-site-editing")),Object(a.createElement)("ul",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__page-list"},g.map((function(e){return Object(a.createElement)(re,{key:e.id,item:e,postType:f,selected:e.id===m})}))))),Object(a.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__bottom-buttons"},Object(a.createElement)(te,{postType:f}))))}));r(37);var oe=function(e){var t=e.children,r=F()(e,["children"]);return Object(a.createElement)(_.Button,r,t)};function ce(){var e=Object(l.useDispatch)(X).toggleSidebar,t=Object(l.useSelect)((function(e){return e(X).isSidebarOpened()})),r=Object(l.useSelect)((function(e){return e(X).isSidebarClosing()}));return Object(a.createElement)(oe,{label:Object(V.__)("Block editor sidebar","full-site-editing"),showTooltip:!0,className:$()("edit-post-fullscreen-mode-close","wpcom-block-editor-nav-sidebar-toggle-sidebar-button__button",{"is-hidden":t||r}),icon:U,iconSize:36,onClick:e})}var ae,le;ae="a8c-full-site-editing-nav-sidebar",le={render:function(){var e=Object(l.useDispatch)("core").addEntities;Object(a.useEffect)((function(){e([{baseURL:"/wp/v2/statuses",key:"slug",kind:"root",name:"status",plural:"statuses"}])}),[]);var t=Object(a.useState)((function(){return document.createElement("div")})),r=c()(t,1)[0];return Object(a.useEffect)((function(){return document.body.appendChild(r),function(){document.body.removeChild(r)}})),Object(l.useSelect)((function(e){return!!e("core/edit-site")}))?null:Object(a.createElement)(I,null,Object(a.createElement)(ce,null),Object(a.createPortal)(Object(a.createElement)(ie,null),r))}},Object(T.registerPlugin)(ae,le);var se={toggleSidebar:function(){return{type:"TOGGLE_SIDEBAR"}},setSidebarClosing:function(e){return{type:"SET_SIDEBAR_CLOSING",isClosing:e}}},ue=Object(l.combineReducers)({opened:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"TOGGLE_SIDEBAR":return!e;default:return e}},closing:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"SET_SIDEBAR_CLOSING":return t.isClosing;default:return e}}});Object(l.registerStore)(X,{actions:se,reducer:ue,selectors:{isSidebarOpened:function(e){return e.opened},isSidebarClosing:function(e){return e.closing}}})}]));
1
+ !function(e,t){for(var r in t)e[r]=t[r]}(window,function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=39)}([function(e,t){!function(){e.exports=this.wp.element}()},function(e,t){!function(){e.exports=this.wp.data}()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.lodash}()},function(e,t){!function(){e.exports=this.wp.components}()},function(e,t){!function(){e.exports=this.wp.hooks}()},function(e,t,r){var n;
2
  /*!
3
  Copyright (c) 2017 Jed Watson.
4
  Licensed under the MIT License (MIT), see
5
  http://jedwatson.github.io/classnames
6
+ */!function(){"use strict";var r={}.hasOwnProperty;function i(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var o=typeof n;if("string"===o||"number"===o)e.push(n);else if(Array.isArray(n)&&n.length){var c=i.apply(null,n);c&&e.push(c)}else if("object"===o)for(var a in n)r.call(n,a)&&n[a]&&e.push(a)}}return e.join(" ")}e.exports?(i.default=i,e.exports=i):void 0===(n=function(){return i}.apply(t,[]))||(e.exports=n)}()},function(e,t){!function(){e.exports=this.wp.primitives}()},function(e,t,r){var n=r(34);e.exports=function(e,t){if(null==e)return{};var r,i,o=n(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(i=0;i<c.length;i++)r=c[i],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}},function(e,t){!function(){e.exports=this.wp.url}()},function(e,t,r){var n=r(28),i=r(29),o=r(14),c=r(30);e.exports=function(e,t){return n(e)||i(e,t)||o(e,t)||c()}},function(e,t){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},function(e,t,r){var n=r(11);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}e.exports=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){n(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}},,function(e,t,r){var n=r(15);e.exports=function(e,t){if(e){if("string"==typeof e)return n(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?n(e,t):void 0}}},function(e,t){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}},function(e,t){!function(){e.exports=this.wp.plugins}()},function(e,t,r){var n=r(31),i=r(32),o=r(14),c=r(33);e.exports=function(e){return n(e)||i(e)||o(e)||c()}},function(e,t){function r(){return e.exports=r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},r.apply(this,arguments)}e.exports=r},function(e,t){!function(){e.exports=this.wp.htmlEntities}()},function(e,t){!function(){e.exports=this.wp.keycodes}()},function(e,t){!function(){e.exports=this.wp.compose}()},,,,,,,function(e,t){e.exports=function(e){if(Array.isArray(e))return e}},function(e,t){e.exports=function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var r=[],n=!0,i=!1,o=void 0;try{for(var c,a=e[Symbol.iterator]();!(n=(c=a.next()).done)&&(r.push(c.value),!t||r.length!==t);n=!0);}catch(l){i=!0,o=l}finally{try{n||null==a.return||a.return()}finally{if(i)throw o}}return r}}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t,r){var n=r(15);e.exports=function(e){if(Array.isArray(e))return n(e)}},function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}},function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},function(e,t){e.exports=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}},function(e,t,r){},function(e,t,r){},function(e,t,r){},function(e,t,r){},function(e,t,r){"use strict";r.r(t);var n={};r.r(n),r.d(n,"enableComplementaryArea",(function(){return v})),r.d(n,"disableComplementaryArea",(function(){return O})),r.d(n,"pinItem",(function(){return g})),r.d(n,"unpinItem",(function(){return y}));var i={};r.r(i),r.d(i,"getActiveComplementaryArea",(function(){return E})),r.d(i,"isItemPinned",(function(){return h}));var o=r(10),c=r.n(o),a=r(0),l=r(1);function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var u=r(3);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var p=Object(l.combineReducers)({singleEnableItems:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,r=t.type,n=t.itemType,i=t.scope,o=t.item;return"SET_SINGLE_ENABLE_ITEM"===r&&n&&i?b({},e,s({},n,b({},e[n],s({},i,o||null)))):e},multipleEnableItems:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0,r=t.type,n=t.itemType,i=t.scope,o=t.item,c=t.isEnable;if("SET_MULTIPLE_ENABLE_ITEM"!==r||!n||!i||!o||Object(u.get)(e,[n,i,o])===c)return e;var a=e[n]||{},l=a[i]||{};return b({},e,s({},n,b({},a,s({},i,b({},l,s({},o,c||!1))))))}}),f=Object(l.combineReducers)({enableItems:p});function m(e,t,r){return{type:"SET_SINGLE_ENABLE_ITEM",itemType:e,scope:t,item:r}}function v(e,t){return m("complementaryArea",e,t)}function O(e){return m("complementaryArea",e,void 0)}function j(e,t,r,n){return{type:"SET_MULTIPLE_ENABLE_ITEM",itemType:e,scope:t,item:r,isEnable:n}}function g(e,t){return j("pinnedItems",e,t,!0)}function y(e,t){return j("pinnedItems",e,t,!1)}function E(e,t){return function(e,t,r){return Object(u.get)(e.enableItems.singleEnableItems,[t,r])}(e,"complementaryArea",t)}function h(e,t,r){return!1!==function(e,t,r,n){return Object(u.get)(e.enableItems.multipleEnableItems,[t,r,n])}(e,"pinnedItems",t,r)}Object(l.registerStore)("core/interface",{reducer:f,actions:n,selectors:i,persist:["enableItems"]});var _=r(4),w="__experimentalMainDashboardButton",S=Object(_.createSlotFill)(w),k=S.Fill,x=S.Slot,P=k;P.Slot=function(e){var t=e.children,r=Object(_.__experimentalUseSlot)(w);return Boolean(r.fills&&r.fills.length)?Object(a.createElement)(x,{bubblesVirtually:!0}):t};var N,I=P,T=r(16),C=r(11),A=r.n(C),B=r(12),L=r.n(B),D=r(17),M=r.n(D),R=r(18),F=r.n(R),G=r(8),z=r.n(G),U=r(19),W=r(7),V=Object(a.createElement)(W.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"-2 -2 24 24"},Object(a.createElement)(W.Path,{d:"M20 10c0-5.51-4.49-10-10-10C4.48 0 0 4.49 0 10c0 5.52 4.48 10 10 10 5.51 0 10-4.48 10-10zM7.78 15.37L4.37 6.22c.55-.02 1.17-.08 1.17-.08.5-.06.44-1.13-.06-1.11 0 0-1.45.11-2.37.11-.18 0-.37 0-.58-.01C4.12 2.69 6.87 1.11 10 1.11c2.33 0 4.45.87 6.05 2.34-.68-.11-1.65.39-1.65 1.58 0 .74.45 1.36.9 2.1.35.61.55 1.36.55 2.46 0 1.49-1.4 5-1.4 5l-3.03-8.37c.54-.02.82-.17.82-.17.5-.05.44-1.25-.06-1.22 0 0-1.44.12-2.38.12-.87 0-2.33-.12-2.33-.12-.5-.03-.56 1.2-.06 1.22l.92.08 1.26 3.41zM17.41 10c.24-.64.74-1.87.43-4.25.7 1.29 1.05 2.71 1.05 4.25 0 3.29-1.73 6.24-4.4 7.78.97-2.59 1.94-5.2 2.92-7.78zM6.1 18.09C3.12 16.65 1.11 13.53 1.11 10c0-1.3.23-2.48.72-3.59C3.25 10.3 4.67 14.2 6.1 18.09zm4.03-6.63l2.58 6.98c-.86.29-1.76.45-2.71.45-.79 0-1.57-.11-2.29-.33.81-2.38 1.62-4.74 2.42-7.1z"})),H=Object(a.createElement)(W.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(a.createElement)(W.Path,{d:"M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"})),Q=r(2),K=r(5),$=r(9),q=r(6),J=r.n(q),X=r(20),Y=r(21),Z="automattic/block-editor-nav-sidebar",ee=((null===(N=window.wpcomBlockEditorNavSidebar)||void 0===N?void 0:N.postIdsToExclude)||[]).map((function(e){return parseInt(e,10)})).filter((function(e){return!isNaN(e)})),te=Object(a.createElement)(W.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},Object(a.createElement)(W.Path,{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"})),re=(r(35),function(e){var t=e.children,r=z()(e,["children"]);return Object(a.createElement)(_.Button,r,t)});function ne(e){var t=e.postType,r=Object(u.get)(t,["labels","add_new_item"],Object(Q.__)("Create","full-site-editing")),n=Object(K.applyFilters)("a8c.WpcomBlockEditorNavSidebar.createPostLabel",r,t.slug),i=Object($.addQueryArgs)("post-new.php",{post_type:t.slug}),o=Object(K.applyFilters)("a8c.WpcomBlockEditorNavSidebar.createPostUrl",i,t.slug);return Object(a.createElement)(re,{target:Object(K.applyFilters)("a8c.WpcomBlockEditorNavSidebar.linkTarget",void 0),isPrimary:!0,className:"wpcom-block-editor-nav-sidebar-create-page",href:o,icon:te},n)}r(36);var ie=Object(a.forwardRef)((function(e,t){var r,n,i,o=e.item,c=e.postType,l=e.selected,s=e.statusLabel,u=J()("wpcom-block-editor-nav-item",{"is-selected":l}),d=J()("wpcom-block-editor-nav-item__title",{"is-untitled":!(null===(r=o.title)||void 0===r?void 0:r.raw)}),b=Object($.addQueryArgs)("post.php",{post:o.id,action:"edit"}),p=Object(K.applyFilters)("a8c.WpcomBlockEditorNavSidebar.editPostUrl",b,o.id,c.slug);return Object(a.createElement)("li",{ref:t},Object(a.createElement)(_.Button,{className:u,href:p,target:Object(K.applyFilters)("a8c.WpcomBlockEditorNavSidebar.linkTarget",void 0)},Object(a.createElement)("div",{className:d,title:null===(n=o.title)||void 0===n?void 0:n.raw},(null===(i=o.title)||void 0===i?void 0:i.raw)||Object(Q._x)("Untitled","post title for posts with no title","full-site-editing")),s&&Object(a.createElement)("div",{className:"wpcom-block-editor-nav-item__label"},s)))})),oe=(r(37),Object(a.forwardRef)((function(e,t){var r=e.children,n=z()(e,["children"]);return Object(a.createElement)(_.Button,F()({ref:t},n),r)})));var ce=Object(Y.compose)([_.withConstrainedTabbing])((function(){var e,t,r,n=Object(l.useDispatch)(Z),i=n.toggleSidebar,o=n.setSidebarClosing,s=Object(l.useSelect)((function(e){var t,r=e("core"),n=r.getPostType,i=r.getSite;return[e(Z).isSidebarOpened(),e(Z).isSidebarClosing(),n(e("core/editor").getCurrentPostType()),e("core/editor").getCurrentPostId(),null===(t=i())||void 0===t?void 0:t.title]})),d=c()(s,5),b=d[0],p=d[1],f=d[2],m=d[3],v=d[4],O=Object(l.useSelect)((function(e){var t=e("core/editor"),r=t.isEditedPostNew,n=t.getCurrentPostId,i=t.getCurrentPostType,o=t.getEditedPostAttribute,a=e("core").getEntityRecords("root","status");if(!a)return[];var l=a.filter((function(e){return e.show_in_list})).map((function(e){return e.slug})).join(","),s=n(),d=i(),b=e("core").getEntityRecords("postType",d,{_fields:"id,status,title",exclude:[s].concat(M()(ee)),orderby:"modified",per_page:10,status:l})||[],p={id:s,status:r()?"draft":o("status"),title:{raw:o("title"),rendered:""}},f=Object(u.partition)(b,{status:"draft"}),m=c()(f,2);return{current:[p],drafts:m[0],recent:m[1]}})),j=O.current,g=O.drafts,y=O.recent,E=Object(l.useSelect)((function(e){return(e("core").getEntityRecords("root","status")||[]).reduce((function(e,t){var r=t.name,n=t.slug;return"publish"===n?e:L()(L()({},e),{},A()({},n,r))}),{})})),h=Object(a.useRef)(b);Object(a.useLayoutEffect)((function(){!b&&h.current&&o(!0),h.current=b}),[b,h,o]);var w=Object(a.useRef)(null);if(Object(a.useEffect)((function(){b||p||!w.current||(w.current.focus(),w.current=null)}),[b,p,w]),!f)return null;if(!b&&!p)return null;var S=Object($.addQueryArgs)("edit.php",{post_type:f.slug}),k=Object(K.applyFilters)("a8c.WpcomBlockEditorNavSidebar.closeUrl",S),x=Object(u.get)(f,["labels","all_items"],Object(Q.__)("Back","full-site-editing")),P=Object(K.applyFilters)("a8c.WpcomBlockEditorNavSidebar.closeLabel",x),N=Object(u.get)(f,["labels","name"]),I=Object(K.applyFilters)("a8c.WpcomBlockEditorNavSidebar.listHeading",N,f.slug),T="page"===f.slug?Object(Q.__)("Contains links to your dashboard or to edit other pages on your site. Press the Escape key to close.","full-site-editing"):Object(Q.__)("Contains links to your dashboard or to edit other posts on your site. Press the Escape key to close.","full-site-editing"),C=function(){b&&!p&&i()};return Object(a.createElement)(_.IsolatedEventContainer,{className:J()("wpcom-block-editor-nav-sidebar-nav-sidebar__click-guard",{"is-fading-out":p}),onAnimationEnd:function(e){"wpcom-block-editor-nav-sidebar-nav-sidebar__fade"===e.animationName&&p&&o(!1)},onClick:function(e){e.currentTarget===e.target&&C()},onKeyDown:function(e){e.keyCode===X.ESCAPE&&(e.stopPropagation(),C())}},Object(a.createElement)("div",{"aria-label":Object(Q.__)("Block editor sidebar","full-site-editing"),"aria-description":T,className:J()("wpcom-block-editor-nav-sidebar-nav-sidebar__container",{"is-sliding-left":p}),role:"dialog",tabIndex:-1},Object(a.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__header"},Object(a.createElement)(oe,{label:Object(Q.__)("Close block editor sidebar","full-site-editing"),showTooltip:!0,ref:function(e){e&&(w.current=document.activeElement,e.focus())},className:J()("edit-post-fullscreen-mode-close","wpcom-block-editor-nav-sidebar-nav-sidebar__dismiss-sidebar-button"),icon:V,iconSize:36,onClick:C}),Object(a.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__site-title"},Object(a.createElement)("h2",null,Object(U.decodeEntities)(v)))),Object(a.createElement)(oe,{"aria-description":Object(Q.__)("Returns to the dashboard","full-site-editing"),href:k,className:"wpcom-block-editor-nav-sidebar-nav-sidebar__home-button",icon:H,onClick:function(e){Object(K.hasAction)("a8c.wpcom-block-editor.closeEditor")&&(e.preventDefault(),Object(K.doAction)("a8c.wpcom-block-editor.closeEditor"))}},P),Object(a.createElement)("h2",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__list-heading"},I),Object(a.createElement)("h3",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__list-subheading"},Object(Q.__)("Currently editing","full-site-editing")),!Object(u.isEmpty)(j)&&Object(a.createElement)("ul",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__page-list"},Object(a.createElement)(ie,{key:null===(e=j[0])||void 0===e?void 0:e.id,item:j[0],postType:f,selected:(null===(t=j[0])||void 0===t?void 0:t.id)===m,statusLabel:E[null===(r=j[0])||void 0===r?void 0:r.status]})),Object(a.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__post-scroll-area"},!Object(u.isEmpty)(y)&&Object(a.createElement)(a.Fragment,null,Object(a.createElement)("h3",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__list-subheading"},Object(Q.__)("Recently edited","full-site-editing")),Object(a.createElement)("ul",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__page-list"},y.map((function(e){return Object(a.createElement)(ie,{key:e.id,item:e,postType:f,selected:e.id===m,statusLabel:E[e.status]})})))),!Object(u.isEmpty)(g)&&Object(a.createElement)(a.Fragment,null,Object(a.createElement)("h3",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__list-subheading"},Object(Q.__)("Drafts","full-site-editing")),Object(a.createElement)("ul",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__page-list"},g.map((function(e){return Object(a.createElement)(ie,{key:e.id,item:e,postType:f,selected:e.id===m})}))))),Object(a.createElement)("div",{className:"wpcom-block-editor-nav-sidebar-nav-sidebar__bottom-buttons"},Object(a.createElement)(ne,{postType:f}))))}));r(38);var ae=function(e){var t=e.children,r=z()(e,["children"]);return Object(a.createElement)(_.Button,r,t)};function le(){var e=Object(l.useDispatch)(Z).toggleSidebar,t=Object(l.useSelect)((function(e){return e(Z).isSidebarOpened()})),r=Object(l.useSelect)((function(e){return e(Z).isSidebarClosing()}));return Object(a.createElement)(ae,{label:Object(Q.__)("Block editor sidebar","full-site-editing"),showTooltip:!0,className:J()("edit-post-fullscreen-mode-close","wpcom-block-editor-nav-sidebar-toggle-sidebar-button__button",{"is-hidden":t||r}),icon:V,iconSize:36,onClick:e,"aria-haspopup":"dialog","aria-expanded":t})}var se,ue;se="a8c-full-site-editing-nav-sidebar",ue={render:function(){var e=Object(l.useDispatch)("core").addEntities;Object(a.useEffect)((function(){e([{baseURL:"/wp/v2/statuses",key:"slug",kind:"root",name:"status",plural:"statuses"}])}),[]);var t=Object(a.useState)((function(){return document.createElement("div")})),r=c()(t,1)[0];return Object(a.useEffect)((function(){return document.body.appendChild(r),function(){document.body.removeChild(r)}})),Object(l.useSelect)((function(e){return!!e("core/edit-site")}))?null:Object(a.createElement)(I,null,Object(a.createElement)(le,null),Object(a.createPortal)(Object(a.createElement)(ce,null),r))}},Object(T.registerPlugin)(se,ue);var de={toggleSidebar:function(){return{type:"TOGGLE_SIDEBAR"}},setSidebarClosing:function(e){return{type:"SET_SIDEBAR_CLOSING",isClosing:e}}},be=Object(l.combineReducers)({opened:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"TOGGLE_SIDEBAR":return!e;default:return e}},closing:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=arguments.length>1?arguments[1]:void 0;switch(t.type){case"SET_SIDEBAR_CLOSING":return t.isClosing;default:return e}}});Object(l.registerStore)(Z,{actions:de,reducer:be,selectors:{isSidebarOpened:function(e){return e.opened},isSidebarClosing:function(e){return e.closing}}})}]));
wpcom-block-editor-nav-sidebar/src/components/nav-sidebar/index.tsx CHANGED
@@ -1,7 +1,7 @@
1
  /**
2
  * External dependencies
3
  */
4
- import { useLayoutEffect, useRef } from '@wordpress/element';
5
  import { decodeEntities } from '@wordpress/html-entities';
6
  import { useDispatch, useSelect } from '@wordpress/data';
7
  import {
@@ -27,11 +27,18 @@ import NavItem from '../nav-item';
27
  import { Post } from '../../types';
28
  import './style.scss';
29
 
30
- const Button = ( {
31
- children,
32
- ...rest
33
- }: OriginalButton.Props & { icon?: any; iconSize?: number; showTooltip?: boolean } ) => (
34
- <OriginalButton { ...rest }>{ children }</OriginalButton>
 
 
 
 
 
 
 
35
  );
36
 
37
  function WpcomBlockEditorNavSidebar() {
@@ -63,6 +70,21 @@ function WpcomBlockEditorNavSidebar() {
63
  prevIsOpen.current = isOpen;
64
  }, [ isOpen, prevIsOpen, setSidebarClosing ] );
65
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
66
  if ( ! postType ) {
67
  // Still loading
68
  return null;
@@ -163,9 +185,7 @@ function WpcomBlockEditorNavSidebar() {
163
  <Button
164
  label={ __( 'Close block editor sidebar', 'full-site-editing' ) }
165
  showTooltip
166
- // We need to shift the focus to something because we are opening a modal
167
- // eslint-disable-next-line jsx-a11y/no-autofocus
168
- autoFocus
169
  className={ classNames(
170
  'edit-post-fullscreen-mode-close',
171
  'wpcom-block-editor-nav-sidebar-nav-sidebar__dismiss-sidebar-button'
1
  /**
2
  * External dependencies
3
  */
4
+ import { forwardRef, useLayoutEffect, useRef, useEffect } from '@wordpress/element';
5
  import { decodeEntities } from '@wordpress/html-entities';
6
  import { useDispatch, useSelect } from '@wordpress/data';
7
  import {
27
  import { Post } from '../../types';
28
  import './style.scss';
29
 
30
+ const Button = forwardRef(
31
+ (
32
+ {
33
+ children,
34
+ ...rest
35
+ }: OriginalButton.Props & { icon?: any; iconSize?: number; showTooltip?: boolean },
36
+ ref
37
+ ) => (
38
+ <OriginalButton ref={ ref as any } { ...rest }>
39
+ { children }
40
+ </OriginalButton>
41
+ )
42
  );
43
 
44
  function WpcomBlockEditorNavSidebar() {
70
  prevIsOpen.current = isOpen;
71
  }, [ isOpen, prevIsOpen, setSidebarClosing ] );
72
 
73
+ // When the sidebar closes the previously focused element should be re-focused
74
+ const activeElementOnMount = useRef< HTMLElement | null >( null );
75
+ const dismissButtonMount = ( el: HTMLDivElement | null ) => {
76
+ if ( el ) {
77
+ activeElementOnMount.current = document.activeElement as HTMLElement;
78
+ el.focus();
79
+ }
80
+ };
81
+ useEffect( () => {
82
+ if ( ! isOpen && ! isClosing && activeElementOnMount.current ) {
83
+ activeElementOnMount.current.focus();
84
+ activeElementOnMount.current = null;
85
+ }
86
+ }, [ isOpen, isClosing, activeElementOnMount ] );
87
+
88
  if ( ! postType ) {
89
  // Still loading
90
  return null;
185
  <Button
186
  label={ __( 'Close block editor sidebar', 'full-site-editing' ) }
187
  showTooltip
188
+ ref={ dismissButtonMount }
 
 
189
  className={ classNames(
190
  'edit-post-fullscreen-mode-close',
191
  'wpcom-block-editor-nav-sidebar-nav-sidebar__dismiss-sidebar-button'
wpcom-block-editor-nav-sidebar/src/components/toggle-sidebar-button/index.tsx CHANGED
@@ -39,6 +39,8 @@ export default function ToggleSidebarButton() {
39
  icon={ wordpress }
40
  iconSize={ 36 }
41
  onClick={ toggleSidebar }
 
 
42
  />
43
  );
44
  }
39
  icon={ wordpress }
40
  iconSize={ 36 }
41
  onClick={ toggleSidebar }
42
+ aria-haspopup="dialog"
43
+ aria-expanded={ isSidebarOpen }
44
  />
45
  );
46
  }