Skip to content

Instantly share code, notes, and snippets.

@ndiego
Created September 20, 2022 01:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save ndiego/057ef155852efc7bf5104b517c6383e5 to your computer and use it in GitHub Desktop.
Save ndiego/057ef155852efc7bf5104b517c6383e5 to your computer and use it in GitHub Desktop.
The complete code for "Let's Build a Custom Block in 15 Minutes" Lighting Talk by Nick Diego presented at WordCamp US 2022.
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="title"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding"} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-home","iconColor":"primary-light","iconColorValue":"#475569","label":"Return to home.","linkUrl":"https://www.nickdiego.com","linkRel":"noreferrer noopener","linkTarget":"_blank","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><a class="icon-container has-icon-color" href="https://www.nickdiego.com" target="_blank" rel="noreferrer noopener" style="color:#475569;width:36px" aria-label="Return to home."><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="Return to home." aria-hidden="true"><path d="M12 4L4 7.9V20h16V7.9L12 4zm6.5 14.5H14V13h-4v5.5H5.5V8.8L12 5.7l6.5 3.1v9.7z"></path></svg></a></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:navigation {"ref":3737,"textColor":"primary-light","overlayMenu":"always","overlayBackgroundColor":"secondary","overlayTextColor":"neutral","layout":{"type":"flex","justifyContent":"center"},"fontSize":"large","blockVisibility":{"visibilityPresets":{"presets":[3743]}}} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained","contentSize":"900px"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large"},"blockGap":"3rem"}},"className":"mobile-align-center"} -->
<div class="wp-block-group alignwide mobile-align-center" style="margin-top:var(--wp--preset--spacing--xx-large);margin-bottom:var(--wp--preset--spacing--xx-large)"><!-- wp:heading {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"xxxx-large"} -->
<h2 class="has-xxxx-large-font-size" style="line-height:1.2">Let's Build a Custom Block in 15 Minutes</h2>
<!-- /wp:heading -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.5rem"}}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px","fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-light","className":"has-primary-font-family","fontSize":"x-small"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color has-x-small-font-size" style="font-style:normal;font-weight:500;letter-spacing:1px;text-transform:uppercase">Presented By</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"neutral","className":"has-primary-font-family","fontSize":"x-large"} -->
<p class="has-primary-font-family has-neutral-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:500">Nick Diego</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center","justifyContent":"center"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium","left":"var:preset|spacing|medium"},"blockGap":"0.8rem"}},"textColor":"primary-lighter","fontSize":"small","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":false,"small":false,"large":true}},"userRole":{}}}],"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary","iconColorValue":"#926D01","width":30,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"0"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:0 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#926D01;width:30px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M12 10.5v3.75m-9.303 3.376C1.83 19.126 2.914 21 4.645 21h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 4.88c-.866-1.501-3.032-1.501-3.898 0L2.697 17.626zM12 17.25h.007v.008H12v-.008z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family has-dark-code"} -->
<p class="has-primary-font-family has-dark-code">This presentation is best viewed on desktop.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center","justifyContent":"center"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"var:preset|spacing|medium","bottom":"var:preset|spacing|medium","left":"var:preset|spacing|medium"},"blockGap":"0.8rem"}},"textColor":"primary-lighter","fontSize":"small","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":false,"small":false,"large":false}},"userRole":{}}}],"visibilityPresets":{"presets":[3743],"hideOnPresets":true}}} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary","iconColorValue":"#926D01","width":30,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"0"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:0 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#926D01;width:30px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M12 10.5v3.75m-9.303 3.376C1.83 19.126 2.914 21 4.645 21h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 4.88c-.866-1.501-3.032-1.501-3.898 0L2.697 17.626zM12 17.25h.007v.008H12v-.008z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family has-dark-code"} -->
<p class="has-primary-font-family has-dark-code">You're a bit too early. This presentation won't be visible until 9/9/2022 @ 2:00 PM PST</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"className":"has-global-padding"} -->
<div class="wp-block-group alignwide has-global-padding" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#presenter-info">Begin Presentation </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="presenter-info"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding"} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"small":true,"medium":true}},"userRole":{}}}]}} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#title">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained","contentSize":"900px"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|x-large","bottom":"var:preset|spacing|x-large"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--x-large);margin-bottom:var(--wp--preset--spacing--x-large)"><!-- wp:columns {"verticalAlignment":"center","style":{"spacing":{"blockGap":"4rem"}}} -->
<div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"300px"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:300px"><!-- wp:image {"align":"center","id":3747,"sizeSlug":"large","linkDestination":"none","style":{"border":{"radius":"1000px","width":"4px"}},"borderColor":"primary-light","className":"is-style-rounded"} -->
<figure class="wp-block-image aligncenter size-large has-custom-border is-style-rounded"><img src="https://nickdiego.com/wp-content/uploads/2022/09/Headshot-White-1024x1024.png" alt="Headshot of Nick Diego." class="has-border-color has-primary-light-border-color wp-image-3747" style="border-width:4px;border-radius:1000px"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"50%","style":{"spacing":{"blockGap":"0.25rem"}},"className":"mobile-align-center"} -->
<div class="wp-block-column is-vertically-aligned-center mobile-align-center" style="flex-basis:50%"><!-- wp:heading {"textAlign":"left","fontSize":"xxx-large"} -->
<h2 class="has-text-align-left has-xxx-large-font-size">Nick Diego</h2>
<!-- /wp:heading -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"},"style":{"spacing":{"blockGap":"1rem"}},"fontSize":"large"} -->
<div class="wp-block-group has-large-font-size"><!-- wp:paragraph {"align":"left","textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-text-align-left has-primary-font-family has-primary-lighter-color has-text-color">Developer Advocate</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family","fontSize":"large"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color has-large-font-size">@</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">WP Engine</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"2rem"} -->
<div style="height:2rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"},"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary-lighter"}}},"spacing":{"blockGap":"0.8rem"}},"textColor":"primary-lighter","className":"has-hidden-links"} -->
<div class="wp-block-group has-hidden-links has-primary-lighter-color has-text-color has-link-color"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.8rem"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"wordpress-twitter","iconColor":"secondary","iconColorValue":"#0B8082","width":30} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:30px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family"><a href="https://twitter.com/nickmdiego" target="_blank" rel="noreferrer noopener">@nickmdiego</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.8rem"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"wordpress-wordpress","iconColor":"secondary","iconColorValue":"#0B8082","width":30} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:30px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family"><a href="https://profiles.wordpress.org/ndiego/" target="_blank" rel="noreferrer noopener">@ndiego</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.8rem"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"secondary","iconColorValue":"#0B8082","width":30} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:30px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family"><a href="https://www.nickdiego.com" target="_blank" rel="noreferrer noopener">nickdiego.com</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding"} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#why-what-how">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="why-what-how"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"className":"has-global-padding"} -->
<div class="wp-block-group alignwide has-global-padding" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#presenter-info">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|x-large","bottom":"var:preset|spacing|x-large"},"blockGap":"2rem"}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--x-large);margin-bottom:var(--wp--preset--spacing--x-large)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"secondary","iconColorValue":"#0B8082","width":72} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:72px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:heading {"fontSize":"xxx-large"} -->
<h2 class="has-xxx-large-font-size">Why, What, and How?</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":72} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:72px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:heading {"textColor":"primary-lighter","fontSize":"xxx-large"} -->
<h2 class="has-primary-lighter-color has-text-color has-xxx-large-font-size">Let's Build</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":72} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:72px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:heading {"textColor":"primary-lighter","fontSize":"xxx-large"} -->
<h2 class="has-primary-lighter-color has-text-color has-xxx-large-font-size">Resources</h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding"} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#why">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="why"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"className":"has-global-padding"} -->
<div class="wp-block-group alignwide has-global-padding" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"blockGap":"0.5rem"}},"className":"flex-shrink-0","fontSize":"medium"} -->
<div class="wp-block-group flex-shrink-0 has-medium-font-size" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:36px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">Why, What, and How?</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#why-what-how">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--xx-large);margin-bottom:var(--wp--preset--spacing--xx-large)"><!-- wp:heading {"style":{"typography":{"lineHeight":"1.2"}},"textColor":"neutral","fontSize":"xxx-large"} -->
<h2 class="has-neutral-color has-text-color has-xxx-large-font-size" style="line-height:1.2">Why attempt this?</h2>
<!-- /wp:heading -->
<!-- wp:spacer {"height":"3rem"} -->
<div style="height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"constrained"},"style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"textColor":"primary-lighter","fontSize":"large"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-large-font-size" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">Blocks are the foundation of modern WordPress design and development</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">Historically, building custom blocks was challenging</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">Today, getting started with block development has never been easier</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">Every WordPress builder can add custom blocks to their toolset</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"className":"has-global-padding"} -->
<div class="wp-block-group alignwide has-global-padding" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#what">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="what"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"className":"has-global-padding"} -->
<div class="wp-block-group alignwide has-global-padding" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"blockGap":"0.5rem"}},"className":"flex-shrink-0","fontSize":"medium"} -->
<div class="wp-block-group flex-shrink-0 has-medium-font-size" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:36px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">Why, What, and How?</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#why">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--xx-large);margin-bottom:var(--wp--preset--spacing--xx-large)"><!-- wp:heading {"style":{"typography":{"lineHeight":"1.2"}},"textColor":"neutral","fontSize":"xxx-large"} -->
<h2 class="has-neutral-color has-text-color has-xxx-large-font-size" style="line-height:1.2">What are you going to build?</h2>
<!-- /wp:heading -->
<!-- wp:spacer {"height":"4rem"} -->
<div style="height:4rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"43%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:43%"><!-- wp:image {"id":3750,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://nickdiego.com/wp-content/uploads/2022/09/Twitter.png" alt="Custom block suggestions on Twitter." class="wp-image-3750"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"14%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:14%"><!-- wp:paragraph {"align":"center","fontSize":"xx-large"} -->
<p class="has-text-align-center has-xx-large-font-size">🤔 </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"43%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:43%"><!-- wp:image {"id":3751,"sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full"><img src="https://nickdiego.com/wp-content/uploads/2022/09/hello-dolly.png" alt="The original Hello Dolly plugin by Matt Mullenweg." class="wp-image-3751"/></figure>
<!-- /wp:image --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#how">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="how"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"blockGap":"0.5rem"}},"className":"flex-shrink-0","fontSize":"medium"} -->
<div class="wp-block-group flex-shrink-0 has-medium-font-size" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:36px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">Why, What, and How?</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#what">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--xx-large);margin-bottom:var(--wp--preset--spacing--xx-large)"><!-- wp:heading {"style":{"typography":{"lineHeight":"1.2"}},"textColor":"neutral","fontSize":"xxx-large"} -->
<h2 class="has-neutral-color has-text-color has-xxx-large-font-size" style="line-height:1.2">How are you going to build this custom block?</h2>
<!-- /wp:heading -->
<!-- wp:spacer {"height":"3rem"} -->
<div style="height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"constrained"},"style":{"elements":{"link":{"color":{"text":"var:preset|color|neutral"}}},"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"textColor":"primary-lighter","className":"has-hidden-links","fontSize":"large"} -->
<div class="wp-block-group has-hidden-links has-primary-lighter-color has-text-color has-link-color has-large-font-size" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">The <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-neutral-color"><a href="https://developer.wordpress.org/block-editor/reference-guides/packages/packages-create-block/" target="_blank" rel="noreferrer noopener">Create Block</a></mark></strong> package</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">A code editor —&nbsp;<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-neutral-color"><a href="https://code.visualstudio.com/" target="_blank" rel="noreferrer noopener">VS Code</a></mark></strong> </p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">A local WordPress development environment — <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-neutral-color"><a href="https://localwp.com/" target="_blank" rel="noreferrer noopener">Local WP</a></mark></strong>&nbsp;</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">The original <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-neutral-color"><a href="https://wordpress.org/plugins/hello-dolly/" target="_blank" rel="noreferrer noopener">Hello Dolly</a></mark></strong> plugin by Matt Mullenweg</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#lets-build">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="lets-build"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#how">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|x-large","bottom":"var:preset|spacing|x-large"},"blockGap":"2rem"}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--x-large);margin-bottom:var(--wp--preset--spacing--x-large)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":72} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:72px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:heading {"textColor":"primary-lighter","fontSize":"xxx-large"} -->
<h2 class="has-primary-lighter-color has-text-color has-xxx-large-font-size">Why, What, and How?</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"secondary","iconColorValue":"#0B8082","width":72} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:72px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:heading {"fontSize":"xxx-large"} -->
<h2 class="has-xxx-large-font-size">Let's Build</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":72} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:72px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:heading {"textColor":"primary-lighter","fontSize":"xxx-large"} -->
<h2 class="has-primary-lighter-color has-text-color has-xxx-large-font-size">Resources</h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#step-1">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="step-1"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"blockGap":"0.5rem"}},"className":"flex-shrink-0","fontSize":"medium"} -->
<div class="wp-block-group flex-shrink-0 has-medium-font-size" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:36px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">Let's Build</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#lets-build">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--xx-large);margin-bottom:var(--wp--preset--spacing--xx-large)"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":"3rem"}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"35%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:35%"><!-- wp:heading {"textColor":"neutral","fontSize":"xxx-large"} -->
<h2 class="has-neutral-color has-text-color has-xxx-large-font-size">Step 1</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family","fontSize":"large"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color has-large-font-size">Scaffold the dynamic block plugin using <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-neutral-color">Create Block</mark></strong>. </p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family","fontSize":"large"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color has-large-font-size">Navigate to the plugin folder and get it up and running.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"65%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:65%"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"500","letterSpacing":"1px"}},"textColor":"primary-light","className":"has-primary-font-family","fontSize":"medium"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color has-medium-font-size" style="font-style:normal;font-weight:500;letter-spacing:1px;text-transform:uppercase">Prerequisites</p>
<!-- /wp:paragraph -->
<!-- wp:group {"layout":{"type":"constrained"},"align":"wide","style":{"spacing":{"blockGap":"1rem","padding":{"top":"0","right":"0","bottom":"0","left":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|neutral"}}}},"textColor":"primary-lighter","className":"has-hidden-links","fontSize":"large"} -->
<div class="wp-block-group alignwide has-hidden-links has-primary-lighter-color has-text-color has-link-color has-large-font-size" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"},"style":{"spacing":{"blockGap":"1.2rem"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family has-dark-code"} -->
<p class="has-primary-font-family has-dark-code"><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-neutral-color"><a href="https://nodejs.org/en/" target="_blank" rel="noreferrer noopener">Node</a></mark></strong> (v14.0.0+)</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1.2rem"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family has-dark-code"} -->
<p class="has-primary-font-family has-dark-code"><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-neutral-color"><a href="https://www.npmjs.com/">npm</a></mark></strong> (v6.14.4+) </p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"3rem"} -->
<div style="height:3rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"default"},"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"},"style":{"spacing":{"padding":{"top":"1.2rem","right":"1.5rem","bottom":"1.2rem","left":"1.5rem"}},"border":{"radius":{"topLeft":"8px","topRight":"8px"},"width":"1px"}},"borderColor":"primary-lighter","backgroundColor":"primary-lighter"} -->
<div class="wp-block-group has-border-color has-primary-lighter-border-color has-primary-lighter-background-color has-background" style="border-width:1px;border-top-left-radius:8px;border-top-right-radius:8px;padding-top:1.2rem;padding-right:1.5rem;padding-bottom:1.2rem;padding-left:1.5rem"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"10px"}},"blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"warning","iconColorValue":"#B91C1C","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#B91C1C;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary-light","iconColorValue":"#CDAF4B","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#CDAF4B;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1"},"spacing":{"padding":{"right":"70px"}}},"textColor":"primary-light","className":"flex-1 has-monospace-font-family","fontSize":"small"} -->
<p class="has-text-align-center flex-1 has-monospace-font-family has-primary-light-color has-text-color has-small-font-size" style="padding-right:70px;font-style:normal;font-weight:600;line-height:1">…/wp-content/plugins/</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:code {"style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"8px","bottomRight":"8px"},"width":"1px"}},"borderColor":"neutral","backgroundColor":"neutral","textColor":"primary","fontSize":"small"} -->
<pre class="wp-block-code has-border-color has-neutral-border-color has-primary-color has-neutral-background-color has-text-color has-background has-small-font-size" style="border-width:1px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:8px;border-bottom-right-radius:8px"><code><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-neutral-500-color">%</mark> npx @wordpress/create-block --variant dynamic <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-info-color"><strong>hello-dolly-block</strong></mark>
<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-neutral-500-color">%</mark> cd hello-dolly-block
<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-neutral-500-color">%</mark> npm start</code></pre>
<!-- /wp:code --></div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"2.5rem"} -->
<div style="height:2.5rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"1.2rem"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary","iconColorValue":"#926D01","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"0"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:0 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#926D01;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M12 10.5v3.75m-9.303 3.376C1.83 19.126 2.914 21 4.645 21h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 4.88c-.866-1.501-3.032-1.501-3.898 0L2.697 17.626zM12 17.25h.007v.008H12v-.008z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family has-dark-code"} -->
<p class="has-primary-font-family has-dark-code">The scaffolding process can take a few minutes.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#step-2">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="step-2"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"blockGap":"0.5rem"}},"className":"flex-shrink-0","fontSize":"medium"} -->
<div class="wp-block-group flex-shrink-0 has-medium-font-size" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:36px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">Let's Build</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#step-1">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--xx-large);margin-bottom:var(--wp--preset--spacing--xx-large)"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":"3rem"}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"35%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:35%"><!-- wp:heading {"textColor":"neutral","fontSize":"xxx-large"} -->
<h2 class="has-neutral-color has-text-color has-xxx-large-font-size">Step 2</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family","fontSize":"large"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color has-large-font-size">Examine the original<mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-neutral-color"><strong> </strong></mark>plugin. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"65%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:65%"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"textColor":"primary-lighter","fontSize":"large"} -->
<div class="wp-block-group alignwide has-primary-lighter-color has-text-color has-large-font-size" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"},"style":{"spacing":{"blockGap":"1.2rem"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family has-dark-code"} -->
<p class="has-primary-font-family has-dark-code">Install and activate <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-neutral-color">Hello Dolly</mark></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1.2rem"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family has-dark-code"} -->
<p class="has-primary-font-family has-dark-code">Open <code>hello.php</code> </p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"},"style":{"spacing":{"blockGap":"1.2rem"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family has-dark-code"} -->
<p class="has-primary-font-family has-dark-code">Review the functions <code>hello_dolly()</code> and <code>hello_dolly_get_lyric()</code></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#step-3">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="step-3"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"blockGap":"0.5rem"}},"className":"flex-shrink-0","fontSize":"medium"} -->
<div class="wp-block-group flex-shrink-0 has-medium-font-size" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:36px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">Let's Build</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#step-2">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--xx-large);margin-bottom:var(--wp--preset--spacing--xx-large)"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":"3rem"}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"35%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:35%"><!-- wp:heading {"textColor":"neutral","fontSize":"xxx-large"} -->
<h2 class="has-neutral-color has-text-color has-xxx-large-font-size">Step 3</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family","fontSize":"large"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color has-large-font-size">Strip <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-neutral-color"><strong>Hello Dolly</strong></mark> for parts. </p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"65%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:65%"><!-- wp:group {"align":"wide","style":{"spacing":{}},"textColor":"primary-lighter","fontSize":"large"} -->
<div class="wp-block-group alignwide has-primary-lighter-color has-text-color has-large-font-size"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"},"style":{"spacing":{"blockGap":"1.2rem"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family has-dark-code"} -->
<p class="has-primary-font-family has-dark-code">Copy <code>hello_dolly()</code> and <code>hello_dolly_get_lyric()</code></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1.2rem"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family has-dark-code"} -->
<p class="has-primary-font-family has-dark-code">Paste both functions in <code>hello-dolly-block.php</code> </p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"},"style":{"spacing":{"blockGap":"1.2rem"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family has-dark-code"} -->
<p class="has-primary-font-family has-dark-code">Prefix and rename each function to avoid plugin conflicts </p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#step-4">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="step-4"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"blockGap":"0.5rem"}},"className":"flex-shrink-0","fontSize":"medium"} -->
<div class="wp-block-group flex-shrink-0 has-medium-font-size" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:36px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">Let's Build</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#step-3">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--large)"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":"3rem"}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"35%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:35%"><!-- wp:heading {"textColor":"neutral","fontSize":"xxx-large"} -->
<h2 class="has-neutral-color has-text-color has-xxx-large-font-size">Step 4</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-dark-code has-primary-font-family","fontSize":"large"} -->
<p class="has-dark-code has-primary-font-family has-primary-lighter-color has-text-color has-large-font-size">Replace <code>printf()</code> with <code>return sprintf()</code> and update markup.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"65%","style":{"spacing":{"blockGap":"3rem"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:65%"><!-- wp:group {"layout":{"type":"default"},"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"},"style":{"spacing":{"padding":{"top":"1.2rem","right":"1.5rem","bottom":"1.2rem","left":"1.5rem"}},"border":{"radius":{"topLeft":"8px","topRight":"8px"},"width":"1px"}},"borderColor":"primary-lighter","backgroundColor":"primary-lighter"} -->
<div class="wp-block-group has-border-color has-primary-lighter-border-color has-primary-lighter-background-color has-background" style="border-width:1px;border-top-left-radius:8px;border-top-right-radius:8px;padding-top:1.2rem;padding-right:1.5rem;padding-bottom:1.2rem;padding-left:1.5rem"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"10px"}},"blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"warning","iconColorValue":"#B91C1C","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#B91C1C;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary-light","iconColorValue":"#CDAF4B","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#CDAF4B;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1"},"spacing":{"padding":{"right":"70px"}}},"textColor":"primary-light","className":"flex-1 has-monospace-font-family","fontSize":"small"} -->
<p class="has-text-align-center flex-1 has-monospace-font-family has-primary-light-color has-text-color has-small-font-size" style="padding-right:70px;font-style:normal;font-weight:600;line-height:1">hello-dolly-block.php</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:code {"style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"8px","bottomRight":"8px"},"width":"1px"},"typography":{"fontSize":"1rem"}},"borderColor":"neutral","backgroundColor":"neutral","textColor":"primary"} -->
<pre class="wp-block-code has-border-color has-neutral-border-color has-primary-color has-neutral-background-color has-text-color has-background" style="border-width:1px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-size:1rem"><code>function hello_dolly_block_render_lyric() {
$chosen = hello_dolly_block_get_lyric();
$lang = '';
if ( 'en_' !== substr( get_user_locale(), 0, 3 ) ) {
$lang = ' lang="en"';
}
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color">return sprintf</mark></strong>(
'<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-warning-color">&lt;p id="dolly"&gt;</mark></strong>&lt;span class="screen-reader-text"&gt;%s &lt;/span&gt;&lt;span dir="ltr"%s&gt;%s&lt;/span&gt;<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-warning-color">&lt;/p&gt;</mark></strong>',
__( 'Quote from Hello Dolly song, by Jerry Herman:', '<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color">hello-dolly-block</mark></strong>' ),
$lang,
$chosen
);
}</code></pre>
<!-- /wp:code --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#step-5">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="step-5"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"blockGap":"0.5rem"}},"className":"flex-shrink-0","fontSize":"medium"} -->
<div class="wp-block-group flex-shrink-0 has-medium-font-size" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:36px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">Let's Build</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#step-4">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--xx-large);margin-bottom:var(--wp--preset--spacing--xx-large)"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":"3rem"}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"35%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:35%"><!-- wp:heading {"textColor":"neutral","fontSize":"xxx-large"} -->
<h2 class="has-neutral-color has-text-color has-xxx-large-font-size">Step 5</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family","fontSize":"large"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color has-large-font-size">Update the frontend template to include the render lyric function.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"65%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:65%"><!-- wp:group {"layout":{"type":"default"},"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"},"style":{"spacing":{"padding":{"top":"1.2rem","right":"1.5rem","bottom":"1.2rem","left":"1.5rem"}},"border":{"radius":{"topLeft":"8px","topRight":"8px"},"width":"1px"}},"borderColor":"primary-lighter","backgroundColor":"primary-lighter"} -->
<div class="wp-block-group has-border-color has-primary-lighter-border-color has-primary-lighter-background-color has-background" style="border-width:1px;border-top-left-radius:8px;border-top-right-radius:8px;padding-top:1.2rem;padding-right:1.5rem;padding-bottom:1.2rem;padding-left:1.5rem"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"10px"}},"blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"warning","iconColorValue":"#B91C1C","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#B91C1C;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary-light","iconColorValue":"#CDAF4B","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#CDAF4B;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1"},"spacing":{"padding":{"right":"70px"}}},"textColor":"primary-light","className":"flex-1 has-monospace-font-family","fontSize":"small"} -->
<p class="has-text-align-center flex-1 has-monospace-font-family has-primary-light-color has-text-color has-small-font-size" style="padding-right:70px;font-style:normal;font-weight:600;line-height:1">src/template.php</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:code {"style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"8px","bottomRight":"8px"},"width":"1px"}},"borderColor":"neutral","backgroundColor":"neutral","textColor":"primary","fontSize":"small"} -->
<pre class="wp-block-code has-border-color has-neutral-border-color has-primary-color has-neutral-background-color has-text-color has-background has-small-font-size" style="border-width:1px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:8px;border-bottom-right-radius:8px"><code>&lt;p &lt;?php echo get_block_wrapper_attributes(); ?&gt;&gt;
&lt;?php echo <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"><strong>hello_dolly_block_render_lyric()</strong></mark>; ?&gt;
&lt;/p&gt;</code></pre>
<!-- /wp:code --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#step-6">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="step-6"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"blockGap":"0.5rem"}},"className":"flex-shrink-0","fontSize":"medium"} -->
<div class="wp-block-group flex-shrink-0 has-medium-font-size" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:36px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">Let's Build</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#step-5">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--xx-large);margin-bottom:var(--wp--preset--spacing--xx-large)"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":"3rem"}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"35%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:35%"><!-- wp:heading {"textColor":"neutral","fontSize":"xxx-large"} -->
<h2 class="has-neutral-color has-text-color has-xxx-large-font-size">Step 6</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-dark-code has-primary-font-family","fontSize":"large"} -->
<p class="has-dark-code has-primary-font-family has-primary-lighter-color has-text-color has-large-font-size">Update the Editor message with a default lyric.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"65%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:65%"><!-- wp:group {"layout":{"type":"default"},"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"},"style":{"spacing":{"padding":{"top":"1.2rem","right":"1.5rem","bottom":"1.2rem","left":"1.5rem"}},"border":{"radius":{"topLeft":"8px","topRight":"8px"},"width":"1px"}},"borderColor":"primary-lighter","backgroundColor":"primary-lighter"} -->
<div class="wp-block-group has-border-color has-primary-lighter-border-color has-primary-lighter-background-color has-background" style="border-width:1px;border-top-left-radius:8px;border-top-right-radius:8px;padding-top:1.2rem;padding-right:1.5rem;padding-bottom:1.2rem;padding-left:1.5rem"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"10px"}},"blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"warning","iconColorValue":"#B91C1C","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#B91C1C;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary-light","iconColorValue":"#CDAF4B","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#CDAF4B;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1"},"spacing":{"padding":{"right":"70px"}}},"textColor":"primary-light","className":"flex-1 has-monospace-font-family","fontSize":"small"} -->
<p class="has-text-align-center flex-1 has-monospace-font-family has-primary-light-color has-text-color has-small-font-size" style="padding-right:70px;font-style:normal;font-weight:600;line-height:1">src/edit.js</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:code {"style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"8px","bottomRight":"8px"},"width":"1px"}},"borderColor":"neutral","backgroundColor":"neutral","textColor":"primary","fontSize":"small"} -->
<pre class="wp-block-code has-border-color has-neutral-border-color has-primary-color has-neutral-background-color has-text-color has-background has-small-font-size" style="border-width:1px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:8px;border-bottom-right-radius:8px"><code>export default function Edit() {
return (
&lt;p { ...useBlockProps() }&gt;
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color">{ __( 'Well, hello, Dolly', 'hello-dolly-block' ) }</mark></strong>
&lt;/p&gt;
);
}</code></pre>
<!-- /wp:code --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#step-7">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="step-7"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"blockGap":"0.5rem"}},"className":"flex-shrink-0","fontSize":"medium"} -->
<div class="wp-block-group flex-shrink-0 has-medium-font-size" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:36px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">Let's Build</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#step-6">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|xx-large"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--xx-large);margin-bottom:var(--wp--preset--spacing--xx-large)"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":"3rem"}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"35%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:35%"><!-- wp:heading {"textColor":"neutral","fontSize":"xxx-large"} -->
<h2 class="has-neutral-color has-text-color has-xxx-large-font-size">Step 7</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family","fontSize":"large"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color has-large-font-size">Remove the default block styles.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"65%","style":{"spacing":{"blockGap":"3rem"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:65%"><!-- wp:group {"layout":{"type":"default"},"style":{"spacing":{"blockGap":"0px"},"border":{"radius":"8px"}},"backgroundColor":"neutral"} -->
<div class="wp-block-group has-neutral-background-color has-background" style="border-radius:8px"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"},"style":{"spacing":{"padding":{"top":"1.2rem","right":"1.5rem","bottom":"1.2rem","left":"1.5rem"}},"border":{"radius":{"topLeft":"8px","topRight":"8px"},"width":"1px"}},"borderColor":"primary-lighter","backgroundColor":"primary-lighter","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":false,"small":false}},"userRole":{}}}]}} -->
<div class="wp-block-group has-border-color has-primary-lighter-border-color has-primary-lighter-background-color has-background" style="border-width:1px;border-top-left-radius:8px;border-top-right-radius:8px;padding-top:1.2rem;padding-right:1.5rem;padding-bottom:1.2rem;padding-left:1.5rem"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"10px"}},"blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"warning","iconColorValue":"#B91C1C","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#B91C1C;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary-light","iconColorValue":"#CDAF4B","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#CDAF4B;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1"},"spacing":{"padding":{"right":"70px"}}},"textColor":"primary-light","className":"flex-1 has-monospace-font-family","fontSize":"small"} -->
<p class="has-text-align-center flex-1 has-monospace-font-family has-primary-light-color has-text-color has-small-font-size" style="padding-right:70px;font-style:normal;font-weight:600;line-height:1">src/editor.scss</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:code {"style":{"border":{"width":"1px","radius":"8px"}},"borderColor":"neutral","backgroundColor":"neutral","fontSize":"small"} -->
<pre class="wp-block-code has-border-color has-neutral-border-color has-neutral-background-color has-background has-small-font-size" style="border-width:1px;border-radius:8px"><code><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-warning-color"><strong>.wp-block-create-block-hello-dolly-block {
border: 1px dotted #f00;
}</strong></mark></code></pre>
<!-- /wp:code --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"},"style":{"spacing":{"padding":{"top":"1.2rem","right":"1.5rem","bottom":"1.2rem","left":"1.5rem"}},"border":{"radius":{"topLeft":"8px","topRight":"8px"},"width":"1px"}},"borderColor":"primary-lighter","backgroundColor":"primary-lighter"} -->
<div class="wp-block-group has-border-color has-primary-lighter-border-color has-primary-lighter-background-color has-background" style="border-width:1px;border-top-left-radius:8px;border-top-right-radius:8px;padding-top:1.2rem;padding-right:1.5rem;padding-bottom:1.2rem;padding-left:1.5rem"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"10px"}},"blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"warning","iconColorValue":"#B91C1C","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#B91C1C;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary-light","iconColorValue":"#CDAF4B","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#CDAF4B;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1"},"spacing":{"padding":{"right":"70px"}}},"textColor":"primary-light","className":"flex-1 has-monospace-font-family","fontSize":"small"} -->
<p class="has-text-align-center flex-1 has-monospace-font-family has-primary-light-color has-text-color has-small-font-size" style="padding-right:70px;font-style:normal;font-weight:600;line-height:1">src/style.scss</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:code {"style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"8px","bottomRight":"8px"},"width":"1px"}},"borderColor":"neutral","backgroundColor":"neutral","textColor":"primary","fontSize":"small"} -->
<pre class="wp-block-code has-border-color has-neutral-border-color has-primary-color has-neutral-background-color has-text-color has-background has-small-font-size" style="border-width:1px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:8px;border-bottom-right-radius:8px"><code>.wp-block-create-block-hello-dolly-block {
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-warning-color"> background-color: #21759b;
color: #fff;
padding: 2px;</mark></strong>
}</code></pre>
<!-- /wp:code --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#step-8">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="step-8"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"blockGap":"0.5rem"}},"className":"flex-shrink-0","fontSize":"medium"} -->
<div class="wp-block-group flex-shrink-0 has-medium-font-size" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:36px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">Let's Build</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#step-7">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--large)"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":"3rem"}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"35%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:35%"><!-- wp:heading {"textColor":"neutral","fontSize":"xxx-large"} -->
<h2 class="has-neutral-color has-text-color has-xxx-large-font-size">Step 8</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family","fontSize":"large"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color has-large-font-size">Add supports for block alignment, color, and border.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"65%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:65%"><!-- wp:group {"layout":{"type":"default"},"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"},"style":{"spacing":{"padding":{"top":"1.2rem","right":"1.5rem","bottom":"1.2rem","left":"1.5rem"}},"border":{"radius":{"topLeft":"8px","topRight":"8px"},"width":"1px"}},"borderColor":"primary-lighter","backgroundColor":"primary-lighter"} -->
<div class="wp-block-group has-border-color has-primary-lighter-border-color has-primary-lighter-background-color has-background" style="border-width:1px;border-top-left-radius:8px;border-top-right-radius:8px;padding-top:1.2rem;padding-right:1.5rem;padding-bottom:1.2rem;padding-left:1.5rem"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"10px"}},"blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"warning","iconColorValue":"#B91C1C","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#B91C1C;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary-light","iconColorValue":"#CDAF4B","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#CDAF4B;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1"},"spacing":{"padding":{"right":"70px"}}},"textColor":"primary-light","className":"flex-1 has-monospace-font-family","fontSize":"small"} -->
<p class="has-text-align-center flex-1 has-monospace-font-family has-primary-light-color has-text-color has-small-font-size" style="padding-right:70px;font-style:normal;font-weight:600;line-height:1">src/block.json</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:code {"style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"8px","bottomRight":"8px"},"width":"1px"},"typography":{"fontSize":"1rem"}},"borderColor":"neutral","backgroundColor":"neutral","textColor":"primary"} -->
<pre class="wp-block-code has-border-color has-neutral-border-color has-primary-color has-neutral-background-color has-text-color has-background" style="border-width:1px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-size:1rem"><code><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> </mark></strong>"supports": {
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> </mark></strong>"align": true,
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> </mark></strong>"color": { </mark></strong>
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> </mark></strong>"background": true, </mark></strong>
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> </mark></strong>"text": true </mark></strong>
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> </mark></strong>},
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> </mark></strong>"__experimentalBorder": {
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> </mark></strong>"radius": true,
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> </mark></strong>"color": true,
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> </mark></strong>"width": true,
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> </mark></strong>"style": true
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> </mark></strong>},</mark></strong>
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> </mark></strong>"html": false
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> </mark></strong>},</code></pre>
<!-- /wp:code --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#step-9">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="step-9"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"blockGap":"0.5rem"}},"className":"flex-shrink-0","fontSize":"medium"} -->
<div class="wp-block-group flex-shrink-0 has-medium-font-size" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:36px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">Let's Build</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#step-8">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--large)"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":"3rem"}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"35%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:35%"><!-- wp:heading {"textColor":"neutral","fontSize":"xxx-large"} -->
<h2 class="has-neutral-color has-text-color has-xxx-large-font-size">Step 9</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-dark-code has-primary-font-family","fontSize":"large"} -->
<p class="has-dark-code has-primary-font-family has-primary-lighter-color has-text-color has-large-font-size">Add supports for padding, margin, and typography.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"65%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:65%"><!-- wp:group {"layout":{"type":"default"},"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"},"style":{"spacing":{"padding":{"top":"1.2rem","right":"1.5rem","bottom":"1.2rem","left":"1.5rem"}},"border":{"radius":{"topLeft":"8px","topRight":"8px"},"width":"1px"}},"borderColor":"primary-lighter","backgroundColor":"primary-lighter"} -->
<div class="wp-block-group has-border-color has-primary-lighter-border-color has-primary-lighter-background-color has-background" style="border-width:1px;border-top-left-radius:8px;border-top-right-radius:8px;padding-top:1.2rem;padding-right:1.5rem;padding-bottom:1.2rem;padding-left:1.5rem"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"10px"}},"blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"warning","iconColorValue":"#B91C1C","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#B91C1C;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary-light","iconColorValue":"#CDAF4B","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#CDAF4B;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1"},"spacing":{"padding":{"right":"70px"}}},"textColor":"primary-light","className":"flex-1 has-monospace-font-family","fontSize":"small"} -->
<p class="has-text-align-center flex-1 has-monospace-font-family has-primary-light-color has-text-color has-small-font-size" style="padding-right:70px;font-style:normal;font-weight:600;line-height:1">src/block.json</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:code {"style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"8px","bottomRight":"8px"},"width":"1px"},"typography":{"fontSize":"1rem"}},"borderColor":"neutral","backgroundColor":"neutral","textColor":"primary"} -->
<pre class="wp-block-code has-border-color has-neutral-border-color has-primary-color has-neutral-background-color has-text-color has-background" style="border-width:1px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;font-size:1rem"><code> ...
"html": false,
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color">"spacing": { </mark></strong>
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> "margin": true, </mark></strong>
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> "padding": true </mark></strong>
<strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"> </mark></strong>},
"typography": {
"fontSize": true,
"lineHeight": true,
"__experimentalFontFamily": true,
"__experimentalFontStyle": true,
"__experimentalFontWeight": true,
"__experimentalTextTransform": true,
"__experimentalTextDecoration": true,
"__experimentalLetterSpacing": true
}</mark></strong>
},</code></pre>
<!-- /wp:code --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#step-10">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="step-10"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"blockGap":"0.5rem"}},"className":"flex-shrink-0","fontSize":"medium"} -->
<div class="wp-block-group flex-shrink-0 has-medium-font-size" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:36px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">Let's Build</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#step-9">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--large)"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":"3rem"}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":"35%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:35%"><!-- wp:heading {"textColor":"neutral","fontSize":"xxx-large"} -->
<h2 class="has-neutral-color has-text-color has-xxx-large-font-size">Step 10</h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family","fontSize":"large"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color has-large-font-size">Add a few finishing touches—update the block icon and description.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"65%","style":{"spacing":{"blockGap":"3rem"}}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:65%"><!-- wp:group {"layout":{"type":"default"},"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"},"style":{"spacing":{"padding":{"top":"1.2rem","right":"1.5rem","bottom":"1.2rem","left":"1.5rem"}},"border":{"radius":{"topLeft":"8px","topRight":"8px"},"width":"1px"}},"borderColor":"primary-lighter","backgroundColor":"primary-lighter"} -->
<div class="wp-block-group has-border-color has-primary-lighter-border-color has-primary-lighter-background-color has-background" style="border-width:1px;border-top-left-radius:8px;border-top-right-radius:8px;padding-top:1.2rem;padding-right:1.5rem;padding-bottom:1.2rem;padding-left:1.5rem"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"10px"}},"blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"warning","iconColorValue":"#B91C1C","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#B91C1C;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary-light","iconColorValue":"#CDAF4B","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#CDAF4B;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":15} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:15px"><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"></circle></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1"},"spacing":{"padding":{"right":"70px"}}},"textColor":"primary-light","className":"flex-1 has-monospace-font-family","fontSize":"small"} -->
<p class="has-text-align-center flex-1 has-monospace-font-family has-primary-light-color has-text-color has-small-font-size" style="padding-right:70px;font-style:normal;font-weight:600;line-height:1">src/block.json</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:code {"style":{"border":{"radius":{"topLeft":"0px","topRight":"0px","bottomLeft":"8px","bottomRight":"8px"},"width":"1px"}},"borderColor":"neutral","backgroundColor":"neutral","textColor":"primary","fontSize":"small"} -->
<pre class="wp-block-code has-border-color has-neutral-border-color has-primary-color has-neutral-background-color has-text-color has-background has-small-font-size" style="border-width:1px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-left-radius:8px;border-bottom-right-radius:8px"><code>{
...
"title": "Hello Dolly Block",
"category": "widgets",
"icon":<strong> </strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"><strong>"format-audio",</strong></mark>
"description": <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-secondary-color"><strong>"Display a random lyric from the song Hello Dolly, by Louis Armstrong."</strong></mark>,
...</code></pre>
<!-- /wp:code --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#hello-dolly">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="hello-dolly"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"blockGap":"0.5rem"}},"className":"flex-shrink-0","fontSize":"medium"} -->
<div class="wp-block-group flex-shrink-0 has-medium-font-size" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:36px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">Let's Build</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#step-10">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"},"blockGap":"4rem"}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--large)"><!-- wp:paragraph {"align":"center","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"textColor":"primary-light","className":"has-primary-font-family","fontSize":"small"} -->
<p class="has-text-align-center has-primary-font-family has-primary-light-color has-text-color has-small-font-size" style="letter-spacing:1px;text-transform:uppercase">Introducing the New</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"top":"var:preset|spacing|small","bottom":"0"}}},"fontSize":"xxxx-large"} -->
<h2 class="has-text-align-center has-xxxx-large-font-size" style="margin-top:var(--wp--preset--spacing--small);margin-bottom:0">Hello Dolly Block</h2>
<!-- /wp:heading -->
<!-- wp:quote {"className":"is-style-fancy"} -->
<blockquote class="wp-block-quote is-style-fancy"><!-- wp:create-block/hello-dolly-block {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"xx-large"} /--><cite>Hello Dolly, by Louis Armstrong</cite></blockquote>
<!-- /wp:quote --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#resources">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="resources"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#hello-dolly">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|x-large","bottom":"var:preset|spacing|x-large"},"blockGap":"2rem"}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--x-large);margin-bottom:var(--wp--preset--spacing--x-large)"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":72} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:72px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:heading {"textColor":"primary-lighter","fontSize":"xxx-large"} -->
<h2 class="has-primary-lighter-color has-text-color has-xxx-large-font-size">Why, What, and How?</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":72} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:72px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:heading {"textColor":"primary-lighter","fontSize":"xxx-large"} -->
<h2 class="has-primary-lighter-color has-text-color has-xxx-large-font-size">Let's Build</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"secondary","iconColorValue":"#0B8082","width":72} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:72px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:heading {"fontSize":"xxx-large"} -->
<h2 class="has-xxx-large-font-size">Resources</h2>
<!-- /wp:heading --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#resource-list">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="resource-list"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"blockGap":"0.5rem"}},"className":"flex-shrink-0","fontSize":"medium"} -->
<div class="wp-block-group flex-shrink-0 has-medium-font-size" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"primary-light","iconColorValue":"#475569","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#475569;width:36px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color">Resources</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#resources">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|large","bottom":"var:preset|spacing|large"},"blockGap":"6rem"}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--large);margin-bottom:var(--wp--preset--spacing--large)"><!-- wp:group {"layout":{"type":"default"},"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary-lighter"}}}},"textColor":"primary-lighter","className":"has-hidden-links","fontSize":"large"} -->
<div class="wp-block-group alignwide has-hidden-links has-primary-lighter-color has-text-color has-link-color has-large-font-size"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"align":"wide","style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group alignwide"><!-- wp:outermost/icon-block {"iconName":"","customIconColor":"#894cad","iconColorValue":"#894cad","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"0"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:0 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#894cad;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|neutral"}}}},"className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-link-color">View this presentation at <strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-neutral-color"><a href="https://www.nickdiego.com/wcus-2022" target="_blank" rel="noreferrer noopener">nickdiego.com/wcus-2022</a></mark></strong></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"align":"wide","style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group alignwide"><!-- wp:outermost/icon-block {"iconName":"","customIconColor":"#894cad","iconColorValue":"#894cad","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"0"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:0 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#894cad;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|neutral"}}}},"textColor":"primary-lighter","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-lighter-color has-text-color has-link-color">Download block at <mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-neutral-color"><strong><a rel="noreferrer noopener" href="https://github.com/ndiego/hello-dolly-block" target="_blank">github.com/ndiego/hello-dolly-block</a></strong></mark></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"3rem"}}} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:heading {"fontSize":"xx-large"} -->
<h2 class="has-xx-large-font-size">Documentation</h2>
<!-- /wp:heading -->
<!-- wp:group {"layout":{"type":"constrained"},"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary-lighter"}}},"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"textColor":"primary-lighter","className":"has-hidden-links","fontSize":"large"} -->
<div class="wp-block-group has-hidden-links has-primary-lighter-color has-text-color has-link-color has-large-font-size" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family"><a rel="noreferrer noopener" href="https://developer.wordpress.org/block-editor/reference-guides/packages/packages-create-block/" target="_blank">Create Block Package</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family"><a href="https://developer.wordpress.org/block-editor/how-to-guides/" target="_blank" rel="noreferrer noopener">Block Editor Handbook: How-to Guides</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family"><a href="https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library" target="_blank" rel="noreferrer noopener">Gutenberg GitHub Repository</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%"><!-- wp:heading {"fontSize":"xx-large"} -->
<h2 class="has-xx-large-font-size">Workshops &amp; Videos</h2>
<!-- /wp:heading -->
<!-- wp:group {"layout":{"type":"constrained"},"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary-lighter"}}},"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"textColor":"primary-lighter","className":"has-hidden-links","fontSize":"large"} -->
<div class="wp-block-group has-hidden-links has-primary-lighter-color has-text-color has-link-color has-large-font-size" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family"><a rel="noreferrer noopener" href="https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/creating-dynamic-blocks/" target="_blank"></a><a rel="noreferrer noopener" href="https://www.meetup.com/learn-wordpress-online-workshops/" target="_blank">Learn WordPress Online Workshops</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"secondary","iconColorValue":"#0B8082","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#0B8082;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family"><a rel="noreferrer noopener" href="https://wordpress.tv/2022/03/29/hello-blocks-coding-a-custom-block/" target="_blank">"</a><a rel="noreferrer noopener" href="https://wordpress.tv/2022/03/29/hello-blocks-coding-a-custom-block/" target="_blank">Hello Blocks! Coding a Custom Block"</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#end">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary","minHeight":100,"minHeightUnit":"vh","align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="end"><span aria-hidden="true" class="wp-block-cover__background has-primary-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"1px"}},"className":"has-primary-font-family text-decoration\u002d\u002dnone","fontSize":"x-small"} -->
<p class="has-text-align-right has-primary-font-family text-decoration--none has-x-small-font-size" style="letter-spacing:1px;text-transform:uppercase"><a href="#resource-list">Previous Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l7.5-7.5 7.5 7.5m-15 6l7.5-7.5 7.5 7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained","contentSize":"900px"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|large"},"blockGap":"8rem"}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--xx-large);margin-bottom:var(--wp--preset--spacing--large)"><!-- wp:heading {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"xxxx-large"} -->
<h2 class="has-xxxx-large-font-size" style="line-height:1.2">So, what will you build?</h2>
<!-- /wp:heading -->
<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"1rem"}}} -->
<div class="wp-block-group alignwide"><!-- wp:paragraph {"align":"left","style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"neutral","className":"has-primary-font-family","fontSize":"x-large"} -->
<p class="has-text-align-left has-primary-font-family has-neutral-color has-text-color has-x-large-font-size" style="font-style:normal;font-weight:500">Nick Diego</p>
<!-- /wp:paragraph -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap"},"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary-lighter"}}},"spacing":{}},"textColor":"primary-lighter","className":"has-hidden-links"} -->
<div class="wp-block-group has-hidden-links has-primary-lighter-color has-text-color has-link-color"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.5rem"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"wordpress-twitter","iconColor":"secondary","iconColorValue":"#0B8082","width":30} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:30px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family"><a href="https://twitter.com/nickmdiego" target="_blank" rel="noreferrer noopener">@nickmdiego</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.5rem"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"wordpress-wordpress","iconColor":"secondary","iconColorValue":"#0B8082","width":30} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:30px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family"><a href="https://profiles.wordpress.org/ndiego/" target="_blank" rel="noreferrer noopener">@ndiego</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.5rem"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"wordpress-heading","iconColor":"secondary","iconColorValue":"#0B8082","width":30} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color" style="color:#0B8082;width:30px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family"><a href="https://www.nickdiego.com" target="_blank" rel="noreferrer noopener">nickdiego.com</a></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-lighter","className":"flex-shrink-0"} -->
<div class="wp-block-group flex-shrink-0 has-primary-lighter-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#how-i-built-this">Next Slide </a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"","width":16} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container" style="width:16px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 5.25l-7.5 7.5-7.5-7.5m15 6l-7.5 7.5-7.5-7.5"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
<!-- wp:cover {"overlayColor":"primary-lighter","minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full","className":"is-style-slide","style":{"spacing":{"padding":{"top":"var:preset|spacing|medium","right":"0","bottom":"var:preset|spacing|large","left":"0"},"margin":{"top":"0","bottom":"0"}}},"blockVisibility":{"visibilityPresets":{"presets":[3743]}}} -->
<div class="wp-block-cover alignfull is-light is-style-slide" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:0;padding-bottom:var(--wp--preset--spacing--large);padding-left:0;min-height:100vh" id="how-i-built-this"><span aria-hidden="true" class="wp-block-cover__background has-primary-lighter-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"style":{"spacing":{}},"className":"is-style-full-height-stack"} -->
<div class="wp-block-group is-style-full-height-stack"><!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":false,"small":false}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"primary-lighter"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color" style="font-style:normal;font-weight:500"><!-- wp:outermost/icon-block {"iconName":"wordpress-home","iconColor":"primary-light","iconColorValue":"#475569","label":"Return to home.","linkUrl":"https://www.nickdiego.com","linkRel":"noreferrer noopener","linkTarget":"_blank","width":36} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><a class="icon-container has-icon-color" href="https://www.nickdiego.com" target="_blank" rel="noreferrer noopener" style="color:#475569;width:36px" aria-label="Return to home."><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-label="Return to home." aria-hidden="true"><path d="M12 4L4 7.9V20h16V7.9L12 4zm6.5 14.5H14V13h-4v5.5H5.5V8.8L12 5.7l6.5 3.1v9.7z"></path></svg></a></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:navigation {"ref":3737,"textColor":"primary-light","overlayMenu":"always","overlayBackgroundColor":"secondary","overlayTextColor":"neutral","layout":{"type":"flex","justifyContent":"center"},"fontSize":"large"} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"inherit":true,"type":"constrained"},"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|xx-large","bottom":"var:preset|spacing|large"}}}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--xx-large);margin-bottom:var(--wp--preset--spacing--large)"><!-- wp:heading {"fontSize":"xxx-large"} -->
<h2 class="has-xxx-large-font-size">How I Built This</h2>
<!-- /wp:heading -->
<!-- wp:group {"layout":{"type":"constrained"},"style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"textColor":"primary","className":"has-hidden-links","fontSize":"large"} -->
<div class="wp-block-group has-hidden-links has-primary-color has-text-color has-link-color has-large-font-size" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary","iconColorValue":"#926D01","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#926D01;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0rem"}}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family"><a href="https://github.com/WordPress/gutenberg" target="_blank" rel="noreferrer noopener">Gutenberg</a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family","fontSize":"small"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color has-small-font-size">To take advantage of functionality not yet released in WordPress.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary","iconColorValue":"#926D01","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#926D01;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0rem"}}} -->
<div class="wp-block-group"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family"><a href="https://wordpress.org/plugins/icon-block/" target="_blank" rel="noreferrer noopener">The Icon Block</a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family","fontSize":"small"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color has-small-font-size">To display all SVG icons.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary","iconColorValue":"#926D01","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#926D01;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:group {"layout":{"type":"constrained"},"style":{"spacing":{"blockGap":"0rem","padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family"><a href="https://wordpress.org/plugins/block-visibility/" target="_blank" rel="noreferrer noopener">Block Visibility</a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family","fontSize":"small"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color has-small-font-size">To conditionally display slide headers and footers on mobile devices.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"},"style":{"spacing":{"blockGap":"14px"}}} -->
<div class="wp-block-group"><!-- wp:outermost/icon-block {"iconName":"","iconColor":"tertiary","iconColorValue":"#926D01","width":36,"style":{"border":{"radius":"20px"},"spacing":{"margin":{"top":"2px"}}},"className":"has-no-fill"} -->
<div class="wp-block-outermost-icon-block items-justified-undefined has-no-fill" style="margin:2px 0 0 0"><div class="icon-container has-icon-color" style="border-radius:20px;color:#926D01;width:36px"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div></div>
<!-- /wp:outermost/icon-block -->
<!-- wp:group {"layout":{"type":"constrained"},"style":{"spacing":{"blockGap":"0rem","padding":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family"><a href="https://github.com/ndiego/nautilus" target="_blank" rel="noreferrer noopener">Nautilus</a></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary-light","className":"has-primary-font-family","fontSize":"small"} -->
<p class="has-primary-font-family has-primary-light-color has-text-color has-small-font-size">The experimental block theme powers the design of this presentation.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"default"},"align":"wide","className":"has-global-padding","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":false,"small":false}},"userRole":{}}}]}} -->
<div class="wp-block-group alignwide has-global-padding"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"1rem"},"typography":{"fontStyle":"normal","fontWeight":"400"}},"textColor":"primary-lighter","fontSize":"small"} -->
<div class="wp-block-group has-primary-lighter-color has-text-color has-small-font-size" style="font-style:normal;font-weight:400"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"},"style":{"spacing":{"blockGap":"1rem"}},"textColor":"primary-light","className":"flex-shrink-0","blockVisibility":{"controlSets":[{"id":1,"enable":true,"controls":{"dateTime":{"schedules":[{"enable":true,"start":"","end":""}]},"screenSize":{"hideOnScreenSize":{"medium":true,"small":true,"extraSmall":true}},"userRole":{}}}]}} -->
<div class="wp-block-group flex-shrink-0 has-primary-light-color has-text-color"><!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">WordCamp US</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"textColor":"primary","className":"has-primary-font-family"} -->
<p class="has-primary-font-family has-primary-color has-text-color"><strong>//</strong></p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"className":"has-primary-font-family"} -->
<p class="has-primary-font-family">September 9, 2022</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center"},"style":{"spacing":{"blockGap":"4px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light"} -->
<div class="wp-block-group has-primary-light-color has-text-color has-link-color"><!-- wp:paragraph {"align":"right","style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.5px"},"elements":{"link":{"color":{"text":"var:preset|color|primary-light"}}}},"textColor":"primary-light","className":"text-decoration\u002d\u002dnone has-primary-font-family","fontSize":"x-small"} -->
<p class="has-text-align-right text-decoration--none has-primary-font-family has-primary-light-color has-text-color has-link-color has-x-small-font-size" style="letter-spacing:0.5px;text-transform:uppercase"><a href="#title">Back to Start</a></p>
<!-- /wp:paragraph -->
<!-- wp:outermost/icon-block {"iconName":"wordpress-reusableBlock","iconColor":"primary-light","iconColorValue":"#475569","rotate":90,"flipHorizontal":true,"flipVertical":false,"width":20} -->
<div class="wp-block-outermost-icon-block items-justified-undefined"><div class="icon-container has-icon-color rotate-90 flip-horizontal" style="color:#475569;width:20px"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M7 7.2h8.2L13.5 9l1.1 1.1 3.6-3.6-3.5-4-1.1 1 1.9 2.3H7c-.9 0-1.7.3-2.3.9-1.4 1.5-1.4 4.2-1.4 5.6v.2h1.5v-.3c0-1.1 0-3.5 1-4.5.3-.3.7-.5 1.2-.5zm13.8 4V11h-1.5v.3c0 1.1 0 3.5-1 4.5-.3.3-.7.5-1.3.5H8.8l1.7-1.7-1.1-1.1L5.9 17l3.5 4 1.1-1-1.9-2.3H17c.9 0 1.7-.3 2.3-.9 1.5-1.4 1.5-4.2 1.5-5.6z"></path></svg></div></div>
<!-- /wp:outermost/icon-block --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div></div>
<!-- /wp:cover -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment