You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
tdf-webseite/404.html

87 lines
3.3 KiB

<!DOCTYPE html>
<!-- Endlich wieder normale Menschen! -->
<html lang='en'>
<head><meta charset="UTF-8">
<meta name="description" content="3. Tübinger Tag der digitalen Freiheit">
<meta name="keywords" content="TDF, CCC, Event">
<meta name="author" content="Chaostreff Tübingen">
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#000000">
<meta name="color-scheme" content="light dark">
<!-- Open Graph metadata for social media -->
<meta property="og:title" content="3. Tübinger Tag der digitalen Freiheit | Error 404">
<meta property="og:description" content="3. Tübinger Tag der digitalen Freiheit">
<meta property="og:image" content="https://tdf.cttue.de/style/logo.png">
<meta property="og:url" content="https://tdf.cttue.de/404.html">
<meta property="og:type" content="website">
<!-- Twitter card metadata -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@cttue@chaos.social">
<meta name="twitter:title" content="3. Tübinger Tag der digitalen Freiheit | Error 404">
<meta name="twitter:description" content="3. Tübinger Tag der digitalen Freiheit">
<meta name="twitter:image" content="https://example.org/style/logo.png">
<!-- Canonical URL -->
<link rel="canonical" href="https://tdf.cttue.de/404.html">
<title>3. Tübinger Tag der digitalen Freiheit | Error 404</title>
<link rel='apple-touch-icon' sizes='180x180' href='/style/apple-touch-icon.png'>
<link rel='icon' type='image/png' sizes='32x32' href='/style/favicon-32x32.png'>
<link rel='icon' type='image/png' sizes='16x16' href='/style/favicon-16x16.png'>
<link rel='manifest' href='/style/site.webmanifest'>
<link rel='stylesheet' type='text/css' href='/style/reset.css'/>
<link rel='stylesheet' type='text/css' href='/style/style.css'/>
<meta name="viewport" content="width=600" />
</head>
<body>
<a href='#main' style="display:none">goto content</a>
<header>
<img id='logo' alt='logo' src='/style/logo.png'/>
</header>
<nav><a href="/" class=''>About</a>
&emsp;&emsp;<a href="/t/talk" class=''>Talks</a>
&emsp;&emsp;<a href="/t/workshop" class=''>Workshops</a>
&emsp;&emsp;<a href="/t/assembly" class=''>Assemblies</a>
&emsp;&emsp;<a href="/t/faq" class=''>FAQ</a>
&emsp;&emsp;<a href="/fed" class='nohmenu'>Social</a>
&emsp;&emsp;<a href="/search" class=''>Search</a>
</nav>
<main id="main">
<article >
<h1>Error 404</h1><p class='desc'>Ups, wieso bist du den hier gelandet?</p><div class='cont'>
<center>
<img id="uwu" src="/style/uwu.png">
Hast du dich vertippt? -> Schau nochmal genau hin
Ist ein link von uns kaputt? -> Melde es uns bitte &lt;3
Vielleicht wurde der Content von uns auch umgezogen -> Nutze unsere <a href="/search">Suche</a>
</center>
<script type="text/javascript" src="/style/confetti.min.js"></script>
<script>
let confetti = new Confetti('uwu');
confetti.setCount(1000);
confetti.setSize(2);
confetti.setPower(50);
confetti.setFade(false);
confetti.destroyTarget(true);
</script>
<div>
</article>
</main>
<footer><small>© All rights reserved. | <a href="/privacy">imprint/privacy</a> | <a href="/search">Search</a> </small>
</footer>
<a href='#' style="display:none">goto top</a>
<script type="text/javascript" src="/style/confetti.min.js"></script>
<script>
let confetti = new Confetti('logo');
confetti.setCount(99);//Luftballons
confetti.setSize(2);
confetti.setPower(25);
confetti.setFade(false);
confetti.destroyTarget(false);
</script>
</body>
</html>