ADD: error page
This commit is contained in:
73
404.html
Normal file
73
404.html
Normal 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>
|
@ -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);
|
||||
|
10
index.html
10
index.html
@ -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, I’m Oxbian, a geek who loves free software, technology ethics and the Unix philosophy. I’m fascinated by everything related to computers, and I value privacy and security very highly. <b>That’s why ArKa never collects any data about you, and your security is my top priority.</b></p>
|
||||
<p>Hello, I’m Oxbian, a geek who loves free software, technology ethics and the Unix philosophy. I’m fascinated by everything related to computers, and I value privacy and security very highly.</p>
|
||||
<p><b>That’s 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>I’m 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>
|
||||
|
Reference in New Issue
Block a user