cielos/404.php at main · annrie/cielos · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<?php
/**
 * The template for displaying 404 pages (not found)
 *
 * @package Cielos
 * @since   unomoon 1.0.0
 */

get_header(); ?>

<div class="container mx-auto px-4 py-16">
  <div class="grid grid-cols-1">
    <main id="main" class="main-content text-center" tabindex="-1">
      <article class="bg-[var(--c-panel)] p-8 rounded-lg shadow-lg max-w-2xl mx-auto">
        <header class="mb-8">
          <div class="text-7xl text-[var(--c-danger)] mb-4">
            <i class="i-carbon-face-dissatisfied"></i>
          </div>
          <h1 class="entry-title text-4xl font-bold text-[var(--c-fg)]"><?php _e('File Not Found', 'cielos'); ?></h1>
        </header>
        <div class="entry-content text-[var(--c-muted)]">
          <p class="text-lg mb-6"><?php _e('The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.', 'cielos'); ?></p>
          <p class="mb-4"><?php _e('Please try the following:', 'cielos'); ?></p>
          <ul class="list-none p-0 m-0 space-y-2 text-left inline-block">
            <li class="flex items-center gap-2">
              <i class="i-carbon-checkmark text-[var(--c-success)]"></i>
              <span><?php _e('Check your spelling', 'cielos'); ?></span>
            </li>
            <li class="flex items-center gap-2">
              <i class="i-carbon-home text-[var(--c-primary)]"></i>
              <span>
                <?php
                printf(
                    /* translators: %s: home page url */
                    __('Return to the <a href="%s" class="text-[var(--c-primary)] hover:underline">home page</a>', 'cielos'),
                    home_url()
                );
                ?>
              </span>
            </li>
            <li class="flex items-center gap-2">
              <i class="i-carbon-arrow-left text-[var(--c-primary)]"></i>
              <span>
                <a href="javascript:history.back()" class="text-[var(--c-primary)] hover:underline"><?php _e('Click the Back button', 'cielos'); ?></a>
              </span>
            </li>
          </ul>
        </div>
      </article>
    </main>
  </div>
</div>

<?php
get_footer();