cpred/404.html

169 lines
4.4 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>
<div class="navbar-fixed">
<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/players-guide/" class="cyber-a">Spielerguide</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/players-guide/">
Spielerguide
<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>
</div>
<!-- WIP: Breadcrumb
<div class="cyber-att">
<a href="/cpred/">Home</a>
<span>404.html</span>
</div>
-->
</header>
<main class="container">
<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>
<footer class="cyber-razor-top bg-black">
<a href="https://legal.thephoenixdi.vision" class="cyber-a">Impressum</a>
</footer>
<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>