themes-wordpress/wp-dos/patterns/404.php

<?php declare( strict_types = 1 ); ?>
<?php
/**
 * Title: 404
 * Slug: wp-dos/404
 * Categories: hidden
 * Inserter: no
 */
?>
<!-- wp:cover {"dimRatio":10,"overlayColor":"contrast","isUserOverlayColor":true,"minHeight":100,"minHeightUnit":"vh","contentPosition":"top center","isDark":false,"style":{"spacing":{"margin":{"top":"0vh","bottom":"0vh"},"padding":{"right":"5%","left":"5%","top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"type":"default"}} -->
<div class="wp-block-cover is-light has-custom-content-position is-position-top-center" style="margin-top:0vh;margin-bottom:0vh;padding-top:var(--wp--preset--spacing--70);padding-right:5%;padding-bottom:var(--wp--preset--spacing--70);padding-left:5%;min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-contrast-background-color has-background-dim-10 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:template-part {"slug":"header","tagName":"header","align":"wide"} /-->

<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|70"}}},"layout":{"type":"constrained","justifyContent":"left"}} -->
<div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:columns {"verticalAlignment":"bottom","align":"full","style":{"spacing":{"blockGap":{"top":"0"}},"border":{"top":{"width":"1px","style":"dotted"},"right":[],"bottom":[],"left":[]}}} -->
<div class="wp-block-columns alignfull are-vertically-aligned-bottom" style="border-top-style:dotted;border-top-width:1px"><!-- wp:column {"verticalAlignment":"bottom","width":"25%","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:0;flex-basis:25%"><!-- wp:heading -->
<h2 class="wp-block-heading"><?php echo __('<br>█▄─▄▄─█─▄▄─█▄─██─▄█▄─▄▄▀█<br>██─▄███─██─██─██─███─▄─▄█<br>▀▄▄▄▀▀▀▄▄▄▄▀▀▄▄▄▄▀▀▄▄▀▄▄▀<br>█─▄▄─█─█─█<br>█─██─█─▄─█<br>▀▄▄▄▄▀▄▀▄▀<br>█▄─▄▄─█─▄▄─█▄─██─▄█▄─▄▄▀█<br>██─▄███─██─██─██─███─▄─▄█<br>▀▄▄▄▀▀▀▄▄▄▄▀▀▄▄▄▄▀▀▄▄▀▄▄▀', 'wp-dos');?></h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"5%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:5%"></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"65%","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:0;flex-basis:65%"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0","padding":{"top":"var:preset|spacing|40","bottom":"0"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:0"><!-- wp:heading {"textAlign":"left","level":1,"style":{"spacing":{"padding":{"top":"0","bottom":"0"}}}} -->
<h1 class="wp-block-heading has-text-align-left" id="oops-that-page-can-t-be-found" style="padding-top:0;padding-bottom:0"><?php echo __('Oops! That page can’t be found.', 'wp-dos');?></h1>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0","margin":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group" style="margin-bottom:var(--wp--preset--spacing--50)"><!-- wp:paragraph -->
<p><?php echo __('It looks like nothing was found at this location.', 'wp-dos');?></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><?php echo __('Maybe try a search?', 'wp-dos');?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:group -->

<!-- wp:search {"label":"Search","showLabel":false,"width":50,"widthUnit":"%","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"style":{"border":{"width":"0px","style":"none"}}} /--></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom","width":"5%","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:0;flex-basis:5%"></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer","tagName":"footer"} /--></div></div>
<!-- /wp:cover -->