ArKa/ArKa-Web
1
0
Fork 0
Code Issues Pull Requests Activity

ADD: error page

Browse Source
This commit is contained in:
Oxbian
2024-03-03 17:40:39 +01:00
parent df2d86f9a7
commit f216e4b811
3 changed files with 101 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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>

12
assets/style/style.css
View File

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

10
index.html
View File

@ -9,6 +9,7 @@
<meta property="og:url" content="https://arka.rocks"> <meta property="og:url" content="https://arka.rocks">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:description" content="ArKa main page"> <meta property="og:description" content="ArKa main page">
<!-- Style --> <!-- Style -->
<link rel="stylesheet" href="assets/style/style.css"> <link rel="stylesheet" href="assets/style/style.css">
<link rel="shortcut icon" href="assets/favicon/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="assets/favicon/favicon.ico" type="image/x-icon">
@ -39,7 +40,7 @@
<nav> <nav>
<ul> <ul>
<li><a href="https://blog.arka.rocks">Blog</a></li> <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://bin.arka.rocks">Encryped Bin</a></li>
<li><a href="https://status.arka.rocks/status/arka">Status</a></li> <li><a href="https://status.arka.rocks/status/arka">Status</a></li>
<li><a href="#contact">Contact</a></li> <li><a href="#contact">Contact</a></li>
@ -53,10 +54,11 @@
<h1>╓───── About ─────╖</h1> <h1>╓───── About ─────╖</h1>
<div class="h1-content"> <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 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>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> <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> <h2> ArKa services </h2>
@ -73,7 +75,7 @@
<h2>ArKa philosophy</h2> <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 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>
</div> </div>
</main> </main>