website/404.html
2023-06-11 19:49:33 +02:00

189 lines
6.6 KiB
HTML

<!DOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
:root {
--accent-color: #FF4D4D;
}
</style>
<title>404 Page not found</title>
<meta name="description" content="Decentrala je zajednica okupljena oko decentralizacije tehnologija i sirenja znanja.">
<meta name="keywords" content=''>
<meta property="og:url" content="https://dmz.rs/404.html">
<meta property="og:type" content="website">
<meta property="og:title" content="404 Page not found">
<meta property="og:description" content="Decentrala je zajednica okupljena oko decentralizacije tehnologija i sirenja znanja.">
<meta property="og:image" content="https://dmz.rs/images/avatar.svg">
<meta property="og:image:secure_url" content="https://dmz.rs/images/avatar.svg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="404 Page not found">
<meta name="twitter:description" content="Decentrala je zajednica okupljena oko decentralizacije tehnologija i sirenja znanja.">
<meta property="twitter:domain" content="https://dmz.rs/404.html">
<meta property="twitter:url" content="https://dmz.rs/404.html">
<meta name="twitter:image" content="https://dmz.rs/images/avatar.svg">
<link rel="canonical" href="https://dmz.rs/404.html" />
<link rel="stylesheet" type="text/css" href="https://dmz.rs/css/normalize.min.css" media="print" onload="this.media='all'">
<link rel="stylesheet" type="text/css" href="https://dmz.rs/css/main.css">
<link disabled id="dark-theme" rel="stylesheet" href="https://dmz.rs/css/dark.css">
<script src="https://dmz.rs/js/svg-injector.min.js"></script>
<script src="https://dmz.rs/js/feather-icons.min.js"></script>
<script src="https://dmz.rs/js/main.js"></script>
</head>
<body>
<script type="text/javascript">
setThemeByUserPref();
</script><header class="header">
<nav class="header-nav">
<div class="avatar">
<a href="https://dmz.rs">
<img src="https://dmz.rs/images/avatar.svg" alt="avatar" />
</a>
</div>
<div class="nav-title">
<a class="nav-brand" href="https://dmz.rs">Decentrala</a>
</div>
<div class="nav-links">
<div class="nav-link">
<a href="https://dmz.rs/dogadjaji"><span data-feather='users'></span> Dogadjaji </a>
</div>
<div class="nav-link">
<a href="https://forum.dmz.rs/"><span data-feather='message-square'></span> Forum </a>
</div>
<div class="nav-link">
<a href="https://dmz.rs/chat"><span data-feather='message-circle'></span> Chat </a>
</div>
<div class="nav-link">
<a href="https://dmz.rs/nalog"><span data-feather='user'></span> Nalog </a>
</div>
<div class="nav-link">
<a href="https://dmz.rs/servisi"><span data-feather='cloud'></span> Servisi </a>
</div>
<div class="nav-link">
<a href="https://dmz.rs/onama"><span data-feather='info'></span> O nama </a>
</div>
<div class="nav-link">
<a href="https://dmz.rs/kontakt"><span data-feather='mail'></span> Kontakt </a>
</div>
<span class="nav-icons-divider"></span>
<div class="nav-link dark-theme-toggle">
<span id="dark-theme-toggle-screen-reader-target" class="sr-only"></span>
<a>
<span id="theme-toggle-icon" data-feather="moon"></span>
</a>
</div>
<div class="nav-link" id="hamburger-menu-toggle">
<span id="hamburger-menu-toggle-screen-reader-target" class="sr-only">menu</span>
<a>
<span data-feather="menu"></span>
</a>
</div>
<ul class="nav-hamburger-list visibility-hidden">
<li class="nav-item">
<a href="https://dmz.rs/dogadjaji"><span data-feather='users'></span> Dogadjaji </a>
</li>
<li class="nav-item">
<a href="https://forum.dmz.rs/"><span data-feather='message-square'></span> Forum </a>
</li>
<li class="nav-item">
<a href="https://dmz.rs/chat"><span data-feather='message-circle'></span> Chat </a>
</li>
<li class="nav-item">
<a href="https://dmz.rs/nalog"><span data-feather='user'></span> Nalog </a>
</li>
<li class="nav-item">
<a href="https://dmz.rs/servisi"><span data-feather='cloud'></span> Servisi </a>
</li>
<li class="nav-item">
<a href="https://dmz.rs/onama"><span data-feather='info'></span> O nama </a>
</li>
<li class="nav-item">
<a href="https://dmz.rs/kontakt"><span data-feather='mail'></span> Kontakt </a>
</li>
<li class="nav-item dark-theme-toggle">
<span id="dark-theme-toggle-screen-reader-target" class="sr-only">theme</span>
<a>
<span id="theme-toggle-icon" data-feather="moon"></span>
</a>
</li>
</ul>
</div>
</nav>
</header>
<main id="content">
<div class="text-404">
<h1 class="error-emoji"></h1>
<h2>
404 ... This page does not exist, go <a href="https://dmz.rs">home</a>
</h2>
</div>
<script>
const errorEmojiContainer = document.getElementsByClassName('error-emoji')[0];
const emojiArray = [
'\\(o_o)/', '(o^^)o', '(˚Δ˚)b', '(^-^*)', '(≥o≤)', '(^_^)b', '(·_·)',
'(=\'X\'=)', '(>_<)', '(;-;)', '\\(^Д^)/',
];
const errorEmoji = emojiArray[Math.floor(Math.random() * emojiArray.length)];
errorEmojiContainer.appendChild(document.createTextNode(errorEmoji));
</script>
</main><footer class="footer">
<span>&copy; 2023 Decentrala</span>
<span>
Made with &#10084;&#65039; using <a target="_blank" href="https://github.com/526avijitgupta/gokarna">Gokarna</a>
</span>
</footer>
</body>
</html>