Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

introducing new 404 page

Browse Source
This commit is contained in:
Antoine M 2023-12-11 11:56:27 +01:00
parent f1b4ace6c1
commit 07572c3f73
3 changed files with 34 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
404.php
View File

@ -1,27 +1,29 @@
<!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js">
<?php
get_header();
?>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width">
<link rel="profile" href="http://gmpg.org/xfn/11">
<section class="error_404 block-content-page-header container">
<div class="block-content-page-header__content">
<div class="section_titling section_titling--left">
<h1 class="section_titling__title"><?php echo __("Erreur 404 ", "homegrade-theme__texte-fonctionnel") ?></h1>
<h2 class="section_titling__subtitle"><?php echo __("Oups… Il semblerait que la page est indisponible.", "homegrade-theme__texte-fonctionnel") ?></h2>
</div>
<?php wp_head(); ?>
</head>
<body class="antialiased">
<div class="md:flex min-h-screen">
<div class="w-full md:w-1/2 flex items-center justify-center">
<div class="max-w-sm m-8">
<div class="text-5xl md:text-15xl text-gray-800 border-primary border-b">404</div>
<div class="w-16 h-1 bg-purple-light my-3 md:my-6"></div>
<p class="text-gray-800 text-2xl md:text-3xl font-light mb-8"><?php _e('Désolé, la page que vous chercheez n\'a pas pu être trouvée', 'homegrade-theme__texte-fonctionnel'); ?></p>
<a href="<?php echo get_bloginfo('url'); ?>" class="bg-primary px-4 py-2 rounded text-white">
<?php _e('Retour à l\'acceuil', 'homegrade-theme__texte-fonctionnel'); ?>
<a href="<?php echo get_bloginfo('url'); ?>" class="cta cta--secondary cta--button">
<?php _e('Retourner à la page d\'acceuil', 'homegrade-theme__texte-fonctionnel'); ?>
</a>
</div>
</div>
</div>
</body>
</html>
<img decoding="async" class="block-content-page-header__page-icon" src="<?php echo get_template_directory_uri() . "/resources/img/illustrations/homegrade_error-404.svg" ?>" alt="">
</section>
<?php
get_footer();
?>

1
resources/css/app.css
View File

@ -113,3 +113,4 @@
@import './pages/single-conseils.css';
@import './pages/taxonomy-questions-(faq-per-taxonomy-term).css';
@import './pages/single-news.css';
@import './pages/404.css';

7
resources/css/pages/404.css Normal file
View File

@ -0,0 +1,7 @@
html {
@apply !m-0;
}
.error_404 {
@apply flex items-center;
min-height: calc(100vh - 186px);
}