ADD: error page

This commit is contained in:
2024-03-03 17:40:39 +01:00
parent df2d86f9a7
commit f216e4b811
3 changed files with 101 additions and 22 deletions

73
404.html Normal file
View File

@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Metadata -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ArKa unknown page">
<!-- Style -->
<link rel="stylesheet" href="assets/style/style.css">
<link rel="shortcut icon" href="assets/favicon/favicon.ico" type="image/x-icon">
<title>ArKa</title>
</head>
<body>
<!-- Header -->
<header>
<!-- Main box top border -->
<div class="top"></div>
<!-- ASCII ART -->
<pre>
▄████████ ▄████████ ▄█ ▄█▄ ▄████████
███ ███ ███ ███ ███ ▄███▀ ███ ███
███ ███ ███ ███ ███▐██▀ ███ ███
███ ███ ▄███▄▄▄▄██▀ ▄█████▀ ███ ███
▀███████████ ▀▀███▀▀▀▀▀ ▀▀█████▄ ▀███████████
███ ███ ▀███████████ ███▐██▄ ███ ███
███ ███ ███ ███ ███ ▀███▄ ███ ███
███ █▀ ███ ███ ███ ▀█▀ ███ █▀
███ ███ ▀
</pre>
<!-- Navbar -->
<nav>
<ul>
<li><a href="https://blog.arka.rocks">Blog</a></li>
<li><a href="https://git.arka.rocks">Git</a></li>
<li><a href="https://bin.arka.rocks">Encryped Bin</a></li>
<li><a href="https://status.arka.rocks/status/arka">Status</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<!-- Main content -->
<main>
<div id="content">
<h1>╓───── Page not found ─────╖</h1>
<div id="error">
<p>This page doesn't exist, go back to the main page:</p>
<a href="https://arka.rocks">Main page</a>
</div>
</div>
</main>
<hr>
<!-- Footer -->
<footer>
<p>Contact me for any questions, in general I answer quite fast.</p>
<!-- Contact -->
<div id="contact">
<ul>
<li><a href="https://matrix.to/#/@oxbian:matrix.org">Matrix</a></li>
<li><a rel="me" href="https://social.linux.pizza/@Oxbian">Mastodon</a></li>
<li><a href="mailto:oxbian.noch@simplelogin.com">Mail</a></li>
</ul>
</div>
</footer>
</body>
</html>

View File

@ -50,8 +50,12 @@ ul {
padding: 0;
}
/* Navbar & Contact */
#contact
/* Navbar, Contact, Error */
#error {
text-align: center;
}
#contact, #error
{
margin-top: 2vh;
}
@ -62,7 +66,7 @@ nav ul, #contact ul
justify-content: center;
}
nav a, #contact a
nav a, #contact a, #error a
{
padding: 0.1rem 1rem;
margin: 0rem 0.3rem;
@ -75,7 +79,7 @@ nav a, #contact a
background-color: var(--link-bg-color);
}
nav a:hover, #contact a:hover
nav a:hover, #contact a:hover, #error a:hover
{
color: var(--link-bg-color);
background-color: var(--link-color);

View File

@ -9,6 +9,7 @@
<meta property="og:url" content="https://arka.rocks">
<meta property="og:type" content="website">
<meta property="og:description" content="ArKa main page">
<!-- Style -->
<link rel="stylesheet" href="assets/style/style.css">
<link rel="shortcut icon" href="assets/favicon/favicon.ico" type="image/x-icon">
@ -39,7 +40,7 @@
<nav>
<ul>
<li><a href="https://blog.arka.rocks">Blog</a></li>
<li><a href="https://git.arka.rocks">Gitea</a></li>
<li><a href="https://git.arka.rocks">Git</a></li>
<li><a href="https://bin.arka.rocks">Encryped Bin</a></li>
<li><a href="https://status.arka.rocks/status/arka">Status</a></li>
<li><a href="#contact">Contact</a></li>
@ -53,10 +54,11 @@
<h1>╓───── About ─────╖</h1>
<div class="h1-content">
<p>Hello, Im Oxbian, a geek who loves free software, technology ethics and the Unix philosophy. Im fascinated by everything related to computers, and I value privacy and security very highly. <b>Thats why ArKa never collects any data about you, and your security is my top priority.</b></p>
<p>Hello, Im Oxbian, a geek who loves free software, technology ethics and the Unix philosophy. Im fascinated by everything related to computers, and I value privacy and security very highly.</p>
<p><b>Thats why ArKa never collects any data about you, (except your IP address, which is logged automatically by my web server for one month), and your security is my top priority.</b></p><br>
<p>I enjoy cyberpunk and dystopian media, because they show us the potential pitfalls of our society. But I also hope we can move towards a solarpunk future.</p>
<p>Im always eager to learn new things and share my knowledge, which you can find on the <a href="https://wiki.arka.rocks">wiki</a>.</p>
<p>ArKa is the small portion of the web maintained by me, Oxbian. Services I offer are mainly read only (Git server, Wiki, Blog), but I also offer a privatebin instance for sharing data securly and privatly.</p>
<h2> ArKa services </h2>
@ -73,7 +75,7 @@
<h2>ArKa philosophy</h2>
<p>The philosophy behind ArKa is to have a server with low maintenance, low ressources usage (actually all the public services and others privates services runs on a raspberrypi 4), with fast reponse time.</p>
<p>The philosophy behind the tools made for ArKa is sustainability, no dependencies garbage like Node or Python, light and speed. I will create most of my tools in POSIX shell and C, and I'm still searching a good solution for web based tools.</p>
<p>The philosophy behind the tools made for ArKa is sustainability, no dependencies garbage like Node or Python, light, security and speed. I will create most of my tools in POSIX shell and C, and I'm still searching a good solution for web based tools.</p>
</div>
</div>
</main>