diff options
author | Oxbian <got.dacs@slmail.me> | 2024-03-03 17:40:39 +0100 |
---|---|---|
committer | Oxbian <got.dacs@slmail.me> | 2024-03-03 17:40:39 +0100 |
commit | f216e4b8118ffec5a32269a8b770cc8aa592d133 (patch) | |
tree | 29db4d9f5eec45b652fc879236ddddcb6e978e4e | |
parent | df2d86f9a795b4f1826c3d1d02638bd1eb873227 (diff) | |
download | ArKa-Web-f216e4b8118ffec5a32269a8b770cc8aa592d133.tar.gz ArKa-Web-f216e4b8118ffec5a32269a8b770cc8aa592d133.zip |
ADD: error page
-rw-r--r-- | 404.html | 73 | ||||
-rw-r--r-- | assets/style/style.css | 12 | ||||
-rw-r--r-- | index.html | 38 |
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); @@ -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> |