update

2 files changed, 56 insertions, 33 deletions

diff --git a/about.html b/about.html
index bd804b2..f065cd9 100644
--- a/about.html
+++ b/about.html
@@ -1,26 +1,30 @@
-<h1>About GitJoe</h1>
-<p>
-	This website is my public front-end for me and my
-	pals most sweet repositories, hosted here on this server!
-	<br>
-	<br>
-	Check out insane code from GitJoe users bellow right now!
-</p>
-<h2>How to be on GitJoe?</h2>
-<p>
-	If you too want your free, BSD-powered, BSD-licensed, uncensored,
-	ad-free, untracked, analytics-free, telemetry-free,
-	unbloated, JavaScript-free and fancy-framework-free
-	git repo hosting, get in touch with me with one of these
-	<a href="https://jozanofastora.xyz/links.html">links</a>
-	or my email directly: <b>bousset.rudy@gmail.com</b>
-</p>
-<h2 class="users">GitJoe users repositories</h2>
-<p>
-	<ul>
-		<li><a href="users/jozan/">jozan</a></li>
-		<li><a href="users/salad/">salad</a></li>
-		<li><a href="users/salad-joe/">salad-joe</a></li>
-	</ul>
-</p>
+<div class="body-contents">
+	<div class="figure">
+		<p><img src="img/gitjoe.png" alt="gitjoe.png"></p>
+	</div>
+	<h1>About GitJoe</h1>
+	<p>
+		This website is my public front-end for me and my
+		pals most sweet repositories, hosted here on this server!
+		<br>
+		<br>
+		Check out insane code from GitJoe users bellow right now!
+	</p>
+	<h2>How to be on GitJoe?</h2>
+	<p>
+		If you too want your free, BSD-powered, BSD-licensed, uncensored,
+		ad-free, untracked, analytics-free, telemetry-free,
+		unbloated, JavaScript-free and fancy-framework-free
+		git repo hosting, get in touch with me with one of these
+		<a href="https://jozanofastora.xyz/links.html">links</a>
+		or my email directly: <b>bousset.rudy@gmail.com</b>
+	</p>
+	<h2 class="users">GitJoe users repositories</h2>
+	<p>
+		<ul>
+			<li><a href="users/jozan/">jozan</a></li>
+			<li><a href="users/salad/">salad</a></li>
+			<li><a href="users/salad-joe/">salad-joe</a></li>
+		</ul>
+	</p>
 </div>
diff --git a/css/cgit.css b/css/cgit.css
index d4aadbf..0c1bc44 100644
--- a/css/cgit.css
+++ b/css/cgit.css
@@ -1,19 +1,34 @@
+body {
+	margin: 0 auto;
+	width: 100%;
+	height: 100%;
+	min-height: 100%;
+	font-family: sans-serif;
+	background-color: #f5f5f5;
+}
 div#cgit {
 	padding: 0em;
 	margin: 0em;
-	font-family: sans-serif;
-	font-size: 10pt;
-	color: #333;
-	background: white;
-	padding: 4px;
+	background-color: #f5f5f5;
+	position: relative;
+	height: 100%;
+	min-height: 100%;
 }
 
 div#cgit a {
-	color: blue;
+	color: #9d0006;
+	background-color: transparent;
+	text-decoration: none;
+}
+
+div#cgit a:visited {
+	color: #9d0006;
+	background-color: transparent;
 	text-decoration: none;
 }
 
 div#cgit a:hover {
+	color: #9d0006;
 	text-decoration: underline;
 }
 
@@ -22,8 +37,11 @@ div#cgit table {
 }
 
 div#cgit table#header {
+	background-color: #ededed;
 	width: 100%;
 	margin-bottom: 1em;
+	border-bottom: 2pt solid #aaa;
+	border-top: 0pt;
 }
 
 div#cgit table#header td.logo {
@@ -32,13 +50,14 @@ div#cgit table#header td.logo {
 }
 
 div#cgit table#header td.main {
+	color: #292929;
 	font-size: 250%;
 	padding-left: 10px;
 	white-space: nowrap;
 }
 
 div#cgit table#header td.main a {
-	color: #000;
+	color: #292929;
 }
 
 div#cgit table#header td.form {
@@ -56,7 +75,7 @@ div#cgit table#header td.form select {
 }
 
 div#cgit table#header td.sub {
-	color: #777;
+	color: #555;
 	border-top: solid 1px #ccc;
 	padding-left: 10px;
 }