�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fbig%2F'>big</a>/<a href='?path=%2Fbig%2Fweb%2F'>web</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2F'>www.nib.st</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2F'>htdocs</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-includes%2F'>wp-includes</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-includes%2Fblock-patterns%2F'>block-patterns</a>/</p><hr><h3>✏️ Editing: navigation-overlay-centered-with-extras.php</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>&lt;?php
/**
 * Navigation: Overlay with site info and CTA.
 *
 * @package WordPress
 */

return array(
	&#039;title&#039;      =&gt; _x( &#039;Overlay with site info and CTA&#039;, &#039;Block pattern title&#039; ),
	&#039;blockTypes&#039; =&gt; array( &#039;core/template-part/navigation-overlay&#039; ),
	&#039;categories&#039; =&gt; array( &#039;navigation&#039; ),
	&#039;content&#039;    =&gt; &#039;&lt;!-- wp:group {&quot;metadata&quot;:{&quot;name&quot;:&quot;&#039; . esc_attr( __( &#039;Navigation Overlay&#039; ) ) . &#039;&quot;},&quot;style&quot;:{&quot;spacing&quot;:{&quot;padding&quot;:{&quot;right&quot;:&quot;var:preset|spacing|40&quot;,&quot;left&quot;:&quot;var:preset|spacing|40&quot;,&quot;top&quot;:&quot;var:preset|spacing|40&quot;,&quot;bottom&quot;:&quot;var:preset|spacing|40&quot;}},&quot;dimensions&quot;:{&quot;minHeight&quot;:&quot;100vh&quot;},&quot;elements&quot;:{&quot;link&quot;:{&quot;color&quot;:{&quot;text&quot;:&quot;var:preset|color|black&quot;}}}},&quot;backgroundColor&quot;:&quot;white&quot;,&quot;textColor&quot;:&quot;black&quot;,&quot;layout&quot;:{&quot;type&quot;:&quot;default&quot;}} --&gt;
&lt;div class=&quot;wp-block-group has-black-color has-white-background-color has-text-color has-background has-link-color&quot; style=&quot;min-height:100vh;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)&quot;&gt;&lt;!-- wp:group {&quot;align&quot;:&quot;wide&quot;,&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;flexWrap&quot;:&quot;nowrap&quot;,&quot;justifyContent&quot;:&quot;right&quot;}} --&gt;
&lt;div class=&quot;wp-block-group alignwide&quot;&gt;&lt;!-- wp:navigation-overlay-close /--&gt;&lt;/div&gt;
&lt;!-- /wp:group --&gt;

&lt;!-- wp:group {&quot;align&quot;:&quot;wide&quot;,&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;}} --&gt;
&lt;div class=&quot;wp-block-group alignwide&quot;&gt;&lt;!-- wp:site-logo {&quot;width&quot;:80,&quot;isLink&quot;:false,&quot;align&quot;:&quot;center&quot;,&quot;className&quot;:&quot;is-style-rounded&quot;} /--&gt;

&lt;!-- wp:site-title {&quot;textAlign&quot;:&quot;center&quot;,&quot;fontSize&quot;:&quot;large&quot;} /--&gt;

&lt;!-- wp:site-tagline {&quot;textAlign&quot;:&quot;center&quot;,&quot;fontSize&quot;:&quot;medium&quot;} /--&gt;

&lt;!-- wp:group {&quot;style&quot;:{&quot;spacing&quot;:{&quot;padding&quot;:{&quot;top&quot;:&quot;var:preset|spacing|50&quot;,&quot;bottom&quot;:&quot;var:preset|spacing|50&quot;}}},&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;}} --&gt;
&lt;div class=&quot;wp-block-group&quot; style=&quot;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)&quot;&gt;&lt;!-- wp:navigation {&quot;overlayMenu&quot;:&quot;never&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;textTransform&quot;:&quot;uppercase&quot;}},&quot;fontSize&quot;:&quot;x-large&quot;,&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;orientation&quot;:&quot;vertical&quot;,&quot;justifyContent&quot;:&quot;center&quot;}} /--&gt;&lt;/div&gt;
&lt;!-- /wp:group --&gt;

&lt;!-- wp:group {&quot;align&quot;:&quot;full&quot;,&quot;style&quot;:{&quot;border&quot;:{&quot;top&quot;:{&quot;color&quot;:&quot;#eeeeee&quot;,&quot;width&quot;:&quot;1px&quot;}},&quot;spacing&quot;:{&quot;padding&quot;:{&quot;top&quot;:&quot;var:preset|spacing|60&quot;,&quot;bottom&quot;:&quot;var:preset|spacing|60&quot;}}},&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;}} --&gt;
&lt;div class=&quot;wp-block-group alignfull&quot; style=&quot;border-top-color:#eeeeee;border-top-width:1px;padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)&quot;&gt;&lt;!-- wp:paragraph {&quot;style&quot;:{&quot;typography&quot;:{&quot;textAlign&quot;:&quot;center&quot;}}} --&gt;
&lt;p class=&quot;has-text-align-center&quot;&gt;&#039; . esc_html( __( &#039;Find out how we can help your business.&#039; ) ) . &#039; &lt;a href=&quot;#&quot;&gt;&#039; . esc_html( __( &#039;Learn more&#039; ) ) . &#039;&lt;/a&gt;&lt;/p&gt;
&lt;!-- /wp:paragraph --&gt;

&lt;!-- wp:buttons {&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;justifyContent&quot;:&quot;center&quot;}} --&gt;
&lt;div class=&quot;wp-block-buttons&quot;&gt;&lt;!-- wp:button {&quot;style&quot;:{&quot;typography&quot;:{&quot;textTransform&quot;:&quot;uppercase&quot;}}} --&gt;
&lt;div class=&quot;wp-block-button&quot;&gt;&lt;a class=&quot;wp-block-button__link wp-element-button&quot; style=&quot;text-transform:uppercase&quot;&gt;&#039; . esc_html( __( &#039;Get started today!&#039; ) ) . &#039;&lt;/a&gt;&lt;/div&gt;
&lt;!-- /wp:button --&gt;

&lt;!-- wp:button --&gt;
&lt;div class=&quot;wp-block-button&quot;&gt;&lt;a class=&quot;wp-block-button__link wp-element-button&quot;&gt;&lt;/a&gt;&lt;/div&gt;
&lt;!-- /wp:button --&gt;&lt;/div&gt;
&lt;!-- /wp:buttons --&gt;&lt;/div&gt;
&lt;!-- /wp:group --&gt;&lt;/div&gt;
&lt;!-- /wp:group --&gt;&lt;/div&gt;
&lt;!-- /wp:group --&gt;&#039;,
);
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fbig%2Fweb%2Fwww.nib.st%2Fhtdocs%2Fwp-includes%2Fblock-patterns'>🔙 Back</a></p>