M_Viper/Minecraft-Modern-Theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 10 Wiki Activity

Upload via Git Manager GUI - 404.php

Browse Source
This commit is contained in:
M_Viper
2026-03-29 20:27:22 +00:00
parent 2882231550
commit 9c6931d25d
1 changed files with 191 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

382
Minecraft-Modern-Theme/404.php
View File

@@ -1,192 +1,192 @@
<?php get_header(); ?> <?php get_header(); ?>
<main id="primary" class="site-main"> <main id="primary" class="site-main">
<div class="container"> <div class="container">
<div class="content-area"> <div class="content-area">
<div class="error-404-container"> <div class="error-404-container">
<div class="error-404-visual"> <div class="error-404-visual">
<div class="error-404-code">404</div> <div class="error-404-code">404</div>
<div class="error-404-blocks"> <div class="error-404-blocks">
<!-- Minecraft-style Blöcke als Dekoration --> <!-- Minecraft-style Blöcke als Dekoration -->
<span class="block block-grass"></span> <span class="block block-grass"></span>
<span class="block block-dirt"></span> <span class="block block-dirt"></span>
<span class="block block-stone"></span> <span class="block block-stone"></span>
</div> </div>
</div> </div>
<div class="error-404-content"> <div class="error-404-content">
<h1 class="error-404-title"> <h1 class="error-404-title">
<?php _e('Diese Seite ist verloren gegangen...', 'minecraft-modern-theme'); ?> <?php _e('Diese Seite ist verloren gegangen...', 'minecraft-modern-theme'); ?>
</h1> </h1>
<p class="error-404-subtitle"> <p class="error-404-subtitle">
<?php _e('Wie eine Map ohne Spawn-Punkt – diese Seite existiert nicht (mehr).', 'minecraft-modern-theme'); ?> <?php _e('Wie eine Map ohne Spawn-Punkt – diese Seite existiert nicht (mehr).', 'minecraft-modern-theme'); ?>
</p> </p>
<div class="error-404-actions"> <div class="error-404-actions">
<a href="<?php echo esc_url( home_url('/') ); ?>" class="error-404-btn primary"> <a href="<?php echo esc_url( home_url('/') ); ?>" class="error-404-btn primary">
<i class="fas fa-home"></i> <?php _e('Zur Startseite', 'minecraft-modern-theme'); ?> <i class="fas fa-home"></i> <?php _e('Zur Startseite', 'minecraft-modern-theme'); ?>
</a> </a>
<a href="javascript:history.back()" class="error-404-btn secondary"> <a href="javascript:history.back()" class="error-404-btn secondary">
<i class="fas fa-arrow-left"></i> <?php _e('Zurück', 'minecraft-modern-theme'); ?> <i class="fas fa-arrow-left"></i> <?php _e('Zurück', 'minecraft-modern-theme'); ?>
</a> </a>
</div> </div>
<!-- Suchformular --> <!-- Suchformular -->
<div class="error-404-search"> <div class="error-404-search">
<p><?php _e('Oder suche direkt nach dem was du brauchst:', 'minecraft-modern-theme'); ?></p> <p><?php _e('Oder suche direkt nach dem was du brauchst:', 'minecraft-modern-theme'); ?></p>
<?php get_search_form(); ?> <?php get_search_form(); ?>
</div> </div>
<!-- Letzte Beiträge als Hilfestellung --> <!-- Letzte Beiträge als Hilfestellung -->
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</main> </main>
<style> <style>
.error-404-container { .error-404-container {
display: flex; display: flex;
gap: 60px; gap: 60px;
align-items: center; align-items: center;
padding: 60px 0; padding: 60px 0;
min-height: 60vh; min-height: 60vh;
} }
.error-404-visual { .error-404-visual {
flex-shrink: 0; flex-shrink: 0;
text-align: center; text-align: center;
} }
.error-404-code { .error-404-code {
font-size: clamp(80px, 15vw, 160px); font-size: clamp(80px, 15vw, 160px);
font-weight: 900; font-weight: 900;
line-height: 1; line-height: 1;
color: var(--primary-accent, #00d4ff); color: var(--primary-accent, #00d4ff);
text-shadow: 0 0 40px rgba(0, 212, 255, 0.3); text-shadow: 0 0 40px rgba(0, 212, 255, 0.3);
letter-spacing: -4px; letter-spacing: -4px;
} }
.error-404-blocks { .error-404-blocks {
display: flex; display: flex;
justify-content: center; justify-content: center;
gap: 6px; gap: 6px;
margin-top: 16px; margin-top: 16px;
} }
.block { .block {
width: 32px; width: 32px;
height: 32px; height: 32px;
border-radius: 4px; border-radius: 4px;
display: inline-block; display: inline-block;
image-rendering: pixelated; image-rendering: pixelated;
} }
.block-grass { background: linear-gradient(to bottom, #5c8a1e 40%, #6b4c2a 40%); } .block-grass { background: linear-gradient(to bottom, #5c8a1e 40%, #6b4c2a 40%); }
.block-dirt { background: #6b4c2a; } .block-dirt { background: #6b4c2a; }
.block-stone { background: #888; } .block-stone { background: #888; }
.error-404-content { .error-404-content {
flex: 1; flex: 1;
} }
.error-404-title { .error-404-title {
font-size: clamp(1.4rem, 3vw, 2rem); font-size: clamp(1.4rem, 3vw, 2rem);
margin: 0 0 12px; margin: 0 0 12px;
} }
.error-404-subtitle { .error-404-subtitle {
color: var(--text-muted, #a0a0a0); color: var(--text-muted, #a0a0a0);
margin-bottom: 30px; margin-bottom: 30px;
font-size: 1.05rem; font-size: 1.05rem;
} }
.error-404-actions { .error-404-actions {
display: flex; display: flex;
gap: 12px; gap: 12px;
flex-wrap: wrap; flex-wrap: wrap;
margin-bottom: 30px; margin-bottom: 30px;
} }
.error-404-btn { .error-404-btn {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
padding: 12px 24px; padding: 12px 24px;
border-radius: 6px; border-radius: 6px;
font-weight: 600; font-weight: 600;
text-decoration: none; text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease; transition: transform 0.2s ease, box-shadow 0.2s ease;
} }
.error-404-btn:hover { .error-404-btn:hover {
transform: translateY(-2px); transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.2); box-shadow: 0 4px 12px rgba(0,0,0,0.2);
} }
.error-404-btn.primary { .error-404-btn.primary {
background: var(--primary-accent, #00d4ff); background: var(--primary-accent, #00d4ff);
color: #fff; color: #fff;
} }
.error-404-btn.secondary { .error-404-btn.secondary {
background: var(--card-bg); background: var(--card-bg);
color: inherit; color: inherit;
border: 1px solid rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.1);
} }
.error-404-search { .error-404-search {
margin-bottom: 30px; margin-bottom: 30px;
} }
.error-404-search p { .error-404-search p {
color: var(--text-muted, #a0a0a0); color: var(--text-muted, #a0a0a0);
margin-bottom: 10px; margin-bottom: 10px;
} }
.error-404-recent h3 { .error-404-recent h3 {
font-size: 1rem; font-size: 1rem;
color: var(--text-muted, #a0a0a0); color: var(--text-muted, #a0a0a0);
margin-bottom: 12px; margin-bottom: 12px;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 0.05em; letter-spacing: 0.05em;
} }
.error-404-recent-list { .error-404-recent-list {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
} }
.error-404-recent-list li { .error-404-recent-list li {
padding: 8px 0; padding: 8px 0;
border-bottom: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.06);
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
} }
.error-404-recent-list li i { .error-404-recent-list li i {
color: var(--primary-accent, #00d4ff); color: var(--primary-accent, #00d4ff);
font-size: 0.75rem; font-size: 0.75rem;
flex-shrink: 0; flex-shrink: 0;
} }
.error-404-recent-list a { .error-404-recent-list a {
text-decoration: none; text-decoration: none;
transition: color 0.2s; transition: color 0.2s;
} }
.error-404-recent-list a:hover { .error-404-recent-list a:hover {
color: var(--primary-accent, #00d4ff); color: var(--primary-accent, #00d4ff);
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.error-404-container { .error-404-container {
flex-direction: column; flex-direction: column;
gap: 30px; gap: 30px;
padding: 40px 0; padding: 40px 0;
text-align: center; text-align: center;
} }
.error-404-actions { .error-404-actions {
justify-content: center; justify-content: center;
} }
} }
</style> </style>
<?php get_footer(); ?> <?php get_footer(); ?>