feat: clean about me + website style

404.html

@@ -4,7 +4,7 @@
     <!-- Metadata -->
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="ArKa - unknown page">
+    <meta name="description" content="ArKa - Error">
 
     <!-- Style -->
 	<link rel="stylesheet" href="ArKa-Web/assets/style/colorscheme.css">
@@ -47,7 +47,7 @@
     <!-- Main content -->
     <main>
         <div id="content">
-			<h1>╓───── Page not found ─────╖</h1>
+			<h1 class="error">╓───── Error ─────╖</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>

assets/style/style.css

@@ -5,7 +5,7 @@ body
     color: var(--text-color);
     border: 1px solid var(--link-bg-color);
 
-	font-size: calc(10px + 0.390625vw);
+	font-size: calc(12px + 0.390625vw);
 	font-family: "Courier New";
 
     width: 90vw;
@@ -108,7 +108,8 @@ h1 {
 	margin: 0 auto;
 
 	text-align: center;
-    border: 1px solid var(--title-color);
+	text-transform: uppercase;
+	font-size: calc(34px + 0.390625vw);
 }
 
 main div.h1-content {
@@ -121,11 +122,26 @@ main div.h1-content {
     margin-bottom: 2vh;
 }
 
-@media screen and (max-width: 700px) 
+@media screen and (min-width: 1000px)
+{
+	div#content
+	{
+		max-width: 850px;
+		margin-left: auto;
+		margin-right: auto;
+	}
+}	
+
+@media screen and (max-width: 720px) 
 {
     body 
     {
-		font-size: 10px;
+		font-size: calc(10px + 0.390625vw);
+    }
+
+	h1
+	{
+		font-size: calc(24px + 0.390625vw);
 	}
 }
 
@@ -136,4 +152,9 @@ main div.h1-content {
 		flex-direction: column;
 		gap: 0.5rem;
     }
+	h1
+	{
+		font-size: calc(14px + 0.390625vw);
+	}
+
 }

index.html

@@ -51,34 +51,28 @@
     <!-- Main content -->
     <main>
         <div id="content">
-			<h1>╓───── About ─────╖</h1>
+			<h1>╓───── About Me ─────╖</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.</p>
+				<h2>Hey,</h2>
-				<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 for security reason), and your security is my top priority.</b></p><br>
+				<p>I’m Oxbian, a geek who loves a lot of things. So I'll be quick, I’m fascinated by everything related to computers, not JavaScript framework or new "idea" but real innovations.</p>
+				<p>I value privacy and security very highly. My goals are to improve the state of cybersecurity and to help develop more environmental friendly solutions (not just for tech).</p>
+				<p>Moreover, I’m always eager to learn new things and share my knowledge, which you can find on the <a href"https://blog.arka.rocks">blog</a>.</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>
+			</div>
-				<p>I’m always eager to learn new things and share my knowledge, which you can find on the <a href"https://blog.arka.rocks">blog</a>.</p>
+			<h1>╟─────── ArKa ───────╢</h1>
-				<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 securely and privately.</p> 
 
-				<h2> ArKa services </h2>
+			<div class="h1-content">
-				<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://blog.arka.rocks">blog</a>, <a href="https://git.arka.rocks">git server</a>.</p>
+				<p>ArKa, is a small portion of the web where I show my projects and what I do on my free time.</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>
+				<h2>Services</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>
+				<p>On this small portion of the web, I selfhost some services which are read-only (<a href="https://arka.rocks">this website</a>, <a href="https://blog.arka.rocks">my blog</a>, <a href="https://git.arka.rocks">a git server</a>), and others for everyone to use (<a href="https://bin.arka.rocks">an encrypted bin</a>).</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>
+				<h2>Projects & philosophy</h2>
-					<li>A script to send message to someone via Matrix. <a href="https://git.arka.rocks/Oxbian/matrix-sender">Matrix sender</a></li>
+				<p>A list of project made for ArKa are available on <a href="https://git.arka.rocks/ArKa">this repository</a>.</p>
-					<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>
+				<p>I want to create tools and solutions which are simple, efficient and have a low impact on energy and resources. They also need to collect no or just necessary data, and to be secured by default for the end user. Simplicity and efficiency is not new is the IT world, so for this reason I will prefer to use Unix and POSIX tools as possible.</p>
 
-	    		<h2>ArKa philosophy</h2>
-	    		<p>ArKa aims to create tools and solutions that are simple, efficient, secure and have a low impact on energy and resources.</p>
-	    		<p>ArKa tools need to be sustainable, with low maintenance, low resources usage, the fewer dependencies possible. For this reason we use UNIX and POSIX tools as possible.</p>
-	    		<br>
-				<p>ArKa ecosystem runs on a raspberrypi 4, the website is very lightweight, don't use any javascript, with a minimal CSS, which has light and dark theme (be kind to your eyes guys).</p>
-				<p>Tools are written in C to have a maximum of control and liberty, and once compiled they are very fast and energy efficient unlike other language like Javascript or Python which can't be compiled and use a lot of energy everytime there are used</p>
         	</div>
         </div>
     </main>