aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorOxbian <got.dacs@slmail.me>2024-03-03 17:40:39 +0100
committerOxbian <got.dacs@slmail.me>2024-03-03 17:40:39 +0100
commitf216e4b8118ffec5a32269a8b770cc8aa592d133 (patch)
tree29db4d9f5eec45b652fc879236ddddcb6e978e4e
parentdf2d86f9a795b4f1826c3d1d02638bd1eb873227 (diff)
downloadArKa-Web-f216e4b8118ffec5a32269a8b770cc8aa592d133.tar.gz
ArKa-Web-f216e4b8118ffec5a32269a8b770cc8aa592d133.zip
ADD: error page
-rw-r--r--404.html73
-rw-r--r--assets/style/style.css12
-rw-r--r--index.html38
3 files changed, 101 insertions, 22 deletions
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..c12507f
--- /dev/null
+++ b/404.html
@@ -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>
diff --git a/assets/style/style.css b/assets/style/style.css
index e06fb1b..8c9f506 100644
--- a/assets/style/style.css
+++ b/assets/style/style.css
@@ -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);
diff --git a/index.html b/index.html
index cdacf0c..b1839ec 100644
--- a/index.html
+++ b/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,27 +54,28 @@
<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>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>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>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>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>
- <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>
ArKa projects. All rights to me, and your next child right arm.