meta
/
site
4
1
Fork 0
Code Issues 4 Pull Requests Projects 1 Activity

remade 404 page

This commit is contained in:
Emma Tebibyte 2022-09-22 17:07:40 -04:00
parent be5433475d
commit a62d3e1a26
Signed by: emma
GPG Key ID: 6D661C738815E7DD
2 changed files with 69 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
404.html
View File

@ -1,19 +1,67 @@
<!DOCTYPE html>
<html>
<head>
<title>TiB. | You're not meant to be here.</title>
<title>TiB. | About</title>
<link rel="stylesheet" href="/assets/TiB.css">
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<meta charset="UTF-8">
<meta content="Emma Tebibyte" name="author" />
<meta content="Tebibyte Media page info goes here." name="description" />
<meta content="Tebibyte Media about page." name="description" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="interest-cohort=()" http-equiv="Permissions-Policy" /> <!-- FUCK GOOGLE -->
<head>
<body id="404">
<h5><a href="/">Return Home</a></h5>
<h1 style="text-align: center;">404: Page Not Found</h1>
</head>
<body class="full">
<header>
<img id="logo" src="/assets/img/TiB-network.png" width=25% />
</header>
<nav>
<ul>
<li class="home">
<a href="/">Home</a>
</li>
<p>Sorry, but that page could not be found.</p>
<li class="network">
<a href="/network">Network</a>
</li>
</body>
</html>
<li class="blog">
<a href="/blog">Weblog</a>
</li>
<li class="git">
<a href="https://git.tebibyte.media/">Git</a>
</li>
<li class="about">
<a href="/about">About</a>
</li>
</ul>
</nav>
<main>
<section class="errorcode">
<h1>404: Page Not Found</h1>
<p>
Sorry, but <a href="https://wikipedia.org/wiki/Liar_paradox">
this page does not exist</a>.
</p>
</section>
</main>
<footer>
<div class="copyleft">
<p>
<a href="https://copyleft.org/"><p>Copyleft</a> &#x1f12f; 2022
Tebibyte Media
</p>
</div>
<div class="webring">
<p>
<a href="https://webring.yesterweb.org/noJS/index.php?d=rand&url=https://tebibyte.media/">
???</a> //
<a href="https://webring.yesterweb.org/noJS/index.php?d=prev&url=https://tebibyte.media/"><<</a>
<a href="https://yesterweb.org/webring/">
Yesterweb</a>
<a href="https://webring.yesterweb.org/noJS/index.php?d=next&url=https://tebibyte.media/">>></a>
// <a href="https://yesterweb.org/webring/members.html">..</a>
</p>
</div>
</footer>

16
assets/TiB.css
View File

@ -54,6 +54,7 @@ body {
background-color: black;
margin: 0;
padding: 0 5%;
text-align: justify;
}
footer {
@ -87,15 +88,13 @@ main {
justify-content: space-between;
flex-wrap: wrap;
gap: 1em;
max-width: 80em;
text-align: justify;
text-align: inherit;
}
nav {
display: flex;
flex-direction: row-reverse;
font-weight: bold;
margin: 0;
}
nav ul {
@ -132,7 +131,7 @@ footer, header, main, nav {
margin: 0 auto;
}
footer, nav ul {
.errorcode, footer, nav ul {
background: hsl(0, 20%, 7%);
width: auto;
border: solid;
@ -154,6 +153,15 @@ footer, nav ul {
white-space: nowrap;
}
.errorcode {
margin: 1em 0;
}
.full {
text-align: center;
flex-direction: column;
}
.icon {
white-space: nowrap;
}