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,27 +54,28 @@
<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>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>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>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>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>
<p>On this small portion of the web, called ArKa, you can find multiple services. Most of them are read only, for security reason, like my <a href="https://wiki.arka.rocks">wiki</a>, <a href="https://blog.arka.rocks">blog</a>, <a href="https://git.arka.rocks">git server</a>.</p>
<p>There is also some services you can use like an <a href="https://bin.arka.rocks">encrypted bin</a> called privatebin. You can send text / files, they are encrypted, salt, and even myself can't read them. I also recommand you to setup a password for your bin to improve security.</p>
<h2> ArKa services </h2>
<p>On this small portion of the web, called ArKa, you can find multiple services. Most of them are read only, for security reason, like my <a href="https://wiki.arka.rocks">wiki</a>, <a href="https://blog.arka.rocks">blog</a>, <a href="https://git.arka.rocks">git server</a>.</p>
<p>There is also some services you can use like an <a href="https://bin.arka.rocks">encrypted bin</a> called privatebin. You can send text / files, they are encrypted, salt, and even myself can't read them. I also recommand you to setup a password for your bin to improve security.</p>
<h2>Projects made for ArKa</h2>
<p>For the needs of ArKa, I made some tools, and software, all are available on the <a href="https://git.arka.rocks/ArKa/">ArKa organization</a> on the git server.</p>
<ul>
<li>A blog generator, it take markdown files and generate webpages. Fully customisable thanks to the template system. <a href="https://git.arka.rocks/Oxbian/BlogGenerator">BlogGenerator</a></li>
<li>A script to send message to someone via Matrix. <a href="https://git.arka.rocks/Oxbian/matrix-sender">Matrix sender</a></li>
<li>Some scripts which sends notifications of logwatch, fail2ban to an user via Matrix. <a href="https://git.arka.rocks/Oxbian/matrix-monitoring">Matrix monitoring</a></li>
</ul>
<h2>Projects made for ArKa</h2>
<p>For the needs of ArKa, I made some tools, and software, all are available on the <a href="https://git.arka.rocks/ArKa/">ArKa organization</a> on the git server.</p>
<ul>
<li>A blog generator, it take markdown files and generate webpages. Fully customisable thanks to the template system. <a href="https://git.arka.rocks/Oxbian/BlogGenerator">BlogGenerator</a></li>
<li>A script to send message to someone via Matrix. <a href="https://git.arka.rocks/Oxbian/matrix-sender">Matrix sender</a></li>
<li>Some scripts which sends notifications of logwatch, fail2ban to an user via Matrix. <a href="https://git.arka.rocks/Oxbian/matrix-monitoring">Matrix monitoring</a></li>
</ul>
<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>
<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, 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>