cpred/404.html

146 lines
3.7 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page not found - ThePhoenixDivision</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="/cpred/assets/css/normalize.css">
<link rel="stylesheet" href="/cpred/assets/css/main.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="/cpred/assets/css/cyberpunk.css">
</head>
<body>
<header>
<nav class="cyber-razor-bottom bg-black">
<div class="nav-wrapper">
<a href="/cpred/" class="cyberpunk-font-og f-x2-5">ThePhoenixDivision</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
<li><a href="/cpred/characters/" class="cyber-a">Charaktere</a></li>
<li><a href="/cpred/lifepaths/" class="cyber-a">Lebensweg</a></li>
<li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
</ul>
</div>
<ul class="sidenav" id="mobile-menu">
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/">
Home
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/characters/">
Charaktere
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/lifepaths/">
Lebensweg
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/roles/">
Rollen
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
</ul>
</nav>
<!-- Breadcrumb -->
<div class="cyber-att">
<a href="/cpred/">Home</a>
<span>404.html</span>
</div>
</header>
<main>
<h1 class="cyber-h">Page not found</h1>
<style type="text/css" media="screen">
.container {
margin: 10px auto;
max-width: 600px;
text-align: center;
}
h1 {
margin: 30px 0;
font-size: 4em;
line-height: 1;
letter-spacing: -1px;
}
</style>
<div class="container">
<h1>404</h1>
<p><strong>Page not found :(</strong></p>
<p>The requested page could not be found.</p>
</div>
</main>
<div class="cyber-razor-top bg-black" style="width: 100%"></div>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous"></script>
<script src="/cpred/assets/js/materialize.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var sidenavElems = document.querySelectorAll('.sidenav');
var sidenavInstances = M.Sidenav.init(sidenavElems, {});
});
document.querySelectorAll("button").forEach(button => {
const href = button.getAttribute("data-href");
if (!href) return;
button.addEventListener("click", () => {
window.location.href = button.getAttribute("data-href");
});
});
</script>
</body>
</html>