diff --git a/pages/doc/index.html b/pages/doc/index.html
new file mode 100644
index 0000000..62a2d99
--- /dev/null
+++ b/pages/doc/index.html
@@ -0,0 +1,35 @@
+    <div class="notfooter">
+        <h1><a href="../">~jusdepatate/</a>doc/</h1>
+        <p>
+        Here are some system administration stuff such as installation guides for softwares.<br>
+        </p>
+        <h2>Table of Content</h2>
+        <ul>
+            <li>[ <a href="#hf">H i b e r F i l e</a> ]</li>
+        </ul>
+        <h2 id="hf">HiberFile</h2>
+        <p>
+            Installing HiberFile is pretty easy:<br>
+            You only need a decent version of NPM and NodeJS installed,<br>
+            Start by running <i>HiberAPI</i>:<br>
+            <blockquote class="sourceCode">
+                git clone https://github.com/HiberFile/HiberAPI<br>
+                cd HiberAPI<br>
+                npm install<br>
+                npm run build<br>
+                npm run generate<br>
+                npm run start
+            </blockquote><br>
+            Keep HiberAPI running (with a service or a screen),<br>
+            Continue by running <i>HiberNuxt</i><br>
+            <blockquote class="sourceCode">
+                cd ..<br>
+                git clone https://github.com/HiberFile/HiberFile<br>
+                cd HiberFile<br>
+                npm run build<br>
+                npm run generate<br>
+                npm run start
+            </blockquote><br>
+            HiberFile should be up and running on your host, now you can work on making a VirtualHost with Nginx, Apache2, ...<br>
+        </p>
+    </div>
diff --git a/pages/index.html b/pages/index.html
index 200fd92..7a783df 100644
--- a/pages/index.html
+++ b/pages/index.html
@@ -2,6 +2,7 @@
 		<h1>~jusdepatate</h1>
 
 		<p>Nothing really interesting here...<br>
-		If you like twtxt you can [ <a href="twtxt.txt">f o l l o w   m i n e</a> ], you can also check my [ <a href="https://github.com/@jusdepatate">G i t H u b</a> ], if you aren't a nerd (you definitely are for being on a ~), you can follow me on [ <a href="https://twitter.com/@jusdepatate_">T w i t t e r</a> ].</p>
+		You can find some nerd things at [ <a href="doc/">d o c /</a> ]<br>
+		If you like twtxt you can <span class=nowrap>[ <a href="twtxt.txt">f o l l o w   m i n e</a> ]</span>, you can also check my <span class=nowrap>[ <a href="https://github.com/@jusdepatate">G i t H u b</a> ]</span>, if you aren't a nerd (you definitely are for being on a ~), you can follow me on <span class=nowrap>[ <a href="https://twitter.com/@jusdepatate_">T w i t t e r</a> ]</span>.</p>
 		<br>
 	</div>
diff --git a/src/style.css b/src/style.css
index f26c05a..9e99789 100644
--- a/src/style.css
+++ b/src/style.css
@@ -6,11 +6,14 @@
   background: none;
   text-decoration: none;
 }
+.nobreak {
+  display: inline
+}
 table {
   border-collapse: collapse;
 }
 p {
-  font-size: 19px;
+  font-size: larger;
 }
 td {
   border: 6px double darkorange;
@@ -33,12 +36,11 @@ body {
   color: darkorange;
   word-wrap: break-word;  
   height: 100vh;
-  background-image: url('https://cdnb.artstation.com/p/assets/images/images/014/665/033/original/yargon-kerman-webp-net-gifmaker-39.gif');
-  background-size: cover;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
+  background-color: #1e1e1e;
 }
 a {
   background: darkorange;
@@ -82,6 +84,8 @@ h1 {
 
 .sourceCode {
  color:#06287e;
+ margin-left: 25px;
+ font-size: large;
 }
 
  /* Style the navbar */