Created
September 20, 2022 01:42
-
-
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.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- 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 — <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> </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"><p id="dolly"></mark></strong><span class="screen-reader-text">%s </span><span dir="ltr"%s>%s</span><strong><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-warning-color"></p></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><p <?php echo get_block_wrapper_attributes(); ?>> | |
<?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>; ?> | |
</p></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 ( | |
<p { ...useBlockProps() }> | |
<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> | |
</p> | |
); | |
}</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 & 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